/*---------------------------------------------------------------------------
G L O B A L   E L E M E N T S
---------------------------------------------------------------------------*/
/*Resets*/
* { margin: 0; padding: 0; }
body { font: normal 0.75em Verdana; color: #ccc; background: #000 url(http://cache.lego.com/images/racers/homepage/BG.jpg) top center no-repeat; }
table { border-collapse: collapse; font-size: 100%; /*IE hack */ } 
img, fieldset { border: 0; }

/*Links*/
a, a:visited, a:active { color: #ccc; text-decoration: none; }
a:hover { text-decoration: underline; }

/*Headers*/
h1 { font: bold 1.2em/1.3 Verdana; color: #fff; }
h2 { font: bold 1em/2.5 Verdana; color: #fff; }
h3 { font: bold 0.8em/2.6 Verdana; color: #fff; }

/*Is used to fix inheritance issue*/
input, select, th, td, li li, li li p, li p, td p, blockquote p { font-size: 1em; }

/*---------------------------------------------------------------------------
C O M M O N   E L E M E N T S
---------------------------------------------------------------------------*/
.clear { clear: both; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.NavContainer {	height: 30px; background-repeat: no-repeat; }
.NavItem {margin-top:5px; }
#TopFlash {height:75px;}
.noWhiteSpace { display: block; }
#HO-mainContent, #FZ-mainContent, #MO-mainContent, #DO-mainContent, #DO-DT-mainContent, #BI-mainContent, #NE-mainContent, #GA-mainContent, 
#HO-secContent, #MO-secContent, #FZ-secContent, #GA-secContent { width: 770px; overflow: hidden; background: #000; line-height: 1.5; }
#HO-secContent {background: url(http://cache.lego.com/images/racers/homepage/770xxx_foter-bg.jpg) top left no-repeat; height:374px;}
.noFlash p { margin: 10px 0 0 0; font: bold 10px verdana, lucida, arial, helvetica, sans-serif; color: #fff; text-align: center; }
.noFlash a, .noFlash a:visited, .noFlash a:hover, .noFlash a:active { color: #f70000; }
#toutContainer { width: 752px; margin: 0 0 0 13px;height:374px; }
#breadcrumb { width: 770px; background-color: #181c1d; }
#breadcrumb li { margin: 0 0 0 7px; display: inline; color: #fff; }
#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:active { margin: 0 0 0 7px; line-height: 2.3; color: #fff; }
.header { padding: 10px 0 10px 0; }
#footer { background-color: #000; }
#footer img { margin: 10px 0 0 0; }


/*---------------------------------------------------------------------------
H O M E P A G E
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#HO-mainContentTxt {
	float: right;
}

#HO-secContent #toutContainer {
	padding: 5px 0 0 0;
} 

.HO-tout, .HO-toutPoll {
	width: 180px;
	height: 270px;
	margin: 8px 8px 0 0;
	background-color: #181c1d;
	float: left;
}

.HO-toutTxt {
	width: 135px;
	margin: 5px 0 5px 5px;
	float: left;
}

.HO-toutPoll fieldset {
	width: 170px;
	margin: 0 0 0 5px;
	border: 0;
}

.HO-toutPoll p.HO-pollQuestionIntro, .HO-toutPoll p.HO-pollResultIntro {
	margin: 5px 0 10px 5px;
}

.HO-toutPoll { position: relative; }

.HO-pollBtn {
	/*margin: 10px 0 0 80px;*/
	position: absolute;
	bottom: 7px;
	right: 7px;
}

.HO-toutPoll input {
	float: left;
}

.HO-toutPoll label {
	margin: 0;
	padding: 0 0 0 20px;
	display: block;
}

.HO-toutPoll ul {
	width: 170px;
	margin: 0 0 0 5px;
	overflow: hidden;
}

.HO-toutArrow {
	margin: 100px 5px 0 0;
	float: right;
}

.HO-toutNews {
	width: 180px;
	height: 270px;
	margin: 8px 8px 0 0;
	background-color: #ca0c00;
	float: left;
}

.HO-toutNews li {
	margin: 0 3px 3px 3px;
	padding: 3px 0;
	display: block;
	background-color: #181c1d;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
.HO-tout h2, .HO-toutNews h2, .HO-toutPoll h2 {
	width: 180px;
	height: 30px;
	text-align: center;
}

.HO-toutPoll p {
	margin: 0 0 10px 5px;
	padding: 0;
	display: block;
	line-height: 1.3em;
}

/* -----------------------------
IMAGES
------------------------------*/
.HO-toutTxt img {
	margin: 3px 5px 0 0;
	float: right;
}

.HO-toutPoll li img {
	margin: 0 0 10px 0;
}

/* -----------------------------
LINKS
------------------------------*/
.HO-toutTxt a {
	display: block;
}

.HO-toutNews li a {
	display: block;
	padding: 1px 5px;
}


/*---------------------------------------------------------------------------
P R O D U C T S
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#PR-mainContainer {
	width: 770px;
	overflow: hidden;
	background: #000;
}

#PR-mainContent {
	margin: 10px 0 0 15px;
}

#PR-mainContentOuter {
	float: right;
}

/*#PR-secContent {
	width: 610px;
	margin: 30px 0 50px 0;
	float: right;
}*/

#PR-productList {
	margin: 10px 0 0 0;
	float: left;
}

#PR-toutContainer {
	width: 610px; /*426*/
	margin: 40px 3px 0 0;
	float: right;
}

.PR-tout {
	width: 135px;
	height: 230px;
	margin: 7px 7px 0 0;
	background-color: #181c1d;
	float: left;
}

.PR-toutTxt {
	margin: 5px;
	font: normal 0.8em/1.5 Verdana;
}

#PR-addContent {
	width: 159px;
	height: 252px; 
	margin: -20px 5px 0 0;
	float: right;
}

/*PRODUCTS DETAILS*/
#PD-mainContent {
	width: 599px;
	margin: 10px 16px 0 0;
	padding: 0;
	background-color: #2d2e2d;
}

#PD-productRating {
	margin: 0;
}

#PD-mainImg {
	margin: 0 0 0 5px;
	float: left;
}

#PD-secImg {
	margin: 0 5px 12px 0;
	float: right;
}

#PD-thirdImg {
	margin: 0 5px 0 0;
	float: right;
}

#PDwishList {
	height: 25px;
	width: 440px;
	margin: 5px 0 5px 5px;
	float: left;
}

#PD-txt {
	margin: 0 0 0 5px;
	padding: 0 5px 5px 0;
}

.VoteRank {
	font: bold 1.8em verdana;
	color: #fff;
}

.Vote {
	font: normal 10px/30px Verdana;
	color: #000;
}

.VoteBasedOn {
	font: normal 0.9em verdana;
}

.VoteThankYou {
	color: #000;
}

.VoteHover {
	line-height: 30px;
	background-color: #ac0000;
	color: #fff;
}

/* -----------------------------
IMAGES
------------------------------*/
#PR-productList img {
	margin: 0 0 5px 0;
}

#PR-addContainer img {
	margin: 5px 0 0 26px;
}

#PDwishList .img1 {
	margin: 0 0 0 125px;
}

#PDwishList .img2 {
	margin: 0 0 0 102px;
}

/* -----------------------------
HEADERS
------------------------------*/
.PR-tout h3 {
	padding: 6px 0 6px 5px;
	line-height: 1.5em;
}

#PD-mainContent h1 {
	margin: 0 0 0 7px;
	line-height: 2;
}

#PR-toutContainer h2 {
	width: 426px;
	text-indent: 5px;
	background-color: #181c1d;
}


/*---------------------------------------------------------------------------
D O W N L O A D S
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#DO-mainContent #toutContainer {
	padding: 0 0 220px 0;
}

#DO-DT-mainContent #toutContainer {
	height: 370px;
	padding: 0 0 40px 0;
}

.DO-tout {
	width: 180px;
	height: 170px;
	margin: 8px 8px 0 0;
	float: left;
}

.DO-toutTxt {
	margin: 10px 15px;
}

.DO-wallpaperTout, .DO-screensaverTout, .DO-iconsTout {
	width: 180px;
	margin: 20px 8px 0 0;
	float: left;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
.DO-tout h2 {
	width: 180px;
	height: 30px;	
	text-align: center;
}

#DO-DT-mainContent p li {
	list-style-type: none;
}

#DO-DT-mainContent p {
	padding: 10px 0 0 0;
}


/* -----------------------------
LINKS
------------------------------*/
.DO-toutTxt a, .DO-toutTxt a:visited, .DO-toutTxt a:hover, .DO-toutTxt a:active {
	width: 125px;
	display: block;
	float: left;
}

.DO-screensaverTout a, 
.DO-screensaverTout a:visited, 
.DO-screensaverTout a:hover, 
.DO-screensaverTout a:active,
.DO-iconsTout a, 
.DO-iconsTout a:visited, 
.DO-iconsTout a:hover, 
.DO-iconsTout a:active { 
	text-decoration: none; 
	display: block; 
}

/* -----------------------------
IMAGES
------------------------------*/
#DO-mainContent .DO-tout .DO-toutTxt img {
	margin: 10px 0 0 0;
	float: right;
}

.DO-wallpaperTout img, .DO-screensaverTout img, .DO-iconsTout img {
	width: 180px;
	margin: 0 0 5px 0;
}

.DO-wallpaperTout a img {
	width: 89px;
	margin: 0 0 2px 0;
	border: 0;
}

.DO-screensaverTout a img, .DO-iconsTout a img { 
	width: 180px; 
	margin: 0 0 2px 0; 
	border: 0; 
}


/*---------------------------------------------------------------------------
M O V I E S
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#MO-mainContentInner {
	width: 770px;
	margin: 0 auto 30px auto;
}

#MO-secNavi {
	width: 230px;
	height: 328px;
	margin: 10px 15px 0 0;
	overflow: auto;
	float: left;
}

#MO-secNavi li {
	margin-left: 15px;
	list-style-type: none;
	clear: both;
}

#MO-secContent #MO-toutContainer {
	width: 752px;
	padding: 5px 0 0 0;
}



.MO-tout {
	width: 180px;
	height: 143px;
	margin: 8px 8px 0 0;
	float: left;
}

.MO-toutTxt {
	margin: 10px 40px 10px 15px;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
.MO-tout h2 {
	width: 180px;
	height: 30px;
	text-align: center;
}

/* -----------------------------
LINKS
------------------------------*/
.MO-toutTxt a, .MO-toutTxt a:visited, .MO-toutTxt a:hover, .MO-toutTxt a:active {
	width: 125px;
}

/* -----------------------------
IMAGES
------------------------------*/
#MO-secNavi li img {
	margin: 0 10px 15px 0;
	float: left;
}

/*---------------------------------------------------------------------------
F U N Z O N E
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#FZ-mainContentInner {
	margin: 0 5px;
}

#FZ-mainContentTxt {
	float: right;
}


#FZ-mainContentInnerImgFrame {
	float: left;
}

#FZ-secContent #toutContainer {
	width: 760px;
	padding: 10px 0 0 0;
}

.FZ-toutMedium {
	width: 364px;
	height: 155px;
	margin: 8px 16px 0 0;
	background-color: #181c1d;
	float: left;
}

.FZ-toutMediumArrow {
	margin: 100px 5px 0 0;
	float: right;
}

.FZ-toutSmall {
	width: 180px;
	height: 245px;
	margin: 8px 8px 0 0;
	background-color: #181c1d;
	float: left;
}

.FZ-toutSmallArrow {
	margin: 80px 5px 0 0;
	float: right;
}

.FZ-toutTxt {
	width: 135px;
	margin: 5px 0 5px 5px;
	float: left;
}

#FZ-mainContentInnerImgFrame {
	margin: 0 10px 0 0;	
}

.PlaygameflashInner {
	margin: 0 auto;
	width: 600px;
}
.PlaygameflashOuter {
	margin: 20px 0 20px 0;
	width: 770px;
	text-align: center;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
.FZ-toutSmall h2 {
	width: 180px;
	height: 30px;
	text-align: center;
}

.FZ-toutMedium h2 {
	width: 364px;
	height: 30px;	
	text-align: center;
}

/* -----------------------------
IMAGES
------------------------------*/
.FZ-toutMedium img {
	margin: 5px;
	float: left;
}

#FZ-mainContentInnerTxt img {
	margin: 0 0 0 5px;
}

.FZ-toutTxt img {
	margin: 0 5px 0 0;
	float: right;
}


/*---------------------------------------------------------------------------
B U I L D I N G   I N S T R U C T I O N S
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#BI-mainContentInner {
	margin: 0 0 40px 20px;
}

#BI-content {
	margin: 0 20px 0 0;
	float: right;
}

#BI-secNavi {
	width: 221px; /*no scroll - 207px*/
	height: 520px;
	margin: 0 5px 0 0;
	overflow: auto;
	background-color: #181c1d;
	float: left;
}

#BI-secNavi li {
	width: 195px;
	margin: 0 0 5px 5px;
	line-height: 2.2;
	list-style-type: none;
	border-bottom: 1px dotted red;
}

#BI-viewHeader {
	text-indent: 7px;
}

#BI-viewHeader li {
	margin: 0;
	padding: 5px 0 7px 0;
	list-style-type: none;
	border-bottom: none;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#BI-secNavi h1 {
	font-weight: normal;
}

#BI-secNavi h2 {
	width: 202px;
	height: 30px;
	text-indent: 5px;
	background: url(http://cache.lego.com/upload/contentTemplating/RacersDictionary/images/1033/pic3717A9D4-C3BC-4773-A0ED-B6BBE287AFF2.jpg) top left no-repeat;
}

#BI-secNavi p {
	margin: 0 0 12px 5px;
}

/* -----------------------------
LINKS
------------------------------*/
#BI-secNavi h2 a {
	display: block;
}

#BI-secNavi li a {
	display: block;
}

/* -----------------------------
IMAGES
------------------------------*/
#BI-secNavi img {
	margin: 12px;
	background-color: #222534;
}

#BI-secNavi a img {
	margin: 0 5px 0 0;
}


/*---------------------------------------------------------------------------
N E W S
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#NE-mainContentInner {
	width: 723px;/*720*/
	margin: 0 0 0 23px;
}

#NE-secNavi {
	width: 207px; /*if scroll, 224px*/
	height: 350px;
	margin: 0 5px 0 0;
	overflow: auto;
	background-color: #181c1d;
	float: left;
}

#NE-content {
	width: 510px;
	height: 350px;
	margin: 0 0 200px 0;
	background-color: #181c1d;
	float: right;
}

#NE-contentInner {
	padding: 10px;
	background-color: #181c1d;
}

.NE-secNaviItem {
	width: 200px;
	margin: 20px 0;
}

.NE-date {
	color: #fbecc5;
}

/* -----------------------------
LINKS
------------------------------*/
#NE-secNavi a {
	display: block;
	margin: 0 0 0 40px;
}

/* -----------------------------
IMAGES
------------------------------*/
#NE-contentInner img {
	margin: 10px 10px 0 7px;
	float: left;
}

#NE-secNavi img {
	margin: 0 0 0 10px;
	float: left;
}


/*---------------------------------------------------------------------------
G A M E S
---------------------------------------------------------------------------*/

/* -----------------------------
STRUCTURE
------------------------------*/
#GA-mainContentInner {
	width: 723px;/*720*/
	margin: 0 0 40px 23px;
}

.GADCnoFlash { margin: 0 0 0 130px; }
.GAPRnoFlash { margin: 0 0 0 130px; }
.GATTnoFlash { margin: 0 0 0 90px; }
#GA-MO-gamesContainer { margin: 0 0 0 60px; }
#GA-SU-gamesContainer { margin: 0 0 0 40px; }
#GA-DD-gamesContainer { float: right; }

#GA-DD-dromeduelContainer {
	width: 127px;
	height: 260px;
	background: url(http://cache.lego.com/images/racers/games/dromeduel/und127x260duelBG.gif) top left no-repeat;
	float: left;
}

#GA-DD-dromeduelTxt {
	height: 240px;
	margin: 10px;
}

#GA-secContent { 
	margin: 40px 0 0 0; 
}

#GA-secContent #GA-toutContainer {
	width: 770px;
	padding: 5px 0 0 12px;
}

.GA-tout {
	width: 180px;
	height: 143px;
	margin: 10px 8px 0 0;
	float: left;
}

.GA-toutTxt {
	margin: 10px 40px 10px 15px;
}

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
.GA-tout h2 {
	width: 180px;
	height: 30px;
	text-align: center;
}

/* -----------------------------
LINKS
------------------------------*/
.GA-toutTxt a, .GA-toutTxt a:visited, .GA-toutTxt a:hover, .GA-toutTxt a:active {
	width: 125px;
}

/* -----------------------------
IMAGES
------------------------------*/
#GA-DD-dromeduelContainer img {
	margin: 5px 0 0 5px;
}

#GA-secNavi li img {
	margin: 0 10px 15px 0;
	float: left;
}