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

body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
background: #C3C3C3;
margin: 0;
}
a {
color: #e5322d;
}
a:hover {
color: #2D2C2E;
}
#media-design-link a {
color: #fff !important;
}
#background {
width: 100%;
background: url(../images/template/body_bg.gif) repeat-y center;
}
#header {
width: inherit;
height: 184px;
background: url(../images/template/head_foot_bg.jpg) no-repeat center top;
margin-bottom: 30px;
}
#footer {
width: inherit;
height: 70px;
background: url(../images/template/head_foot_bg.jpg) no-repeat center bottom;
}
#footer #links {
width: 852px;
margin: auto;
padding-top: 52px;
text-align: right;
color: #2D2C2E;
font-size: 11px;
}
#footer #links a {
color: #2D2C2E;
text-decoration: none;
}
#footer #links a:hover {
text-decoration: underline;
}
#navigation {
margin: 0;
padding: 0;
padding-top: 148px;
padding-left: 225px;
}
#navigation li {
display: inline;
float: left;
}
.nav-split div {
width: 13px;
height: 36px;
background: #e5322d;
}
.nav-link div {
height: 36px;
cursor: pointer;
}
#l-sel div { background: url(../images/template/nav_split.gif) no-repeat left; }
#r-sel div { background: url(../images/template/nav_split.gif) no-repeat right; }
#nav-home { background: url(../images/template/nav_home.jpg) no-repeat; width: 35px; }
#nav-home-sel { background: #fff url(../images/template/nav_home_sel.jpg) no-repeat; width: 35px; }
#nav-about { background: url(../images/template/nav_about.jpg) no-repeat; width: 90px; }
#nav-about-sel { background: #fff url(../images/template/nav_about_sel.jpg) no-repeat; width: 90px; }
#nav-prod { background: url(../images/template/nav_prod.jpg) no-repeat; width: 55px; }
#nav-prod-sel { background: #fff url(../images/template/nav_prod_sel.jpg) no-repeat; width: 55px; }
#nav-res { background: url(../images/template/nav_res.jpg) no-repeat; width: 52px; }
#nav-res-sel { background: #fff url(../images/template/nav_res_sel.jpg) no-repeat; width: 52px; }
#nav-centre { background: url(../images/template/nav_centre.jpg) no-repeat; width: 44px; }
#nav-centre-sel { background: #fff url(../images/template/nav_centre_sel.jpg) no-repeat; width: 44px; }
#nav-comp { background: url(../images/template/nav_comp.jpg) no-repeat; width: 75px; }
#nav-comp-sel { background: #fff url(../images/template/nav_comp_sel.jpg) no-repeat; width: 75px; }
#nav-events { background: url(../images/template/nav_events.jpg) no-repeat; width: 41px; }
#nav-events-sel { background: #fff url(../images/template/nav_events_sel.jpg) no-repeat; width: 41px; }
#nav-contact { background: url(../images/template/nav_contact.jpg) no-repeat; width: 49px; }
#nav-contact-sel { background: #fff url(../images/template/nav_contact_sel.jpg) no-repeat; width: 49px; }
.container {
width: 864px;
height: inherit;
margin: auto;
}
.clear-float {
clear: both;
}
.spacer {
height: 22px;
}
.sub-links {
width: 158px;
float: left;
}
.sub-links ul {
margin: 0;
padding: 0;
}
.sub-links li {
width: 146px;
height: 22px;
padding-top: 8px;
padding-left: 12px;
margin-bottom: 2px;
background: url(../images/template/sub_links.gif) no-repeat 0 -30px;
list-style: none;
}
.sub-links li a {
font-size: 11px;
color: #e4322c;
text-decoration: none;
}
.sub-links li a:hover {
color: #2d2c2e;
}
.sub-links .pushed {
margin-left: 8px;
height: 17px;
padding-top: 3px;
padding-left: 8px;
width: 142px;
background: url(../images/template/sub_links_mini.gif) no-repeat 0 -20px;
}
.sub-links #sel {
background-position: 0 0;
}
.sub-links #head {
background: url(../images/template/sub_links_head.gif) no-repeat 0 0;
}
.sub-links #sel a, .sub-links #head a {
color: #fff;
}
.right-content {
width: 676px;
padding-left: 30px;
float: left;
background: #fff;
}
.right-content-more {
width: 660px;
padding-left: 30px;
float: right;
background: #fff;
}
.sub-heading, .sub-heading-grey, .sub-heading-black {
color: #e4322c;
font-size: 15px;
font-weight: bold;
}
.sub-heading .pushed, .sub-heading-grey .pushed, .sub-heading-black .pushed {
padding-left: 8px;
}
.sub-heading .small, .sub-heading-grey .small, .sub-heading-black .small {
font-size: 13px;
}
.sub-heading-grey {
color: #595959;
}
.sub-heading-black {
color: #282828;
}
.thumbnail {
width: 129px;
padding: 1px 0 0 1px;
margin-top: 5px;
margin-right: 10px;
float: left;
background: #ffffff;
}
.thumbnail img {
border: 1px solid #FFF;
margin-bottom: 6px;
}
.thumbnail a:hover img {
border: 1px solid #e4322c;
}
.thumb-desc {
width: 520px;
margin-top: 7px;
float: left;
}
.grey-box {
background: #595959;
color: #fff;
}
.red-box {
background: #e4322c;
color: #fff;
}
.red-box #text, .grey-box #text, .white-box #text {
padding: 0 10px 0 10px;
}
.red-box #tl, .red-box #tr, .red-box #bl, .red-box #br,
.grey-box #tl, .grey-box #tr, .grey-box #bl, .grey-box #br,
.white-box #tl, .white-box #tr, .white-box #bl, .white-box #br {
width: 8px;
height: 8px;
font-size: 1px;
}
.red-box #tl, .red-box #bl, .grey-box #tl, .grey-box #bl, .white-box #tl, .white-box #bl { float: left; }
.red-box #tr, .red-box #br, .grey-box #tr, .grey-box #br, .white-box #tr, .white-box #br { float: right; }
.red-box #tl { background: url(../images/template/red_tl_c.gif) no-repeat; }
.red-box #tr { background: url(../images/template/red_tr_c.gif) no-repeat; }
.red-box #bl { background: url(../images/template/red_bl_c.gif) no-repeat bottom; }
.red-box #br { background: url(../images/template/red_br_c.gif) no-repeat bottom; }
.grey-box #tl { background: url(../images/template/grey_tl_c.gif) no-repeat; }
.grey-box #tr { background: url(../images/template/grey_tr_c.gif) no-repeat; }
.grey-box #bl { background: url(../images/template/grey_bl_c.gif) no-repeat bottom; }
.grey-box #br { background: url(../images/template/grey_br_c.gif) no-repeat bottom; }
.text-head {
font-weight: bold;
}
.header-spacer {
height: 3px;
font-size: 1px;
background: #fff;
}

/* Home */
#welcome-box {
width: 289px;
height: 258px;
background: #e5322d url(../images/home/welcome_box.jpg) no-repeat;
float: left;
}
#welcome-box div {
width: 208px;
height: 170px;
margin-left: 15px;
margin-top: 73px;
color: #fff;
font-size: 11px;
line-height: 14px;
}
a.bannerText {
height:191px;
width:575px;
background-image:url(../images/comp/win.jpg);
margin:0 0 0 0;
position:relative;
display:block;
}
.action {
position:absolute;
top:130px;
left:102px;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.compPoster {
height:486px;
width:350px;
background-image:url(../images/comp/jacket.jpg);
}
#home-prod {
width: 575px;
height: 456px;
float: left;
}
#home-ad {
width: 156px;
height: 258px;
float: left;
}
.home-info {
width: 281px;
height: 124px;
float: left;
background: url(../images/home/dash_border.gif) repeat-y right;
padding-left: 7px;
}
.home-info .header {
color: #E4322C;
font-size: 13px;
font-weight: bold;
width: 185px;
padding-top: 8px;
}
.home-info .body {
width: 170px;
margin-left: 15px;
color: #333;
font-size: 11px;
line-height: 14px;
}
.home-info .img {
width: 77px;
height: 125px;
margin-right: 1px;
float: right;
margin-right: 8px;
}
.home-info #img1 { background: url(../images/home/info_1.gif) no-repeat; }
.home-info #img2 { background: url(../images/home/info_2.gif) no-repeat; }
.home-info #img3 { background: url(../images/home/info_3.gif) no-repeat; }

/* About Us */
#about-splash {
width: 675px;
height: 438px;
}
#safety-left {
float: left;
width: 440px;
margin-right: 8px;
}
#safety-right {
float: right;
width: 224px;
}
.safety-box {
margin-left: 16px;
}
.safety-red {
background: #e4322c url(../images/about/red_arrow_bg.gif) no-repeat 5px center;
}
.safety-grey {
background: #595959 url(../images/about/grey_arrow_bg.gif) no-repeat 5px center;
}
#safety-banner {
width: 440px;
height: 156px;
background: url(../images/about/safety_ban.jpg) no-repeat;
color: #fff;
margin-top: 3px;
}
#safety-banner div {
width: 120px;
padding: 7px 0 0 9px;
line-height: 14px;
}
#safety-nav {
padding-top: 1px;
padding-left: 8px;
margin-bottom: 12px;
}
#safety-nav ul {
margin: 0;
padding: 0;
}
#safety-nav li {
display: inline;
float: left;
height: 19px;
background: url(../images/about/safety_link.gif);
padding: 5px 3px 0 3px;
}
#safety-nav li a {
color: #ccc;
text-decoration: none;
}
#safety-nav li a:hover {
color: #fff;
}
#safety-nav .left, #safety-nav .right {
width: 5px;
background: url(../images/about/safety_link_side.gif) no-repeat;
padding: 0;
height: 24px;
}
#safety-nav #sel {
background: url(../images/about/safety_link_s.gif);
}
#safety-nav #sel a {
color: #ffbf2b;
}
#safety-nav #l-sel, #safety-nav #r-sel {
background: url(../images/about/safety_link_side_s.gif) no-repeat;
}
#safety-nav .right, #safety-nav #r-sel {
background-position: right;
margin-right: 1px;
}
.history-right {
float: right;
width: 340px;
height: 217px;
margin-left: 8px;
background: url(../images/about/history_ban_1.jpg) no-repeat;
}
.history-right-c {
padding-left: 29px;
}
.history-left {
float: left;
width: 120px;
margin-right: 8px;
}

/* Products */
#prod-splash {
width: 675px;
height: 399px;
background: url(../images/prod/splash1.jpg) no-repeat right;
}

/* Match Resources */
#collect-left {
width: 166px;
}
#collect-right {
padding-left: 65px;
width: 586px;
}
#game-left, #game-right {
width: 8px;
height: 425px;
float: left;
background: url(../images/resource/game_side.gif) no-repeat;
}
#game-middle {
width: 660px;
background: #000;
float: left;
}
#game-right {
float: right;
background-position: right;
}
#manu-banner {
width: 675px;
height: 330px;
background: url(../images/resource/manufacturing.jpg) no-repeat;
}
.manu-content-left, .manu-content-right {
float: left;
width: 470px;
background: #fff;
}
.manu-content-right {
float: right;
}
.manu-image-1, .manu-image-2 {
float: right;
width: 200px;
height: 562px;
background: url(../images/resource/stages_1.jpg) no-repeat;
}
.manu-image-2 {
float: left;

}
#stages-left {
width: 166px;
}
#stages-right {
padding-left: 22px;
}

/* Competitions */
#comp-left {
float: left;
width: 375px;
height: 581px;
}
#comp-right {
width: 489px;
float: right;
}
#comp-right2 {
width: 489px;
float: right;
height:500px;
}




/* Contact */
#contact-details {
width: 176px;
background-image: url(../images/contact/mail_bg.gif);
background-repeat: no-repeat;
background-position: right center;
line-height: 15px;
}
#contact-left {
float: left;
width: 205px;
}
#contact-middle {
float: left;
width: 465px;
}
#contact-right {
float: right;
width: 194px;
height: 268px;
background: url(../images/contact/right_img.jpg) no-repeat bottom;
}
.staticImage {
height:135px;
width:864px;
background-image:url(../images/home/startofsomethinggood.jpg);
}
#slideShow {
height:456px;
width:289px;
float:left;
}
#competitionForm {
padding:0;
margin:0;
}
.theTable td {
padding:0 0 10px 0;
}
.theTable input {
border:1px solid #c3c3c3;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
height:18px;
padding:4px 3px 0px 3px;
width:150px;
}
.theTable select {
border:1px solid #c3c3c3;
width:158px;
font-size:11px;
}
.checkboxAccept {
height:30px;
margin:10px 0 0 0;
}
.checkboxAccept input {
padding:0;
margin:0;
float:left;
}
.checkboxAccept a {
padding:0;
margin:0 0 0 10px;
float:left;
display:inline-block;
}
.headingNew {
color:#E4322C;
font-size:15px;
font-weight:bold;
}
.termsList li {
margin:15px 0 0 0;
}
ol.lettersList {
list-style-type:lower-alpha;