@charset "utf-8";

a:link,
a:visited{ color:#00F; text-decoration: underline;}
a:hover{color:#000; text-decoration:underline;}
a:active{color:#00F; text-decoration:underline;}

body{ background:url(../images/event/cdkey/bg.jpg) #000 no-repeat center 33px; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#container{ width:1002px; margin:0 auto; padding-bottom:50px;}
#nav{ background:url(../images/event/cdkey/nav.jpg) no-repeat; height:33px; position:relative;overflow:hidden;}
#nav li a{ display:block; position:absolute; height:24px;top:7px;}

#nav li a.nav-1{ width:64px;left:582px; background:url(../images/event/cdkey/nav_bg.png) 0 0 no-repeat;}
#nav li a.nav-1:hover,
#nav li.current a.nav-1{ background:url(../images/event/cdkey/nav_bg.png) 0 -24px no-repeat;}
#nav li a.nav-2{ width:68px; left:646px; background:url(../images/event/cdkey/nav_bg.png) -64px 0 no-repeat;}
#nav li a.nav-2:hover,
#nav li.current a.nav-2{ background:url(../images/event/cdkey/nav_bg.png) -64px -24px no-repeat;}
#nav li a.nav-3{ width:78px;  left:715px; background:url(../images/event/cdkey/nav_bg.png) -132px 0 no-repeat;}
#nav li a.nav-3:hover,
#nav li.current a.nav-3{ background:url(../images/event/cdkey/nav_bg.png) -132px -24px no-repeat;}
/*#nav li a.nav-4{ width:131px;  left:661px; background:url(../images/event/cdkey/nav_bg.png) -210px 0 no-repeat;}
#nav li a.nav-4:hover,
#nav li.current a.nav-4{ background:url(../images/event/cdkey/nav_bg.png) -210px -24px no-repeat;}*/
#nav li a.nav-5{ width:91px;  left:792px; background:url(../images/event/cdkey/nav_bg.png) -341px 0 no-repeat;}
#nav li a.nav-5:hover,
#nav li.current a.nav-5{ background:url(../images/event/cdkey/nav_bg.png) -341px -24px no-repeat;}


#logo{ background:url(../images/event/cdkey/logo.jpg) no-repeat; height:143px; position:relative;}
#logo a.logo{ width:220px; height:127px; position:absolute; left:99px; top:0;}

#banner{ background:url(../images/event/cdkey/banner.jpg) no-repeat; height:202px; position:relative;}
#banner a.title{ width:380px; height:179px; position:absolute; left:58px; top:0;}
#banner a.title2{ width:340px; height:115px; position:absolute; left:589px; top:85px;}

#split_line{ background:url(../images/event/cdkey/split_line.jpg) no-repeat; height:29px;}
#main{ padding:0 38px 0 39px}
.left{ float:left; width:239px; margin-right:6px; position:relative;} 
.left_top{ height:33px;}
.patch_left{ position:absolute; left:0; top:33px; width:27px; height:10px;}
.patch_right{ position:absolute; right:0;top:33px; width:25px; height:10px;}


.left_bg{ background:url(../images/event/cdkey/left_bg.jpg) repeat-y; height:auto !important; height:320px; min-height:320px;}	
.left_bg .login1{ width:187px; margin-left:27px;position:relative; height:40px;}
.left_bg .login1 li{ float:left;}
.left_bg .login1 li a{ display:block;height:37px;}
.left_bg .login1 li a.left_nav-1{ width:90px; left:0; top:0; background:url(../images/event/cdkey/left_nav.png) 0 0 no-repeat; }
.left_bg .login1 li a.left_nav-1:hover,
.left_bg .login1 li.current a.left_nav-1{ background:url(../images/event/cdkey/left_nav.png) 0 -37px no-repeat;}
.left_bg .login1 li a.left_nav-2{ width:90px; left:97px; top:0; background:url(../images/event/cdkey/left_nav.png) -90px 0 no-repeat; }
.left_bg .login1 li a.left_nav-2:hover,
.left_bg .login1 li.current a.left_nav-2{ background:url(../images/event/cdkey/left_nav.png) -90px -37px no-repeat;}

.left_bg .login3{ padding:0 27px 0 35px; line-height:20px;}

.left_bg .login2{width:170px; margin-left:35px;position:relative;}
.left_bg .login2 li a{ display:block;  height:37px;position:relative;}
.left_bg .login2 li a.left_nav-3{ width:170px; background:url(../images/event/cdkey/left_nav.png) -180px 0 no-repeat; margin-top:10px;}
.left_bg .login2 li a.left_nav-3:hover,
.left_bg .login2 li.current a.left_nav-3{ background:url(../images/event/cdkey/left_nav.png) -180px -37px no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-4{ width:170px; background:url(../images/event/cdkey/left_nav.png) -690px 0 no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-4:hover,
.left_bg .login2 li.current a.left_nav-4{ background:url(../images/event/cdkey/left_nav.png) -690px -37px no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-5{ width:170px; background:url(../images/event/cdkey//left_nav.png) -520px 0 no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-5:hover,
.left_bg .login2 li.current a.left_nav-5{ background:url(../images/event/cdkey/left_nav.png) -520px -37px no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-6{ width:170px; background:url(../images/event/cdkey/left_nav.png) -349px 0 no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-6:hover,
.left_bg .login2 li.current a.left_nav-6{ background:url(../images/event/cdkey/left_nav.png) -349px -37px no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-7{ width:170px; background:url(../images/event/cdkey/left_nav.png) -859px 0 no-repeat;margin-top:10px;}
.left_bg .login2 li a.left_nav-7:hover,
.left_bg .login2 li.current a.left_nav-7{ background:url(../images/event/cdkey/left_nav.png) -859px -37px no-repeat;margin-top:10px;}

.left_bbottom{ height:54px;}

.right{ float:left; width:680px;}
.right_top{ background:url(../images/event/cdkey/right_top.jpg) no-repeat; height:43px;}
.right_bg{ background:url(../images/event/cdkey/right_bg.jpg) repeat-y; height:auto !important; height:500px; min-height:500px; padding:0 43px;color:#491c00;}
.right_bg h2{ font-size:16px; font-weight:bold; text-align:center; padding-bottom:30px;}
.right_bg h3{ font-size:12px; font-weight:bold;}
.right_bg h4{ font-size:12px; font-weight:bold; padding:10px 0;}
.right_bg p{ padding-bottom:30px; line-height:1.5;}
.right_bottom{ background:url(../images/event/cdkey/right_bottom.jpg) no-repeat; height:58px;}



.flowchart_bg{ background:url(../images/event/cdkey/flowchart.jpg) no-repeat; width:595px; height:156px; position:relative; padding-bottom:20px;}
.flowchart_bg a{ display:block; position:absolute;height:37px;width:138px;}
.flowchart_bg a.link1{left:30px; top:26px;}
.flowchart_bg a.link2{left:30px; top:98px;}
.flowchart_bg a.link3{left:227px; top:61px;}
.flowchart_bg a.link4{left:424px; top:61px;}
/*.flowchart_bg a.link5{left:424px; top:98px;}*/





.flowchart{ background:url(../images/event/cdkey/flowchart.png) no-repeat; width:595px; height:156px; padding-bottom:20px; position:relative;}
.flowchart a{ display:block; position:absolute;}
.flowchart a.link1{width:138px;left:11px;top:27px; height:37px;}
.flowchart a.link2{width:138px;left:444px;top:27px; height:37px;}
.flowchart a.link3{width:140px; height:58px;left:444px;top:88px;}




#propsWrapper{ position:relative;}


.creditsiInfo{ background:#ffaf3c; border:1px solid #000; height:auto !important; height:40px; min-height:40px; width:95%; line-height:2; font-size:12px; color:#951c00; font-weight:bold; padding:6px 12px;}
.turntable{ padding:30px 0 20px 0;}
.turntable .list{ float:left; width:210px;}
.turntable .list li{ padding:3px 5px 3px 0; height:32px; line-height:32px; font-size:12px; font-weight:bold; color:#951c00; position:relative; z-index:10;}
.itemAttributes{ width:auto; height:auto !important; height:100px; min-height:100px; padding:8px; position:absolute; left:30px;  line-height:1.5; z-index:9999;}
#item1{ top:0;}
#item2{ top:38px;}
#item3{ top:76px;}
#item4{ top:114px;}
#item5{ top:152px;}
#item6{ top:190px;}
#item7{ top:228px;}
#item8{ top:266px;}
#item9{ top:304px;}

.turntable .list li img{ margin-right:5px;}
.turntable .turntablePic{ float:left; width:381px; height:400px;}
.redeem{ float:right; height:30px; padding: 0 30px 20px 0;}
.redeemInfo{ clear:both;}
.redeemInfo dl{ width:249px; float:left; margin-right:35px; margin-left:15px;}
.redeemInfo dt{ background:url(../images/event/cdkey/wheel/redeemTopbg.jpg) no-repeat; height:25px; padding-top:8px;width:219px; padding-left:30px; color:#c1b18b; font-weight:bold;}
.redeemInfo dd{ background:#d5cfbd; border:1px solid #716d61; padding:8px; line-height:1.8; height:175px;}
.redeemInfo th{ height:25px; background: url(../images/event/cdkey/wheel/h_line.png) repeat-x left bottom; line-height:25px; text-align:center;}
.redeemInfo td{ height:25px; line-height:25px; text-align:center;}

.instructions{ padding:20px 0; color:#951c00; clear:both;}
.instructions h3{ font-weight:bold; padding-bottom:10px;}
.instructions p{ line-height:2; padding-bottom:20px;}

.rewardslList{ padding:30px 0;}
.rewardslList table{background:#d5cfbd; border:1px solid #716d61; padding:8px;}
.rewardslList th{ height:40px; background: url(../images/event/cdkey/wheel/h_line.png) repeat-x left bottom; line-height:40px; text-align:center;}
.rewardslList td{ height:30px; line-height:30px; text-align:center;}

.pages{ background:url(../images/event/cdkey/wheel/pageBg.jpg) no-repeat; text-align:center; height:31px; line-height:31px; font-family: Tahoma, Geneva, sans-serif; font-size:13px; color:#c1b18b;}
.pages a:link,
.pages a:visited{ color:#c1b18b; text-decoration:underline; text-decoration:none;}
.pages a:hover{ text-decoration:underline;}
.pages .current{ font-weight:bold; font-size:13px;}



/*<!--.flowchart{ background:url(../images/event/cdkey/flowchart.png) no-repeat; width:595px; height:156px; padding-bottom:20px; position:relative;}
.flowchart a{ display:block; position:absolute; height:37px;}
.flowchart a.link1{width:138px;left:11px;top:27px;}
.flowchart a.link2{width:138px;left:444px;top:27px;}-->*/


.flowchart{ background:url(../images/event/cdkey/flowchart.png) no-repeat; width:595px; height:129px; padding-bottom:20px; position:relative;}
.flowchart a.link1{display:block; position:absolute; width:138px; left:12px; top:47px; height: 36px;}
.flowchart a.link2{display:block; position:absolute; width:138px; left:445px; top:39px; height: 53px;}