@charset "utf-8";
/* CSS Document */


/* GENERAL LAYOUT ______________________________________________________________*/

body { font-family:Arial, Helvetica, sans-serif; background: #000000; font-size:75%; margin: 0; padding: 0; text-align: center; color: #cccccc;	}

#wrapper{ width: 860px; margin: 0 auto; padding-bottom:80px; text-align:left}
#mainContent { text-align: justify; padding:0 60px}
#headerDiv { padding: 0 60px; margin:0 auto; color:#ff0000; }
#headerDiv p{ text-align:right}

#flashcontent{ margin-top:30px}


/* TEXT, LINKS, CLASSES ______________________________________________________________*/

a, a:link, a:visited { text-decoration: none; color: #CCCCCC;}
a:hover, a:active, a.active, a.flashlink { text-decoration: none; color: #ff0100;}

h2, h2 span{ position:relative; display:block; top:0; left:0; margin:0; padding:0; width:600px; height:33px; font-size:1em}
h2 span{ position:absolute; background-repeat:no-repeat;}
h2.mclarensport span{ background-image:url(images/mclaren-sport-logo.gif); }
h2.mclaren, h2.mclaren span{ height:54px}
h2.mclaren span{ background-image:url(images/mclaren-logo.gif); }

h3{  margin:0; padding:0; padding-top:50px; font-size:1.4em; color:#fff; font-weight:normal}


/* INTRO PAGE ________________________________________________________________________*/

.intro #mainContent{ position:relative; top:-100px; margin-bottom:-100px}

#images, #images ul{ overflow:hidden}
#images ul, #images li{ margin:0; padding:0; list-style:none}
#images li{ float:left; display:inline}

#images a, #images a span{ display:block; position:relative; top:0; left:0; width:430px; height:663px}
#images a span{ position:absolute; text-indent:-9999px;}
#images a:hover span{ background-position:0 -663px; cursor:pointer}
#images a.mclarensport span{ background-image:url(images/lewis_half.jpg)}
#images a.mclaren span{ background-image:url(images/pedro_half.jpg)}

.thumb {border: 1px solid #cccccc;}
.activethumb { border: 1px solid #ff0100;}
	
	
/* MCLAREN SPORT PAGE ________________________________________________________________________*/

.mclarensport #wrapper{ background:url(images/footwear-lewis-1.jpg) no-repeat}
.mclarensport #mainContent{ margin-top:500px}


/* MCLAREN PAGE ________________________________________________________________________*/

.mclaren #wrapper{ background:url(images/footwear-pedro-1.jpg) no-repeat}
.mclaren #mainContent{ margin-top:500px}


/* BUTTON BAR ________________________________________________________________________*/

#buttonbar{ background: #1e1e1e url(images/tile_buttonbar.gif) repeat-x; border:1px solid #434343; padding:6px 10px; overflow:hidden; margin-top:25px; width:720px}
#buttonbar ul{ overflow:hidden; float:left}
#buttonbar ul, #buttonbar li{ margin:0; padding:0;}
#buttonbar li{ float:left; display:inline}
#buttonbar a{ color:#fff; padding:1px 25px 1px 0; background:url(images/bg_buttons.gif) right top no-repeat; display:block; margin-right:25px}
#buttonbar a:hover, #buttonbar a:active, #buttonbar a.active{ background-position: right -24px}

#buttonbar ul#buyonline{ float:right}
#buttonbar ul#buyonline a{ margin-right:0}