﻿/* BASE STYLES */

html {height:101%;}

body {margin:0px; padding:0px; color:#686868; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(/images/main_bg.png) no-repeat #000000; background-position:top center; }

/* MAIN ELEMENTS */

.clear {clear:both;}
.bold {font-weight:bold;}

a, a:link, a:visited {color:#686868; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; font-weight:bold;}
a:hover {color:#686868; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}

#main_holder {margin: 0 auto; width:960px;}
#main_container {float:left; width:960px; margin:0; display:inline; background:url(/images/body_bg.gif); background-repeat:repeat-x; background-color:#fff;}
#header_container {float:left; height:125px; width:960px; margin:0px; display:inline;}
#footer_container {float:right; text-align:right; height:35px; width:928px; margin:8px 15px 0 0; display:inline; color:#757575; font-size:11px;}
#footer_container a {font-size: 11px;font-weight:normal;}

#logo {float:left; width:420px; height:94px; margin:15px 0 0 15px; display:inline; background:url(/images/lego_logo.gif) no-repeat;}
#logo a, #logo a:link, #logo a:visited {display:block; width:420px; height:94px;}
#logo a:hover {display:block; width:420px; height:94px;}  
#logo h1 {}
#logo h1 span {display:none;}

#serial_number {float:right; height:26px; width:348px; text-align:center; margin:25px 15px 0 0; display:inline; background:url(/images/serial_bg.gif); background-repeat:no-repeat; padding:8px 20px 0px 20px; color:#fff; font-weight:bold; font-size:13px; text-decoration:none;}
#serial_number span {color:#ccfad3;}
#page_header_serial_num {font-family:Courier, "Courier New", monospace;font-weight:normal;}
#activation_key {float:left;height:26px; width: 348px; text-align:center; margin:25px 15px 0 0; display:inline; background:url(/images/activation_bg.gif); background-repeat:no-repeat; padding:8px 20px 0px 20px; color:#fff; font-weight:bold; font-size:13px; text-decoration:none;}
#activation_key span {color:#ccfad3;}
#activation_key_num {font-family:Courier, "Courier New", monospace;font-weight:normal;}

#header_links {float:right; text-align:right; margin:8px 30px 0 0; display:inline; width:450px; line-height:18px;}
#header_links a, #header_links a:link, #header_links a:visited {color:#4a4a4a; text-decoration:underline; font-size:12px; font-weight:bold;}
#header_links a:hover {color:#4a4a4a; text-decoration:none; font-weight:bold; font-size:12px;}

.game_holder {float:left; width:928px; margin:0 0 15px 15px; display:inline; background:url(/images/game_holder_bg.png); background-repeat:repeat-y; border:1px solid #c9c9c9;}
.game_content {float:left; width:888px; margin:20px; display:inline;}

.game_left {float:left; width:185px; margin:0px; display:inline;}
.game_picture {float:left; width:185px; height:138px; margin:0px; display:inline;}

.patch_link {float:left;width:185px; margin:2px 0 0 0; display:inline;}
.patch_link a, .patch_link a:link, .patch_link a:visited {background: url(/images/patch_icon.gif) no-repeat; padding:2px 0 0 13px; color:#288800; text-decoration:underline; font-size:11px; font-weight:bold; line-height:24px;}
.patch_link a:hover {background: url(/images/patch_icon.gif) no-repeat; padding:2px 0 0 13px; color:#288800; text-decoration:none; font-weight:bold; line-height:24px; font-size:11px;}

.game_middle {float:left; width:415px; margin:0 0 0 20px; display:inline;}
.game_middle_title {float:left; width:415px; margin:0; display:inline; color:#fa6511; font-size:20px; font-weight:bold; }
.game_middle_details {float:left; width:415px; margin:3px 0 0 0; display:inline;}
.game_middle_buttons {float:left; width:415px; margin:17px 0 0 0; display:inline;}

.btn_download {float:left; width:103px; height:29px; text-align:center; margin:0; display:inline;}
.btn_download a, .btn_download a:link, .btn_download a:visited {background:url(/images/btn_download_off.gif); background-repeat:no-repeat; padding:6px 12px 0px 12px; display:block; height:24px; color:#fff; font-weight:bold; font-size:13px; text-decoration:none;}
.btn_download a:hover {background:url(/images/btn_download_on.gif); background-repeat:no-repeat; padding:6px 12px 0px 12px; display:block; height:23px; color:#fff; font-weight:bold; font-size:13px; text-decoration:none;}

.btn_downloadbrochure {float:right; padding:2px 0px 0px 25px; background: url(/images/brochure_icon.gif) no-repeat; background-position:left; display:block; line-height:24px;}
.btn_downloadbrochure a, .btn_downloadbrochure a:link, .btn_downloadbrochure a:visited {color:#686868; text-decoration:none; font-size:12px; font-weight:bold; line-height:24px;}
.btn_downloadbrochure a:hover {color:#686868; text-decoration:underline; font-weight:bold; line-height:24px; font-size:12px;}

.game_right {float:left; width:205px; margin:0 0 0 30px; display:inline; padding:0 0 0 30px; border-left:1px solid #c9c9c9;}
.game_right_title {float:left; width:200px; margin:0; display:inline; color:#288800; font-size:16px; font-weight:bold }
.game_right_details {float:left; width:200px; margin:2px 0 0 0; display:inline; line-height:18px;}
.game_right_details span {font-weight:bold;}

.subpage_holder {float:left; width:928px; margin:0 0 15px 15px; display:inline; background:url(/images/game_holder_bg.png); background-repeat:repeat-y; border:1px solid #c9c9c9;}
.subpage_content {float:left; width:840px; margin:20px 20px 30px 20px; display:inline;}
.subpage_content h1 {color:#fa6511; font-size:20px; font-weight:bold; margin:0 0 10px 0;}

.form_title {width:140px;}
.form_spacer {width:210px; height:10px;}
.form_key {height:20px;}

.input_box {font-family:Arial, Helvetica, sans-serif; border:1px solid #cecece; width:210px; height:19px; font-size:12px; color:#00a94e; padding:3px; margin:0px; background:#fff;}
.serial_box {font-family:Courier, "Courier New", monospace;font-weight:normal;border:1px solid #cecece; width:50px; height:19px; font-size:12px; color:#00a94e; padding:3px; margin:0px; background:#fff;text-transform:uppercase;text-align:center;}
textarea {font-family:Arial, Helvetica, sans-serif; border:1px solid #cecece; font-size:12px; color:#00a94e; padding:3px; margin:0px; background:#fff;}

/* Validation messages */
.error h1 {margin:0; color:#fff;background:#e54040; border-bottom:5px solid #bf3636; margin:0; padding: 5px 0 4px 5px; clear:both; font-size: 12px;}
.error div, .success div {font-size: 12px;background:#eee; border-bottom:5px solid #ccc; padding:10px; font-weight:bold; color:#999; line-height:18px; clear:both; margin:0 0 20px 0;}
.error div p {margin: 10px 0 0 0;}
.error div ul {padding:0px; margin:0px;}
.error div li {padding:0px; margin:0px 0 0 20px; list-style-type: square;}
.success h1 {margin:0; color:#fff;background:#61D74B; border-bottom:5px solid #2FC32E; margin:0; padding: 5px 0 4px 5px; clear:both; font-size: 12px;}
.error_message {border:1px solid #bf3636;background:#e54040;color:#fff;padding:10px;}

/* Warning Messages */
.warning {background: #FEFFC8;border: 1px solid #F1AA2D;padding: 8px;line-height:18px;}
.warning strong {font-weight: bold;color:#000000;}
