body { background-color: #202020; margin: 0px; background-image:url(images/background.gif); font-family: Arial, Helvetica, sans-serif; font-size:12px; background-repeat:repeat-x; color:#FFFFFF; }

h1 { color: #FFFFFF; font-size: 22px; font-weight: 100; margin-bottom: 5px; margin-top:0px; }
h2 { font-size: 14px; color: #CCCCCC; }
p { color: #DDDDDD; font-size: 12px}
a { color: #FFFF66; text-decoration: none}
a:hover { text-decoration:underline;}
.nav { font-size: 12px; color: #FFFFFF}
a.nav {  color: #FFFFFF}
a.nav:hover { color: #999999; text-decoration:underline; }
img { border:0px none; vertical-align:middle; }
div { position:relative; }

#header { width:980px; text-align:left; font-size:11px; }
#header h1 { position:absolute; left:230px; top:27px; font-size:18px; color:#999; }
#header h1 a { color:#999; }
#headnav { width:980px; background-image:url(images/layout/navback.jpg); background-repeat:repeat-x; background-position:top; height:25px; font-size:14px; line-height:22px; }
#nav { float:left; width:175px; background-color:#FFF; margin-right:10px; font-size:14px; text-align:center; }
#nav a { color:#333; }
#nav a.hover { text-decoration:underline; }
#page { float:left; width:785px; padding-top:5px; }

#headnav ul { padding:0px; padding-right:0px;float: left; margin: 0px; margin-left:0px; list-style-type:none; position: relative; }
#headnav li { padding:0px 10px 0px 10px; float: left; margin: 0px; position: relative; height:24px; line-height:24px; font-size:14px; border-right:1px solid #666; }
#headnav li.short { padding:0px 6px 0px 6px; }
#headnav li.last { padding:0px 0px 0px 10px; border-right:0px none; }
#headnav li.divide { padding:0px; float: left; margin: 0px 10px 0px 10px; position: relative; color:#C1C5D7; }
#headnav li a { color: #FFFFFF; display:block;}
#headnav li a:hover { color: #AAAAAA;}
#headnav li a.red { color:#C00; }
/* Dropdown menus */
.dropmenudiv { position:absolute; top: 0px; border: 1px solid #000000; line-height:18px; z-index:100; background-color:#CCCCCC; visibility: hidden; }
.dropmenudiv a{ width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #000000; padding: 2px 0; text-decoration: none; color:#000000; }
* html .dropmenudiv a{ /*IE only hack*/ width: 100%; }
.dropmenudiv a:hover{ background-color: #333333; color:#FFFFFF;}


.table-red { background-image: url(images/tables/red-table-back.gif); }
div.table-red { width:980px; text-align:left; }


#prodthumb, .prodthumb { background-color: #FFFFFF; overflow: hidden; height: 102px; width: 110px; text-align: center; }
#prodtxt, .prodtxt { clear: both; width: 104px; overflow:hidden; padding-top: 2px; padding-bottom: 2px; }

/* new styles */
.prod { background-color: #55575B; color: #FFFFFF; vertical-align:top; width:111px; border:1px solid #BBBCBD; border-left:0px none; border-bottom:0px none; }
.prod.first { border-left:1px solid #BBBCBD; }
.prod.high { background-color: #4C0000; }
.prodimg { background-color: #000000; width:111px; height:110px; text-align:center; background-position:center; background-repeat:no-repeat; padding:0px; }
.prodimg .new, .new { position:absolute; top:0px; right:0px; height:39px; width:39px; background-image:url(images/icons/new-corner.gif); }
.prodimg img { width:100px; height:100px; } 
.prodinfo { padding:2px; text-align:center; }
/* detail */
.priceshow { font-size:16px; line-height:18px; color: #FFFF66; margin:10px 0px 10px 0px; }
.detailbox { border-top:1px solid #A5A7AB; border-bottom:1px solid #A5A7AB; padding:3px 0px 3px 0px; }
.greyrule { height:1px; margin:5px 0px 5px 0px; background-color:#A5A7AB; }
.img100 { float:left; width:97px; height:100px; overflow:hidden; text-align:center; border:1px solid #666666; background-color:#000; margin-right:1px; }

/* Articles */
.articlebox { background-color:#444444; margin-bottom:10px; }
.newswrapper { border-bottom:1px solid #111111; padding:5px; }
h2.abstract { font-size:16px; font-weight:100; margin:10px 0px 20px 0px; padding:10px 10px 10px 30px; border-bottom:1px solid #666666; border-top:1px solid #666666; }
.articleinfo { margin-top:20px; border-top:1px solid #666666; padding-top:10px;  margin-bottom:20px; }

.spiele { color: #CCCC99; font-size: 9px}
li { font-size: 12px; color: #FFFFFF}
ol { font-size: 12px; color: #FFFFFF}
.shophead {  font-size: 16px; font-weight: bold; color: #FFFFCC}
.pdhead { font-size: 14px; font-weight: normal; color: #FFFFCC}
.blk {  }
a.blk {  color: #000000; text-decoration: none}
a.blk:hover {  color: #FFFF00; text-decoration: none}
input {  font-size: 12px}
.sml {  font-size: 11px}
select {  font-size: 12px}
option {  font-size: 12px}

.size10 { font-size: 10px; }
.size12, .size3 { font-size: 12px }
.size14, .size4 { font-size: 14px }
.size16 { font-size: 16px }
.size18, .size5 { font-size: 18px }
.size20, .size6 { font-size: 20px }

a.sml {  color: #FFFF99}
.nav_back {  background-color: #444444}
.nav_extra {  background-color: #666666}
a.sml:hover {  color: #CC9900}
.nav_main {  background-color: #000000}
div.catch {  font-size: 11px; color: #CCCCCC; margin-top:10px; margin-bottom:10px; line-height: 20px; text-align:center; }
.catch a {color: #CCCCCC; }
.catch_rule1 {  background-color: #FFFF99}
.catch_rule2 {  background-color: #FFFF99}
.catch_back {  background-color: #000000}
.top_back {
	color: #FFFFFF;
	background-color: #000000;
}
.top_backr { background-color: #000000}
.top_rule1 { background-color: #FFFF99}
.top_rule2 { background-color: #FFFF99 }
.top_link {  font-size: 12px; color: #FFFFCC}
a.top_link:hover {  color: #999900}
.main_bgcol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.welcome_box {  background-color: #990000}
.welcome_bd {  background-color: #FFFFFF}
.fea_back {  background-color: #CCCCCC; color: #000000}
.subhead {  font-size: 14px; font-weight: bold; color: #9497BC; font-style: italic}
.highlight {  color: #FFFF00}
.cart_head {  color: #FFFFFF}
.cart_top { background-color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.cart_stripe1 { background-color: #666666; color: #FFFFFF}
.cart_stripe2 { background-color: #444444; color: #FFFFFF}
.cart_txt { color: #000000}
.prod_rule { background-color: #999966; color: #000000}
.prod_col1 { background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.prod_col2 { background-color: #999999}
.highlightbox {  background-color: #990000}
.prod_high {  color: #CCCCFF}
.prod_back {  background-color: #575757; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}
.lowlight {  color: #FFFF00}
.search_input {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #666666; border: 1px #FFFFFF solid}
.search_go {  border-style: none; font-weight: bold}
.top_ruletint { background-image: url(images/tables/tintedrule.gif)}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.xp {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; background-color: #FFFFFF; border: 1px #000000 solid}
.xpcentre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; background-color: #FFFFFF; border: 1px #000000 solid ; text-align: center; font-weight: bold}
.prod_header { background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; background-image: url(images/tables/tabletinti.jpg); font-weight: bold}
.prod_backwhite { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}
a.dark {  color: #000000}
a.dark:hover {  color: #666633}
.h1prod { font-size: 16px; font-style: normal; font-weight: bold }
.size11 {  font-size: 11px}
.delivered {
font-size: 14px; font-style: italic; font-weight: normal
}
.stencil {
	font-family: stencil, arial, helvetica, sans-serif;
	color: #FFFFFF;
}
.xpnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	background-color: #FFFFFF;
	border: 1px #000000 solid;
	text-align: center;
}
.xpclear {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #840000;
	border: none;
	font-weight: bold;
}
.xpclearlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #840000;
	border: none;
}
.product-del {
	text-decoration: line-through;
}
.product-from { font-style:italic; font-size:12px;
}