body {
background-color: #000000;
text-align: center;
padding: 0px;
padding-top: 25px;
margin: 0px;
color: #FFFFFF;
font: 12px/19px "굴림",sans-serif,"Lucida Grande";
overflow: -moz-scrollbars-vertical;;
}
img{
border:0;
}
div.standardbox h3 {
background:
url(/images/menu/standardbox-top-right.gif)
top right no-repeat;
font-size:15px;
padding:10px;
margin:0;
margin-bottom: 4px;
}
strong {
}
h1 {
margin: 0;
padding: 0;
font-size: 1px;
height: 109px;
text-indent: -2000px;
background: url(/images/menu/header.jpg);
}
h2 {
font-size: 14px;
margin: 2px;
}
h3 {
font-size: 13px;
margin-bottom: 10px;
font-weight: bold;
color: #ed7315;
}
a { text-decoration: none;
color: #ed7315;
font-weight: bolder;
}
a:hover { text-decoration: underline;
font-weight: bold;
}
#container {
text-align: left;
width: 896px;
margin: 0px auto;
background-color: #000000;
}
steelseriesmenu {
margin: 0px;
padding: 0px;
font-size: 1px;
height: 49px;
text-indent: -1000px;
}
steelseriesmenu a {
border: 0px solid black;
}
#main {
padding: 1.5px;
padding-top: 2px;
padding-left: 0px;
width: 889px;
display: block;
overflow: show;
background-color: #202020;
border: 2px solid #303030;
}
a.menu_divider { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 2px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu_divider.jpg); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu_spacer { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 6px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menuspacer.jpg); /* source for start image */
background-repeat: repeat-x;
float:left;
}
a.menu_end_spacer { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 5px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menuspacer.jpg); /* source for start image */
background-repeat: repeat-x;
float:left;
}
div.standardbox {
background:
url(/images/menu/standardbox-top-left.gif)
top left no-repeat;
width:35%;
}
div.standardboxbody {
background:
url(/images/menu/standardbox-border-right.gif)
top right repeat-y;
margin:0;
margin-top:-15px;
padding:10px;
}
div.standardboxbody p{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
line-height: 16px;
}
div.standardboxpost{
background:
url(/images/menu/standardbox-border-right.gif)
top right repeat-y;
margin:0;
margin-top:-15px;
padding:10px;
}
div.standardboxpost p{
margin-top:25px;
}
div.standardboxfooter {
background:url(/images/menu/standardbox-bottom-left.gif)
bottom left no-repeat;
}
div.standardboxfooter p {
background:url(/images/menu/standardbox-bottom-right.gif)
bottom right no-repeat;
display:block;
padding:15px;
margin:-2em 0 0 0;
}
.standardbox {
float: left;
margin: 2px;
}
.dottedheading {
background-color: #2B2B2B;
border: 1px #FFFFFF dotted;
padding: 3px 5px;
width: auto;
margin-bottom: 10px;
font-weight: bold;
display: block;
}
.orangeheading {
padding: 3px 5px;
width: auto;
margin-bottom: 10px;
font-weight: bold;
display: block;
color: #ed7315;
}
.button {
margin-top: 5px;
padding: 0px;
height: 18px;
width: 80px;
border: 1px #FFFFFF solid;
font-size: 8px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.headline {
font-size: 13px;
margin-bottom: 10px;
font-weight: bold;
display: block;
color: #ed7315;
}
.headlineSub {
font-size: 11px;
font-weight: bold;
}
hr, .hrclass img {
background-color: #000000;
color: #000000;
height: 1px;
width: 100%;
border: 0px;
}
.fileDownloadClass img {
vertical-align:middle;
}
#siteOuter {
width: 100%;
text-align: center;
}
#site {
margin: auto;
text-align: left;
width: 778px;
}
#outerContainer {
padding: 10px;
background-color: #FFFFFF;
}
#innerContainer {
margin-top: 10px;
}
/* MENUS AND LOGO */
#top {
background-color: #F2F2F2;
width: 758px;
margin: 0px;
margin-bottom: 10px;
display: block;
}
#topMenu {
float: right;
padding: 5px;
}
#topMenu a {
padding-left: 5px;
padding-right: 5px;
}
#topMenu a:hover, #topMenu a.selected {
color: #FC9836;
}
#customMenu {
float: left;
padding: 5px;
}
#customMenu a {
padding-left: 5px;
padding-right: 5px;
}
#customMenu a:hover, #customMenu a.selected {
color: #FC9836;
}
#logo {
}
#menu {
margin-top: 10px;
background-color: #544935;
}
.vMenu {
padding: 10px;
}
.vMenu a {
margin-top: 5px;
padding-top: 5px;
display: block;
font-weight: bold;
text-decoration: underline;
font-size: 11px;
}
.vMenu a:hover, .vMenu .selected {
color: #FC9836;
}
.vMenu a.submenu {
margin-top: 0px;
padding-left: 20px;
font-weight: normal;
}
.ikariMenu {
padding: 0px;
color: #FFFFFF;
width: 160px;
}
.ikariMenu a {
margin-top: 0px;
margin-left: 15px;
padding-top: 0px;
display: block;
font-weight: bold;
text-decoration: none;
font-size: 12px;
color: #FFFFFF;
}
.ikariMenu a:hover, .ikariMenu .selected {
color: #ffffff;
text-decoration: none;
}
.ikariMenu a.submenu {
margin-top: 0px;
padding-left: 20px;
text-decoration: none;
font-weight: normal;
color: #FFFFFF;
}
.productMenu {
padding: 0px;
}
.productMenu a {
margin-top: 0px;
padding-top: 0px;
font-weight: bold;
}
.productMenu a:hover, .vMenu .selected {
color: #ed7315;
}
.productMenu a.submenu {
margin-top: 0px;
padding-left: 5px;
font-weight: normal;
}
.levelOneMenu {
height: 22px;
}
.levelOneMenu a {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
text-decoration: none;
}
.levelOneMenu a:hover, .levelOneMenu .selected {
background-color: #000000;
color: #FFFFFF;
text-decoration: none;
}
.twoLevelMenu {
width: 758px;
height: 44px;
}
.twoLevelMenu a {
padding: 5px;
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
text-decoration: none;
}
.twoLevelMenu a:hover, .twoLevelMenu .selected {
text-decoration: none;
}
.twoLevelMenu .level1 {
width: 100%;
display: block;
height: 22px;
}
.twoLevelMenu .level1 a:hover, .twoLevelMenu .level1 .selected {
background-color: #000000;
color: #FFFFFF;
}
.twoLevelMenu .level2 {
display: block;
height: 22px;
background-color: #F2F2F2;
}
.twoLevelMenu .level2 a {
color: #FC9836;
padding-right: 0px;
}
.twoLevelMenu .level2 a:hover, .twoLevelMenu .level2 .selected {
color: #000000;
}
#dropDownMenu {
display: block;
height: 22px;
}
/* SECTIONS */
#copyright {
background-color: #f2f2f2;
color: #544935;
font-size: 10px;
display: block;
width: 758px;
margin-top: 10px;
}
#copyright .box {
padding: 5px;
}
/* FORMS */
form {
margin: 0px;
}
input, textarea, select {
font-family: verdana, arial;
font-size: 10px;
padding: 2px;
font-weight: normal;
}
.newsletterSignup .frontendInput, .managerInput, .forumTopBar .forumSearchInput, .searchBox .searchInput, .shopProduct input, .basketAddress input, .forumInput, .metaSearchInput {
margin-right: 5px;
border: 1px solid #2B2B2B;
}
.newsletterSignup .frontendButton, .managerButton, .forumTopBar .forumSearchButton, .searchBox .searchButton, .forumButton, .metaSearchButton {
width: 92px;
border: 1px solid #2B2B2B;
padding: 1px;
background-color: #2B2B2B;
color: #FFFFFF;
font-weight: bold;
}
.frontendTextarea, .basketAddress textarea, .forumTextArea {
border: 1px solid #2B2B2B;
}
/* NEWSLETTER SIGNUP */
.newsletterSignup {
}
.newsletterSignup .frontendInput {
width: 180px;
}
/* NEWSLIST */
.newsList .listTable {
display: block;
/* width: 545px;
background-color: red;*/
}
.newsList .listTable .newsListCategory {
width: 100px;
}
.newsList .listTable .newsListDateTime {
width: 95px;
Vertical-align: top;
}
.newsList .listTable .newsListTitle {
width: 385px;
}
.newsList .listTable .newsListTitle {
/* background-color: #CCCCCC; */
background-image: url(/images/menu/news_arrow.gif);
background-repeat: no-repeat;
/* width: auto; */
/* height: 18px; */
/* display: block; */
padding-left: 20px;
}
.newsList .listTable .newsListHead td {
font-weight: bold;
background-image: none;
}
.newsList .listTable .newsListSeperator td {
height: 0px;
line-height: 0px;
/* width: 545px; */
}
.newsList .listTable td {
/* background-color: #F2F2F2; */
padding: 0px;
/* padding-left: 5px; */
}
.newsList .teaserBox {
padding-bottom: 20px;
}
.newsList .teaser {
padding-bottom: 10px;
}
/* NAVIGATION */
.naviclass {
font-weight: bold;
font-size: 9px;
padding-bottom: 20px;
}
.naviclass a {
font-weight: bold;
font-size: 9px;
}
/* PICTURE GALLERY */
.pictureGallery {
padding-bottom: 0px;
}
.pictureGallery img {
border: 1px solid #C1C1C1;
margin-top: 10px;
padding: 1px;
background-color: #424242;
}
.pictureGallery span img { vertical-align:middle;
margin-left: 40px;
}
/* FORUM */
.forum {
width: 100%;
}
.forumNavigation {
font-size: 10px;
color: #FF0000;
margin-bottom: 10px;
font-weight: bold;
}
.forumNavigation .text2 {
color: #000000;
}
.forumNavigation a {
font-size: 10px;
text-decoration: none;
font-weight: bold;
}
.forumNavigation a:hover {
font-size: 10px;
text-decoration: underline;
font-weight: bold;
}
.forumTopBar {
padding-bottom: 20px;
}
.forumTopBar .left {
width: 60%;
text-align: left;
}
.forumTopBar .right {
width: 40%;
text-align: right;
}
.forumItemBox {
display: block;
border:1px solid #C1C1C1;
background-color:#F2F2F2;
position:relative;
width:100%;
padding:5px;
}
.childs .forumItemBox {
display: block;
border:1px solid #C1C1C1;
background-color:#F2F2F2;
position:relative;
width:100%;
padding:5px;
}
.forumItemBoxSingleBox {
display: block;
border:1px solid #C1C1C1;
background-color:#F2F2F2;
position:relative;
width:100%;
padding:5px;
}
.forumPostListFirst {
background-image:none !important;
padding-top: 20px;
padding-left: 00px;
}
.forumPostList {
padding-top: 20px;
padding-left: 30px;
background-image: url(/images/menu/forumDottedBackground.gif);
background-position: 8px 0px;
background-repeat: repeat-y;
}
.forumPostListLast {
padding-top: 20px;
padding-left: 30px;
background-image:none !important;
background-image: url(/images/menu/dummy.gif);
background-position: 8px 0px;
background-repeat: repeat-y;
background-color: #FFFFFF;
}
.forumOverviewList {
margin-bottom: 5px;
padding: 5px;
background-color: #F2F2F2;
border: 1px solid #C1C1C1;
}
.descr {
color:#828282;
padding-bottom:5px;
margin-bottom:5px;
}
.forumSearch {
padding-bottom: 20px;
}
.forumSearch .left {
padding: 2px;
width: 33%;
}
.forumSearch .center {
padding: 2px;
width: 33%;
}
.forumSearch .right {
padding: 2px;
width: 33%;
}
.forumLatestList {
width: 100%;
padding: 5px;
margin-bottom: 3px;
background-color: #F2F2F2;
border: 1px solid #C1C1C1;
}
.forumLatestList .debateTopic {
padding-right: 5px;
padding-bottom: 5px;
}
.forumLatestList .debateTopic img {
position: relative;
bottom: -8px;
}
.forumNewPost {
margin: 10px;
}
.forumInput {
width: 300px;
}
.forumTextArea {
height: 120px;
width: 300px;
margin-bottom: 10px;
}
.forumButton {
width: 120px;
}
.topicList {
width: 100%;
padding-bottom:30px;
}
.topicList table {
width: 100%;
}
.topicList table thead {
background-color:#F2F2F2;
font-weight:bold;
}
.topicList table td {
padding:3px;
}
.forumAngle {
position:absolute;
top:-21px;
left:-23px;
}
.forumHeadline a {
font-family: verdana, arial;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration:none;
}
.forumPost {
margin: 10px;
}
.forumPost .headline {
padding: 0px;
margin: 0px;
background-color: #ffffff;
}
.answerLinkClass {
text-align:right;
padding-top:5px;
padding-bottom: 1px;
border-top:1px solid #C1C1C1;
margin-top:5px;
padding-right:5px;
}
/* SHOP */
.shopCategory {
padding-bottom: 5px;
}
.shopCategory a {
font-size: 11px;
font-weight: bold;
}
.shopProduct {
margin-bottom: 20px;
}
.shopProduct thead {
background-color: #FC9836;
font-weight: bold;
color: #FFFFFF;
font-size: 9px;
}
.shopProduct td {
padding: 5px;
}
.shopProduct .odd td {
background-color: #F2F2F2;
}
.shopProduct tfoot {
font-weight: bold;
}
.basketAddress input {
margin: 2px;
width: 210px;
}
.basketAddress textarea {
margin: 2px;
width: 450px !important;
}
/* SCROLL TEXTFIELD */
.textScroll {
margin-bottom: 10px;
}
/* POLL */
.pollText {
}
.pollBarBack {
background-color: #F2F2F2;
height: 15px;
margin-bottom: 5px;
}
.pollBarFront {
background-color: #FED2A7;
border: 1px solid #F37C2C;
height: 13px;
}
/* SEARCH */
a.menu1 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 65px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu1_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu1:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu1on_int.gif); /* source for target image */
}
a.menu2 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 88px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu2_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu2:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu2on_int.gif); /* source for target image */
}
a.menu3 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 58px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu3_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu3:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu3on_int.gif); /* source for target image */
}
a.menu4 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 111px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu4_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu4:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu4on_int.gif); /* source for target image */
}
a.menu5 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 66px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu5_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu5:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu5on_int.gif); /* source for target image */
}
a.menu6 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 59px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu6_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu6:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu6on_int.gif); /* source for target image */
}
a.menu7 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 67px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu7_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu7:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu7on_int.gif); /* source for target image */
}
a.menu8 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 103px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu8_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu8:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu8on_int.gif); /* source for target image */
}
a.menu9 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 61px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu9_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu9:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu9on_int.gif); /* source for target image */
}
a.menu10 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 82px; /* width of reactive image */
height: 37px; /* height of reactive image */
background-image: url(/images/menu/menu10_int.gif); /* source for start image */
background-repeat: no-repeat;
float:left;
}
a.menu10:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(/images/menu/menu10on_int.gif); /* source for target image */
}
#basicbox {
width: 874px;
height: 100%;
overflow: hidden;
}
#newsbox {
width: 453px;
height: 300px;
}
#newsbox-inner1 {
height: 165px;
display: block;
}
.newsbox-teaser {
background-color: #575757;
background-image: url(/images/menu/news_arrow.gif);
background-repeat: no-repeat;
width: auto;
height: 18px;
display: block;
padding-left: 20px;
margin-bottom: 7px;
vertical-align: middle;
}
#featuredbox {
width: 450px;
height: 300px;
}
#jumpbox {
width: 192px;
height: 300px;
}
#leftbox {
width: 436px;
overflow: hidden;
}
#rightbox {
width: 436px;
overflow: hidden;
}
#inner {
display: block;
}
#leftbox2 {
width: 240px;
overflow: hidden;
}
#rightbox2 {
width: 628px;
overflow: hidden;
}
#inner2 {
display: block;
}
#leftbox3 {
width: 285px;
overflow: hidden;
}
#middlebox3 {
width: 285px;
overflow: hidden;
}
#rightbox3 {
width: 285px;
overflow: hidden;
}
.partner1{
}
#table01 {
width: 530px;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
margin-left:175px;
}
#table01 th {
padding: 5px;
border: #E3E3E3 solid;
border-width: 0 0 1px 1px;
background: #FF9900;
font-weight: bold;
line-height: 120%;
text-align: center;
white-space: nowrap;
}
#table01 td {
padding: 5px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
text-align: center;
white-space: nowrap;
}