/* ----------------------------------------------- CSS Framework v2.2 Copyright to James Kirby - www.jameskirby.me.uk Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/) Updated: Feb 24th 2009 12:43pm ----------------------------------------------- */ html { margin:0; padding:0; } body { margin:0; padding:0; color:#000000; background-color:#000000; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; } img { border-style:none; display:block; } img.inline, #article img, #sidebar img { display:-moz-inline-stack; display:inline-block; } img.block, embed, object { display:block!important; } img.icon, img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; } form { margin:0 0 16px 0; padding:0; } blockquote { margin:16px; } hr { border:none 0; margin:16px 0; border-top:1px solid #B4B4B4; height:0; } p { padding:0; margin:0 0 16px 0; } dt { font-weight:bold; margin-bottom:4px; } dd { margin-bottom:16px; } h1 { color:#cb232b; font-size:1.5em; margin-top:0; } h2 { color:#991a20; font-size:1.25em; margin-top:0; } h3 { color:#991a20; font-size:1.15em; margin-top:0; } h4, h5, h6 { color:#991a20; font-size:1em; } a, a:visited { color:#cb232b; text-decoration:underline; outline:none; } a:focus, a:hover { color:#991a20; text-decoration:underline; } a:active { color:#661116; text-decoration:underline; } ul.none { list-style:none; margin:0; padding:0; } ul.none li { padding:0 0 8px 0; } ul.compact { list-style:none; margin:0; padding:0; } ul.compact li { padding:0; margin:0; } ul.arrow { list-style:none; margin:0; padding:0; } ul.arrow li { background:url("arrow.gif") left 5px no-repeat; padding:0 0 8px 18px; } .clear { clear:both; height:0; overflow:hidden; } .hide { display:none; } .error { color:#FF0000; font-weight:bold; } .nowrap { white-space:nowrap; } .photoRight { float:right; margin:3px 0 7px 10px; } .photoLeft { float:left; margin:3px 10px 7px 0; } .photoCentre { display:block; margin:0 auto; } .center { text-align:center; } .justify { text-align:justify; } .uppercase { text-transform:uppercase; } .nomargins { margin:0!important; padding:0!important; } .article-left { width:48%; float:left; } .article-right { width:48%; float:right; } .article-rightalt { width:48%; float:right; text-align:right; } .protection { unicode-bidi:bidi-override; direction:rtl; } img.roundedCorners { -moz-border-radius:10px; -webkit-border-radius:10px; } /* ---------------------- Three Col CSS ---------------------- */ #main { background:#FFFFFF url("background.gif") left top repeat-y; } #main_alt { background:#FFFFFF url("background-alt.gif") left top repeat-y; } #col-a { float:right; width:100%; } #col-a[id] { margin-left:-1px; } #col-b { float:left; margin-left:-185px; z-index:10; } #col-b[id] { margin-right:1px; } #col-c { float:right; margin-right:-214px; z-index:11; } #col-c[id] { margin-left:1px; } .show-all #columns { padding:0 214px 0 185px; } .hide-left #columns { padding:0 185px 0 0; } .hide-right #columns { padding:0 0 0 214px; } .cols-wrapper { width:100%; } .cols-wrapper[class] { padding-bottom:0.1px; } .float-wrapper { float:left; width:100%; } .float-wrapper[class] { margin-right:-1px; } .sidecol_left { position:relative; width:185px; overflow:hidden; } .sidecol_right { position:relative; width:214px; overflow:hidden; } #colcontent { line-height:1.4em; } #colcontent_padding { padding:40px 20px 24px 20px; } #colcontent_tracking { background-color:#FFFFFF; } #colcontent_tpadding { padding:5px 0 10px 0; } #widescreen { width:1306px; /*height:768px;*/ overflow:hidden; background-color:#FFFFFF; } #widescreen_left { width:80%; float:left; } #widescreen_right { width:18%; float:right; } #widescreen_right .panel { margin:0px; } #widescreen_right .panel_header, #widescreen_right .panel_footer { display:none; } #widescreen_right .table-comp { width:100%; border-collapse:collapse; } #widescreen_right .table-comp caption { text-align:left; font-size:0.85em; } #widescreen_right .table-comp th, #widescreen_right .table-comp td { border-bottom:0; padding:0 0 0 0; } #widescreen_right .table-comp th { text-align:left; vertical-align:bottom; } #widescreen_right .table-comp th a, #widescreen_right .table-comp th a:visited { text-decoration:none; } #widescreen_right .table-comp th a:hover { text-decoration:underline; } #widescreen_right .table-comp td { text-align:left; vertical-align:top; } #widescreen_right .table-comp thead th, #widescreen_right .table-comp thead td { border-bottom:0; font-weight:bold; } #widescreen_right .table-comp tbody tr:hover { background-color:#FFFFFF; } #widescreen_right .table-comp tbody tr.alt { background-color:#FFFFFF; } #widescreen_right .table-comp tbody tr.alt:hover { background-color:#FFFFFF; } .widescreen { width:1306px!important; } /* ---------------------- Interface CSS ---------------------- */ #container { width:960px; margin:0 auto; } #accessibility { height:0; overflow:hidden; } #accessibility p { text-indent:-9000px; } #header { width:960px; height:180px; overflow:hidden; border-bottom:5px solid #FFFFFF; background:#000000 url("header.gif") left top no-repeat; } #header_compact { width:960px; height:120px; overflow:hidden; background:#000000 url("header_compact.gif") left top no-repeat; } #header_tracking { width:960px; height:120px; overflow:hidden; background:#000000 url("header_tracking.gif") left top no-repeat; } #header_left { width:400px; height:180px; float:left; } #header_left p { margin:0; padding:0; } #header_left p a, #header_left p a:visited { width:400px; height:180px; display:block; text-indent:-9000px; } #header_left_small { width:400px; height:120px; float:left; } #header_left_small p { margin:0; padding:0; } #header_left_small p a, #header_left_small p a:visited { width:400px; height:120px; display:block; text-indent:-9000px; } #header_right { width:330px; height:120px; float:right; } #header_right p { margin:0; padding:0; } #header_right p a, #header_right p a:visited { width:330px; height:120px; display:block; text-indent:-9000px; } #header_flash { border-bottom:5px solid #FFFFFF; } #header_flash_alternate { width:960px; height:270px; background:url("../flash/alternative.jpg") left top no-repeat; } #nav_header { width:165px; height:4px; background:url("nav_header.gif") left top no-repeat; overflow:hidden; } #nav_footer { width:165px; height:4px; background:url("nav_footer.gif") left top no-repeat; overflow:hidden; } #nav { margin:35px 10px 15px 10px; background:url("nav.gif") left top repeat-y; } #nav ul { list-style:none; margin:0; padding:0; width:165px; } #nav ul li { text-align:right; font-weight:bold; margin-bottom:5px; } #nav ul li.end { margin-bottom:0; } #nav ul li a, #nav ul li a:visited { color:#FFFFFF; width:125px; /*height:26px;*/ padding:5px 35px 5px 5px; display:block; background:#cb232b url("nav_level1.gif") right center no-repeat; text-decoration:none; } #nav ul li.active a, #nav ul li a:focus, #nav ul li a:hover { background-color:#b31e26; color:#FFFFFF; text-decoration:none; } #nav ul li a:active { background-color:#cb232b; color:#FFFFFF; text-decoration:none; } #nav ul li ul { display:none; } #nav ul li ul li { margin-bottom:0; font-size:0.93em; } #nav ul li ul li a, #nav ul li ul li a:visited { /*height:16px;*/ padding:2px 35px 2px 5px; background:#b31e26 url("nav_level2.gif") right center no-repeat; } #base-nav ul { list-style:none; margin:5px 10px 5px 0; padding:0; } #base-nav ul.alt { list-style:none; margin:5px 10px 0 10px; padding:0; } #base-nav ul li { float:left; font-weight:bold; margin:0 5px 5px 0; } #base-nav ul li a, #base-nav ul li a:visited { color:#FFFFFF; padding:5px 7px 5px 17px; display:block; background:#cb232b url("nav_alt.gif") 7px center no-repeat; text-decoration:none; } #base-nav ul li.active a, #base-nav ul li a:focus, #base-nav ul li a:hover { background-color:#b31e26; color:#FFFFFF; text-decoration:none; } #base-nav ul li a:active { background-color:#cb232b; color:#FFFFFF; text-decoration:none; } #adidasOutdoor_banner { margin-bottom:20px; } #footer { width:960px; color:#666666; font-weight:bold; height:160px; background:#FFFFFF url("footer.gif") left top no-repeat; overflow:hidden; } .footer_alt { background:#FFFFFF url("footer-alt.gif") left top no-repeat!important; } #footer p { margin:0; } #footer a, #footer a:visited { color:#666666; text-decoration:none; } #footer a:focus, #footer a:hover { color:#333333; text-decoration:underline; } #footer a:active { color:#000000; text-decoration:underline; } #footer_left { width:390px; float:left; } #footer_left .padding { padding:83px 0 0 76px; } #footer_right { width:558px; float:right; text-align:right; } #footer_right .padding { padding:83px 180px 0 0; } #footer_alt { width:960px; color:#666666; font-weight:bold; background-color:#FFFFFF; overflow:hidden; } #footer_alt p { margin:0; } #footer_alt a, #footer_alt a:visited { color:#666666; text-decoration:none; } #footer_alt a:focus, #footer_alt a:hover { color:#333333; text-decoration:underline; } #footer_alt a:active { color:#000000; text-decoration:underline; } #footer_alt_left { width:390px; float:left; } #footer_alt_left .padding { padding:10px 0 10px 30px; } #footer_alt_right { width:408px; float:right; text-align:left; } #footer_alt_right .padding { padding:10px 30px 10px 0; } /* ---------------------- Content CSS ---------------------- */ .sidecol_left_background { width:185px; background:url("sidecol_left_background.gif") left top repeat-y; overflow:hidden; } .sidecol_left_footer { width:185px; height:42px; background:url("sidecol_left_footer.gif") left top no-repeat; overflow:hidden; margin-bottom:16px; } .sidecol_right_background { width:214px; background:url("sidecol_right_background.gif") left top repeat-y; overflow:hidden; padding-bottom:15px; } .sidecol_right_footer { width:214px; height:42px; background:url("sidecol_right_footer.gif") left top no-repeat; overflow:hidden; margin-bottom:16px; } .panel { margin:35px 5px 20px 5px; } .panel_header { width:194px; height:4px; background:url("panel_header.gif") left top no-repeat; overflow:hidden; } .panel_content p { margin:0; padding:0; } .panel_content_alt { background-color:#FFF; padding:5px; } .panel_content_alt p { margin:0; padding:0; } .panel_footer { width:194px; height:4px; background:url("panel_footer.gif") left top no-repeat; overflow:hidden; } .ci{ float:left; margin-right:1px; margin-bottom:1px; width:15px; } .control-icon { float:left; margin-right:1px; margin-bottom:1px; } .control-inline { display:-moz-inline-stack; display:inline-block; vertical-align:middle; } .thumbnail { float:left; width:75px; height:75px; overflow:hidden; margin:0 5px 5px 0; } .tracking-comment { margin:10px; } .tracking-comment p { margin:0; } #ar-worldseries { width:137px; height:40px; background:url("ar-worldseries.gif") left top no-repeat; margin-right:20px; float:left; } #ar-worldseries a, #ar-worldseries a:visited { width:137px; height:40px; display:block; text-decoration:none; text-indent:-9000px; } #ar-worldseries a:focus, #ar-worldseries a span { visibility:hidden; } #openadventure { width:221px; height:40px; float:left; } #openadventure a, #openadventure a:visited { width:221px; height:40px; display:block; background:url("openadventure.gif") left top no-repeat; text-decoration:none; text-indent:-9000px; } #openadventure a:focus, #openadventure a span { visibility:hidden; } /* ---------------------- Flash ---------------------- */ .flash p { margin:0; padding:15px; text-align:right; } .flash p a, .flash p a:visited { text-decoration:none; } .flash p a:hover, .flash p a:active { text-decoration:underline; } /* ---------------------- HighSlide ---------------------- */ .highslide { cursor:url("../../behaviour/highslide/zoomin.cur"), pointer; outline:none; } .highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; } .highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; } .highslide-display-block { display:block; } .highslide-display-none { display:none; } .closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../../behaviour/highslide/close.png"); } .highslide-dimming { background:#000; } /* .highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; } .highslide-wrapper, .highslide-outline { background:#FFFFFF; } .highslide-caption { display:none; padding:5px 0 0 0; color:#000; } .highslide-caption p { margin:5px 0 0 0; padding:0; font-size:0.83em; } .highslide-left { width:52%; float:left; line-height:1.13em; font-size:0.83em; } .highslide-right { width:46%; float:right; text-align:right; } .highslide-right form { margin:0; } .highslide-right form input { vertical-align:middle; } .highslide-loading { display:block; color:#000; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #000; background-color:#FFF; } .highslide-display-block { display:block; } .highslide-display-none { display:none; } .closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); } */ /* ---------------------- Tables ---------------------- */ .table-comp { width:100%; border-collapse:collapse; } .table-comp caption { text-align:left; font-size:0.85em; } .table-comp th, .table-comp td { border-bottom:1px solid #B4B4B4; padding:2px 0 2px 2px; } .table-comp th { text-align:left; vertical-align:bottom; } .table-comp th a, .table-comp th a:visited { text-decoration:none; } .table-comp th a:hover { text-decoration:underline; } .table-comp td { text-align:left; vertical-align:top; } .table-comp thead th, .table-comp thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; } .table-comp tbody tr:hover { background-color:#E8E8E8; } .table-comp tbody tr.alt { background-color:#E8E8E8; } .table-comp tbody tr.alt:hover { background-color:#D1D1D1; } .table { margin-bottom:16px; width:100%; border-collapse:collapse; } .table caption { text-align:left; font-size:0.85em; } .table th, .table td { border-bottom:1px solid #B4B4B4; padding:3px 3px 3px 0; } .table th { text-align:left; vertical-align:bottom; } .table th a, .table th a:visited { text-decoration:none; } .table th a:hover { text-decoration:underline; } .table td { text-align:left; vertical-align:top; } .table thead th, .table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; } .table tbody tr:hover { background-color:#E8E8E8; } .table tbody tr.alt { background-color:#E8E8E8; } .table tbody tr.alt:hover { background-color:#D1D1D1; } /* ---------------------- Contact Form ---------------------- */ #form { width:481px; clear:both; } #form p { clear:both; } #form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; } #form input.field { float:right; margin:0; padding:3px; width:303px; /* 3 */ margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; } #form select.field { float:right; margin:0; padding:3px; width:313px; /* 13 */ margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; } #form textarea { float:right; margin:0; padding:4px; width:305px; /* 5 */ margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; } #form small { color:#666; } #form .submit { float:right; width:317px; /* 17 */ display:block; margin-bottom:16px; } #form .submit input { margin:0; padding:0; } .form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }