@charset 'utf-8';

body {
		text-align: center;
		font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif;
		background: url(http://exclamationcomics.com/static_img/body_background.gif) repeat;
		margin: 0px;
		padding: 0px;
	}
	
a.navHeading {
	font-size: 20px; width: 120px; 
  }
  
div.navheading{
	float: left;
	margin: 0px 0px 0px 30px;
}

i.navheading{
	color: #FFFFFF;
}
  
li.navHeading {
	float: left;
	padding-right: 10px;
	white-space: nowrap;
	width: 100px;
	list-style: none;
	text-align: center;
	text-decoration: none;
  }
  
  h2.subtitle {
  	color: #9E0D0A;
  	font-size: 13pt;
  	margin-top: -5px;
  }
  h2.subtitlewit, a.wit {
  	color: #FFFFFF;
  	font-size: 20pt;
  	text-decoration: none;
  }
  
  h1.titel {
  	font-size: 36pt;
  	margin-bottom: 0px;
  }
  
  h1.boxtitel {
	color: #E5E5E5; 
	font-size: 46pt;
	margin: 0px;
	padding-left: 13px;
	padding-top: 0px;
  }
  
  div.content{
  	font-size: 11pt;
  }
  
  font.contentred{
  	font-size: 12pt;
  	color: #D30600;
  	font-weight: 600;
  }
  
  font.contentblack{
  	font-size: 12pt;
  	font-weight: 600;
  }
  
h1 {
padding: 0px;
margin: 0px;
}


ul#navlist a
{
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }



ul#navlist li a
{
color: #FFFFFF;
padding: 0px;
font-size: 20px;
}

ul#subnavlist li a
{
color: #000000;
background-color: #FFFFFF;
padding: 0px;
border: 1px #ffffff outset;
font-size: 18px;
}
	ul#subnavlista li a
	{
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	border: 1px #ffffff outset;
	font-size: 18px;
	}
	ul#subnavlistb li a
	{
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	border: 1px #ffffff outset;
	font-size: 18px;
	}	
	ul#subnavlistc li a
	{
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	border: 1px #ffffff outset;
	font-size: 18px;
	}
	
	
	
ul#navlist li a:hover
{
color: #FD0000;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#subnavlist,ul#subnavlista,ul#subnavlistb,ul#subnavlistc { display: none;  border: 2px solid black ;}
ul#subnavlist,ul#subnavlista,ul#subnavlistb,ul#subnavlistc li { float: none;}

.lehovre {
	text-align: center;
}



ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
padding-top: 0px;
}
	ul#navlist li:hover ul#subnavlista
	{
	display: block;
	position: absolute;
	padding-top: 0px;
	}
	ul#navlist li:hover ul#subnavlistb
	{
	display: block;
	position: absolute;
	padding-top: 0px;
	}	
	ul#navlist li:hover ul#subnavlistc
	{
	display: block;
	position: absolute;
	padding-top: 0px;
	}	
	
	
ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 0px;
margin: 0px;
}
	ul#navlist li:hover ul#subnavlista li a
	{
	display: block;
	width: 10em;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	ul#navlist li:hover ul#subnavlistb li a
	{
	display: block;
	width: 10em;
	border: none;
	padding: 0px;
	margin: 0px;
	}	ul#navlist li:hover ul#subnavlistc li a
	{
	display: block;
	width: 10em;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
	
div.hovermenuutje{top: 120px; left: 515px; 
position: absolute; z-index: 2000; 
}

div.hovermenuutjetwee{top: 120px; left: 655px; 
position: absolute; z-index: 2000; 
}
div.hovermenuutjetree{top: 120px; left: 625px; 
position: absolute; z-index: 2000; 
}

div.hovermenuutjethree{top: 120px; left: 750px; 
position: absolute; z-index: 2000;
}

div.hovermenuutjefour{top: 120px; left: 806px; 
position: absolute; z-index: 2000;
}

a.bottomlistitem{
 background-color: #E7E7E7;
 background: url('http://exclamationcomics.com/static_img/navlist_lo.gif') repeat-x #E7E7E7;
}

a.secondbottomlistitem{
 background: url('http://exclamationcomics.com/static_img/navlist_hi.gif') repeat-x;
}

a.footerlink{
	text-decoration: none;
	color: white;
	font-size: 9pt;
}

td.createaccountinput{
	width: 200px; text-align: left;
}

a {
	color: #000000;
}

div#ajax_frame{
background-color: white;
}

  a.numbernavigation{
	font-size: 10pt;
	color: black;
	text-decoration: none;
	font-weight: 600;
  }
  
   i.numbernavigationSelected{
	font-size: 12pt;
	color: black;
	text-decoration: none;
	font-weight: 300;
  }
  
  td.numbernavigationSelected{
	font-size: 12pt;
	color: black;
	text-decoration: none;
	font-weight: 300;
	width: 12px;
	text-align: center;
  }
  
  td.numbernavigation{
  	padding-left: 3px;
  }
  
  #scrollbar-demo{
	margin:auto;
	width: 540px;
	overflow:auto;
	text-align: justify;
}



.scrollBar .bar{
	width:32px;
	height:20px;
}

.scrollBar .button{
	width:32px;
	height:20px;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar .button.topButton{
	background-image:url('arrow-up.gif');
}

.scrollBar .button.bottomButton{
	background-image:url('arrow-down.gif');
}

.scrollBar .button.leftButton{
	background-image:url('arrow-left.gif');
}

.scrollBar .button.rightButton{
	background-image:url('arrow-right.gif');
}

.scrollBar .button.active{
	background-position:bottom center ;
}

.scrollBar .scrollable{
	cursor:pointer;
	background-color:#FFFFFF;
	border: 2px solid #E5E5E5;
}

.scrollBar .knob{
	height:20px;
}

.scrollBar .knob.verticalKnob{
	cursor:n-resize;
}

.scrollBar .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar .knobHorizontalTip{
	width:12px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar .leftTip{
	left:0;
	background-image:url('knob-left.gif');
}

.scrollBar .rightTip{
	right:0;
	background-image:url('knob-right.gif');
}

.scrollBar  .knobHorizontalFill{
	background-color:#FFB119;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob.gif');
	margin:0 12px;
}

.scrollBar .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar .knobVerticalTip{
	height:12px;
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar .knobVerticalFill{
	background: url('button.gif');
	background-color:#FFFFFF;
	background-position:left center;
	background-repeat: no-repeat ;
	position:absolute;
	bottom:0px;
	top:0px;
}

.scrollBar .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar .topTip{
	background-image:url('knob-top.gif');
}

.scrollBar .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom.gif');
}

.scrollBar .knob.active{
	border:none;
}

.scrollBar .corner{
	background:#FFB119 url('corner.gif') center center no-repeat;
}

.toprightbuttons{
	color: white; text-decoration: none;
}

.outlinewhitearea {
	clear: both; border: 1px solid #FFA700; width: 998px; height: 950px;
}

table.outerarea {
	clear: both;
	border: 1px solid #FFA700; 
	width: 998px;
	margin: 1px;
}
td.outerarea {
	border-top: 1px solid #D9930C;
	border-bottom: 1px solid #FFA700;
	border-right: 1px solid #FFA700;
	border-left: 1px solid #FFA700;
}

table.outerarea2{
	border-top: 1px solid #757568;
	background-color: #E4E4CA;
	padding: 10px;
}

td.outerarea2{
	background-color: #FFFFFF;
	margin: 12px;
	text-align: left;
}

.outlinewhitearea2 {
	border-top: 1px solid #D9930C; border-bottom: 1px solid #FFA700; border-right: 1px solid #FFA700; border-left: 1px solid #FFA700; width: 996px; height: 948px;
}
.outlinewhitearea3 {
	border-top: 1px solid #757568;  width: 996px; height: 947px; background-color: #E4E4CA;
}

.outlinewhitearea4 {
	height: 920px; background-color: #FFFFFF; margin: 12px; text-align: left;
}

.containerdiv{
	position: relative; width: 1000px; margin-left: auto; margin-right: auto;
}

div.searchbox { float: right;}
div.heading { float: right; width: 540px; margin-top: 7px;}
div.zoekbox { color: #666666; padding-top: 10px; padding-left: 10px; font-size: 9pt; }
.zoekinput { font-size: 9pt; height: 17px; color: #666666; border: 1px solid #D6D6D6; vertical-align: top; }
input.zoekknop { margin-top: -6px; position: relative;  right: 10px; }

div.leftpage {
	float: left; width: 400px;
}

div.bigimg_inner {
	float: left; width: 380px;
}

div.bigimgbox {
	position: relative; 
	text-align: left; 
	border: none;
}

.big_image {
	border: 1px solid black; 
	display: block; 
	margin-left: auto; 
	margin-top: 10px; 
	margin-right: auto;
}

div.pricebox {
	position: absolute; top: 420px; right: 0px; width: 85px; text-align: center; border: 2px solid black; background-color: white; font-size: 15pt; font-weight: 400;
}

div.prevbutbox {
	position: absolute; top: 505px; left: 0px;
}


div.bigimgtextbox {
border: 2px solid black; background-color: #ffffff; height: 85px; padding: 9px; font-size: 8pt; font-weight: 600; text-align: center; width: 310px;
}

td.frontpagebox {
width: 300px; height: 100px; border: 2px solid black; padding: 5px;
	}

div#bnrsBlk{

padding-left: 12px;
padding-top: 12px;
}

div#adsBlk{
height: 600px;
width: 358px;
margin-bottom: 10px;
position: relative;
z-index: 10;
}

div#blurbBox{
position: absolute; left: 24px; bottom: 0px; border: 2px solid black; background-color: white; padding: 9px; height: 95px; font-size: 9pt; font-weight: 600; text-align: center; width: 313px; overflow: hidden;
}

div#bigpicblurb{
position: absolute; left: 24px; bottom: -30px; border: 2px solid black; background-color: white; padding: 9px; height: 95px; font-size: 9pt; font-weight: 600; text-align: center; width: 313px; overflow: hidden;
}

ul#bnrpage{
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
left: 10px;
z-index: 40;
}


div#pricebox{
margin: 0;
padding: 2px 7px 2px 7px;
position: absolute;
right: -17px;
bottom: 140px;
z-index: 40;
 text-align: center; background-color: white; font-size: 15pt; font-weight: 400;
border: 2px solid black;
}


div#bigpicprice{
margin: 0;
padding: 2px 7px 2px 7px;
position: absolute;
right: -17px;
bottom: 120px;
z-index: 40;
 text-align: center; background-color: white; font-size: 15pt; font-weight: 400;
border: 2px solid black;
}
#bigpics {
  float:left;
  width:450px;
}

#bigpicWrapper { /* required to avoid jumping */
  left: 0px;
  position: absolute;
  margin-left: 12px;
  width:400px;
}

#bigpic {
  position: absolute;
  top: 0;
  margin-top: 0px;
}

#bigpic.fixed {
  position: fixed;
  top: 0;
}

.hide {
display: none !important;
}

.show {
display: block !important;
}

#adsblk #txtblk {
position: absolute;
top: 380px;
width: 80%;
z-index: 30;
overflow: hidden;
}

#adsblk #txtblk a {
display: block;
background-color: #ffffff;
color: #000000;
height: 60px;
padding: 5px;
text-decoration: none;
width: 200px;
}

#adsBlk ul#bnrpage li {
cursor: pointer;
float: left;
padding: 8px 5px 5px;
}

#adsBlk ul#bnrpage li.hover, li.active {
 color: red;
}

div.lowerband {
	text-align: right;
}

.fleft {
	float: left;
}
.fright {
	float: right;
}

div#prijsdiv{
	font-size: 2em;
	font-weight: 800;
	padding-top: 0px;
	color: yellow;
	text-align: left;
}

div#cartdiv{
	font-size: 0.8em;
	width: 250px;
}


ul.frontpagelist {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	position: relative;
}


li.frontpagelistitem {
	list-style-type: none;
	line-height: 0.9em;
	text-indent: 10px;
}

li.frontpagelistitem a {
	font-size: 0.8em;
	font-weight: 800;
	text-decoration: none;
}

li.frontpagelistitem a:hover {
	color: red;
}

td.frontpagelistcell {
	width: 200px;
}

td.infolinktd {
	border: 2px solid black;
	text-align: center;
	background-color: #fff;
	color: #000000;
}


td.infolinktd a{
	padding: 5px;
	width:100%;
	height:100%;
	display:block;
	text-decoration: none;
}

td.infolinktd a:hover {
	color: red;
}


ul#manuftabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
list-style-type: none;
letter-spacing: 0.4em;
border-bottom: 1px solid black;
padding: 3px 10px 33px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#manuftabnav li { /* do not change */
display: inline;
}

.nobr {white-space: nowrap;}


ul#manuftabnav li { /* settings for all tab links */
padding: 3px 20px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #000000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #F8CC04; /* set unselected tab background color as desired */
color: #000000; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font: bold 14px verdana, arial, sans-serif; /* set font as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

ul#tabnav li.selectedtab { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 3px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li { /* settings for all tab links */
padding: 3px 20px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #000000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FFF9CC; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav li:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
cursor: pointer;
}

div.account {
	border: 2px solid black;
	padding: 12px;
	margin: 12px;
}

div.accountlefty {
	border: 2px solid black;
	padding: 12px;
	margin: 12px;
	width: 162px;
}

div.explanation {
	width: 600px; margin-top: 0px; 
	border-top: none; 
	background-color: #EEEEEE;
	font-size: 11px;
	font-weight: 100;
	padding: 6px 12px;
}

div.leftcolumnaccount, div.middlecolumnaccount, div.righcolumnaccount {
	float: left;
}

div.leftcolumnaccount {
	font-size: 13px;
	font-weight: 800;
	text-align: left;
	line-height: 19px;
}

a.tag_cloud {
	text-decoration: none;
	font-weight: 800;
}

a.autlist {
	text-decoration: none;
}

a.autlist:hover {
	color: red;
}

td.faqqdisp {
	background-color: #FFFFCC;
	border: 1px solid black;
	text-align: left;
}

.question {
	font-weight: 600;
}

.answer {
	padding-left: 20px;
	font-size: 0.8em;
}

.faqcategory {
	font-weight: 800;
	font-size: 1.1em;
}

td.prodinfotblkey {
	background-color: #EEEEEE;
	border-right: 1px solid black;
	border-top: 1px solid black;
	padding: 3px 10px 3px 10px;
	text-align: left;
	font-size: 11px;
}

td.prodinfotblval {
	background-color: #EEEEEE;
	border-right: 1px solid black;
	border-top: 1px solid black;
	padding: 3px 10px 3px 10px;
	text-align: left;
	font-size: 11px;
}

td.catoverviewlist {
	background-color: #EEEEEE;
	padding: 3px 10px 3px 10px;
	text-align: left;
	font-family: arial;
	font-size: 9px;
	font-weight: 800;
	cursor: pointer;
}


td.catblockhead {
	background-color: #DDDDDD;
	padding: 3px 10px 3px 10px;
	text-align: left;
	font-size: 13px;
}

table.prodinfotbl{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	margin-top: 20px;
}

tr.moduleRowSelected {
	background-color: yellow;
}

tr.moduleRowOver {
	border: 1px solid red;
	background-color: #eeeeee;
}


#search_suggest { position: absolute; z-index: 100; top: 25px; left: 0px; width: 308px; background-color: #fffe86; }
#search_suggest.noactive { visibility: hidden; text-indent: -5000px; }
#search_suggest.active { visibility: visible; }
#search_suggest a { display: block; padding: 2px 6px 2px 6px; font-size: 11px;}
#search_suggest a:hover { background-color: #F86104; }

#search_tag_suggest { position: absolute; z-index: 100; top: 45px; left: 200px; width: 308px; background-color: #fffe86; }
#search_tag_suggest.noactive { visibility: hidden; text-indent: -5000px; }
#search_tag_suggest.active { visibility: visible; }
#search_tag_suggest a { display: block; padding: 2px 6px 2px 6px; font-size: 11px;}
#search_tag_suggest a:hover { background-color: #F86104; }

.jqifade{
      position: absolute;
      background-color: #aaaaaa;
}
div.jqi{
      width: 400px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #BF5E26;
}

ol.toysnstufflist {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 11px;
}

 #tooltip {  
     position:absolute;  
     z-index:9999;  
 }  
   
   
 a.top100tab {
 	border-right: 2px solid black;
 	border-top: 2px solid black;
 	padding-right: 4px;
 	padding-left: 4px;
 	background-color: #EEEEEE;
 	cursor: pointer;
 	text-decoration: none;
 	display: inline;
 	font-size: 12px;
 	font-weight: 800;
  margin-right: 4px;
 }
 
 div.top100tabs {
 	border-left: 1px solid black;
 	border-bottom: 1px solid black;
  display: block;
  text-align: justify;
 }
 
 a.top100genrelist {
 	cursor: pointer;
 	text-decoration: none;
 	font-size: 11px;
 	font-weight: 800;
 }
 
  a.top100genrelist:hover, a.top100tab:hover {
  	color: #9E0D0A;
  }
  
  div.filtermenu {
  	font-size: 11px;
  	font-weight: bold;
  	float: right;
  	padding-top: 10px;
  }
  
  
  ul.checklistlist {
  	list-style: none;
  }
  
  ul.checklistlist a {
  	text-decoration: none;
  }
  
  ul.checklistlist a:hover {
  	text-decoration: none;
  	color: #9E0D0A;
  }
  
  ul.checklistlist li:before {
	content: "\00BB \0020"; 
	}

td.pricetable{
	font-size: 12px;
	text-align: right;
	font-weight: 800;
}
table.searchtextlist{
background-color: yellow;
	border: 2px solid black;
	padding: 3px;
	text-align: center;
}
 
table.searchtextlist td{
	border-bottom: 1px solid grey;
	padding: 3px;
	}
	
table.searchtextlist tr{
	border: 1px solid black;
	padding: 3px;
	background-color: white;
	
}

div.filterbox{
	font: bold 12px verdana, arial, sans-serif;
	background-color: #FFF9CC;
	border: 2px solid black;
	padding: 7px;
	margin: 12px;
}

tr.searchtr:hover{
background-color: #E5e5e5;
}
td.searchtd:hover{
background-color: #E5e5e5;
}

td.authorsearchcell{
	text-align: left; 
	padding: 10px !important;
}

td.tweet{
font-size: 11px;
padding-left: 20px;
width: 350px;
}

td.tweet a {
	text-decoration: none;
}

tr.errorinfield{
	background-color: red;
}

ul.topauthors li {
	padding: 15px 5px;
}
ul.topauthors {
	font-weight: 800;
	list-style: none;
	cursor: pointer;
}

li.topautheven {
	background-color: #A8D7FF;
}

li.topauthodd {
	background-color: #FCFFA8;
}

a.knopke {
    /* Sliding right image */
    background: transparent url('http://decomicshop.nl/dev/box_right_long.jpg') no-repeat scroll top right; 
display: block;
float: left;
height: 70px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
}
a.knopke span {
/* Background left image */ 
background: transparent url('http://decomicshop.nl/dev/box_left.png') no-repeat; 
display: block;
line-height: 70px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.knopke:hover span{
text-decoration:underline;
}

td.tweeter {
	border-bottom: 1px dotted #000000;
	font-size: 12px;
	padding: 5px;
}

a.twitlink {
	color: red;
	text-decoration: none;
}

.genrebutton{
	border: 4px solid black;
}