/*

CSS: screen.css
Primary use: Structure and styles which appear throughout site
Depends on: Nothing
Extended by: Everything

Contents
1.0 Resets
  1.1 XHTML resets
  1.2 MOSS resets
2.0 Base styles
3.0 Structural (inc. footer)
  3.1 Site content wrapper to push below MOSS
  3.2 Flash and right hand panel
  3.3 Content wrapper
  3.4 Footer
4.0 Navigation (javascript disabled)
5.0 Home

Notes:
Each HTML page MUST include the class .content-height (see section 3.3)

*/

/******************************************************************
1.0 Resets
/*****************************************************************/
/* 1.1 XHTML resets
Eric Meyer's Resetting again CSS
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
q:before, q:after{
	content:'';
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 1.2 MOSS resets */
form .master{ background:#fff; height:auto; position:relative; z-index:10; }
.ms-MenuUIPopupBody{ z-index:11; }


/*****************************************************************
2.0 Base styles
*****************************************************************/
body{ background:#020202 url('../image/mc-footer-bk-rp.gif') center 0 repeat-y; color:#000; font:62.5%/1.5 "Arial", helvetica, sans-serif; } /* Set font-size to 10px = 1em base */
h1{ font-size:2em; font-weight:normal; }
h2{ color:#333; font-size:1.4em; font-weight:bold; }
h3{ font-size:1em; font-weight:bold; }

h1,h2,h3,h4,h5,h6{ line-height:1; margin-bottom:0.2em; }
p,ol,ul{ margin-bottom:1em; }
ol ol, ul ul, ol ul, ul ol{ margin-bottom:0; }

strong{ font-weight:bold; }
em{ font-style:italic; }

a{ text-decoration:none; }
a:link{ color:#666; }
a:visited{ color:#666; }
a:hover{ color:#f7931e; }
a:active{ color:#f7931e; }

.replaced{ display:block; position:relative; }
.replaced span{ background-repeat:no-repeat; display:block; height:100%; left:0; position:absolute; top:0; width:100%; }
a.replaced span{ cursor:pointer; }

.accessibility,.accessibility span{ display:block; height:1px !important; left:-9999px !important; line-height:1px !important; overflow:hidden !important; position:absolute !important; top:-9999px !important; width:1px !important; }

#mclaren-site .link{ background:url('../image/ic-button-link-black.gif') 2px top no-repeat; display:inline-block; height:1.636em; padding-left:10px; text-decoration:none; text-transform:uppercase; }
#mclaren-site .link-back{ background:url('../image/ic-button-link-back-second.gif') 2px top no-repeat; }
#mclaren-site .link-second{ background-image:url('../image/ic-button-link-second.gif'); }
#mclaren-site .link:link,
#mclaren-site .link:visited{ color:#f7931e; }
#mclaren-site .link-back:link,
#mclaren-site .link-back:visited,
#mclaren-site .link-second:link,
#mclaren-site .link-second:visited{ color:#999; }
#mclaren-site .link:hover,
#mclaren-site .link:active{ background-position:2px bottom; color:#fff; }
#mclaren-site .link-back:hover,
#mclaren-site .link-back:active{ background-position:2px bottom; color:#fff; }

/*****************************************************************
3.0 Structural (inc. footer)
*****************************************************************/
/* 3.1 Site content wrapper to push below MOSS */
#mclaren-site{ position:relative; width:100%; }

/* 3.2 Flash and right hand panel */
#wrapper-top{ height:0; left:0; position:absolute; top:0; width:100%; z-index:10; } /* Put flash above content and at top of the page */
.nav-bk{ background:url('../image/mc-nav-bk-rp.png') 0 0 repeat-x;/*IE 6*/ left:0; height:59px; position:absolute; top:0; width:100%; }
#wrapper-centring{ margin:0 auto; position:relative; width:976px; z-index:2; }
#loaded-content-wrapper,
#BaseLoader{ float:left; }
#loaded-content-wrapper{ background:#1f1f1f; display:none; }

/* 3.3 Content wrapper */
#page-bk-rp{ background:#020202 url('../image/mc-bk-rp.jpg') center 0 repeat-y; min-height:561px;/*IE 6*/  }
.content-wrapper{ background:#fff; margin:0 auto; min-height:561px;/*IE 6*/ position:relative; width:976px; z-index:3; }

/* 3.4 Footer */
.footer-wrap{ background:url('../image/mc-footer-bk-gradient.png') center 0 no-repeat;/*IE6*/ margin-top:-251px; padding-top:251px; position:relative; z-index:1; /*IE all*/}
.footer{ background:url('../image/mc-footer-bk.jpg') center 0 no-repeat; clear:both; font-size:0.900em; min-height:118px;/*IE6*/ width:100%; }
.footer ul{ margin:0 auto; padding-top:5px; text-align:center; width:976px; }
.footer li{ background:url('../image/footer-divider.gif') 0 center no-repeat; display:inline; padding:0 23px; }
.footer li.first{ background-image:none; }
.footer a:link,
.footer a:visited{ color:#6f6f6f; }
.footer a:hover { color:#fff; }
.footer a:active{ color:#f7931e; }


/*****************************************************************
4.0 Navigation (javascript disabled)
*****************************************************************/
.header{ background:url('../image/mc-nav-bk-rp.png') 0 0 repeat-x; height:59px; left:0; position:absolute; top:0; width:976px; }
.mclaren-logo{ display:block; height:35px; overflow:hidden; position:absolute; right:0; top:14px; width:135px; }
.mclaren-logo img{ position:absolute; right:0; top:0; }

#breadcrumbs{ font-size:0.8em; font-weight:bold; height:14px; left:0; position:absolute; text-align:center; text-transform:uppercase; top:0; width:976px; }
#breadcrumbs li{ background:url('../image/nav/breadcrumb-divider.gif') right center no-repeat; display:inline; padding:0 15px 0 8px; }
#breadcrumbs a:link,
#breadcrubms a:visited{ color:#717171; }
#breadcrumbs a:hover{ color:#fff; }
#breadcrumbs a:active{ color:#f7931e; }
#breadcrumbs li.selected{ background-image:none; }
#breadcrumbs li.selected a:link,
#breadcrumbs li.selected a:visited{ color:#a5a5a5; }
#breadcrumbs li.selected a:hover{ color:#fff; }
#breadcrumbs li.selected a:active{ color:#f7931e; }

#nav{ font-weight:bold; left:390px; position:absolute; top:14px; width:196px; }
#nav .bk {/*IE6*/}
#nav > li{  }
#nav a:link,
#nav a:visited{ color:#a5a5a5; }
#nav a:hover{ color:#fff; }
#nav a:active{ color:#f7931e; }
#menu-btn{ left:43px; display:block; height:47px; position:absolute; top:0; width:110px; }
#menu-btn span{ background-image:url('../image/nav/menu-btn.png'); }
#menu-btn:hover span{ background-position:0 -47px; }

#top-nav{ font-size:1.2em; left:0; position:absolute; top:47px; text-align:center; width:196px; }
#top-nav li{ display:block; height:51px; position:relative; }
#top-nav span{ background:url('../image/nav/has-sub-items.gif') 0 0 no-repeat; bottom:4px; left:91px; height:13px; position:absolute; width:13px; z-index:30; }
#top-nav a{ background:url('../image/nav/btn-default.png') 0 0 no-repeat; display:block; height:36px; left:0; padding-top:15px; position:absolute; width:196px; z-index:10; }
#top-nav a:hover{ background:url('../image/nav/btn-over.png') 0 0 no-repeat; height:42px; padding-top:22px; margin:-7px -8px -6px -6px; width:208px; z-index:20; }

#top-nav ul{ background:url('../image/nav/subnav-bk.png') 0 0 no-repeat; font-size:0.833em; padding:5px 0; right:-160px; position:absolute; width:160px; }
#top-nav ul li{ background:url('../image/nav/subnav-divider.png') center top no-repeat; height:auto; width:160px; }
#top-nav ul li.first{ background:none; }
#top-nav ul a{ background:none; display:block; height:auto; padding:3px 0; position:relative; width:160px; }
#top-nav ul a:hover{ background:none; display:block; height:auto; margin:0; padding:3px 0; position:relative; width:160px; }

#nav li ul{ display:none; }
#nav li:hover ul#top-nav,
#nav li:hover #top-nav li:hover ul{ display:block; }

#nav-control{ font-size:0.9em; left:14px; position:absolute; text-transform:uppercase; top:25px; }
#nav-control li{ float:left;/*IE 6*/ margin-right:20px; }
#nav-control a:link,
#nav-control a:visited{ color:#717171; }
#nav-control a:hover{ color:#fff; }
#nav-control a:active{ color:#f7931e; }


/*****************************************************************
5.0 Home
*****************************************************************/
.home-wrapper{ padding-top:49px;/*IE 6*/ }
#home{ background:url('../image/flash-detection-bk.jpg') 0 0 no-repeat; height:362px; padding-top:150px; position:relative; width:976px; }
#home-content{ margin:0 auto; text-align:center; text-transform:uppercase; width:600px; }
#home-content h1{ color:#bbb; }
#home-content p{ color:#959595; }
#home-content .link{ background:url('../image/hm-link.gif') 0 4px no-repeat; padding-left:12px; }
#home-content .link:hover{ background-position:0 -11px; }
#home-content a:link{ color:#f7931e; }
#home-content a:visited{ color:#f7931e; }
#home-content a:hover{ color:#fff; }
#home-content a:active{ color:#fff; }