/* 
  DM - 12/03/09
 */
 
body{
margin:0;
padding:0;
line-height: 1.5em;
background-image: url('Images/background.jpg');
background-repeat: repeat;
}

a:link, a:visited, a:active {
text-decoration:underline;
color: #0025bb;
}

a:hover {
text-decoration:underline;
}

hr{ color:#e8e7ed; }

#bannerheader{
height:145px; /*or whatever*/
width:960px;
} 

h1{
height:145px; /*match to #bannerheader height*/
text-indent: -100.0em;
overflow: hidden;
background: #525252 url('Images/things-i-noticed-banner.png');
} 

  h1 a{
  display:block;
  line-height:145px; /*match to h1 height*/
  } 
  
h2{
    color: white;
    width: auto;
	clear: both;
	margin-top:10px;
	margin-bottom:10px;
	padding: 3px 10px 3px 10px;
	font: normal 14pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	overflow:hidden;
	background: #333333 url('Images/headerbar-middle.jpg') center center repeat-x;
}

h3{
	color: #383243;
	margin-top:5px;
	margin-bottom:0px;
	text-align:center;
	font: normal 16pt 'Arial', 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

h4{
font: normal 16pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

h5{
font: normal 12pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
height: 145px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
background: white;
}

#contentcolumn{
margin: 0 205px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: white;
}

#rightcolumn{
float: left;
width: 205px; /*Width of right column in pixels*/
margin-left: -205px; /*Set margin to that of -(right column width)*/
background: #333333 url('Images/rightbar.png') center center repeat-y;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#rightmenu{
border-bottom-width: 0;
width: 205px;
margin: 0 auto;
}

  .boxtop{
  width:160px;
  height:34px;
  margin-left:35px;
  background: white url('Images/rightbox-top.png');
  }
  
  .boxmiddle{
  width:160px;
  margin-left:35px;
  padding:10px 0px 10px 0px;
  background: white url('Images/rightbox-middle.png') center center repeat-y;
  color:#000000;
  }
  
  .boxtextmiddle{
  font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
  padding:0px 10px 0px 10px;
  }

  .boxbottom{
  width:160px;
  height:5px;
  margin-left:35px;
  background: white url('Images/rightbox-bottom.png');
  }
  

#footer{
clear: left;
width: 100%;
color:#FFFFFF;
text-align: center;
font: normal 8pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
padding: 4px 0;
background-color:#202020;
}

#footer a{
color: white;
}

.innertube{
margin: 0px 10px 0px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
color: #383243;
font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
line-height: 1.3em;
}

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #202020; /*dark gray border*/
border-width: 1px 0;
background: black url('Images/indentbg.gif') center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-left: 1px solid #202020; /*dark gray divider between menu items*/
}

  .indentmenu ul li a:visited{
  color: white;
  }

    .indentmenu ul li a:hover, .indentmenu ul li .current{
    color: white !important; /*text color of selected and active item*/
    padding-top: 6px; /*shift text down 6px for selected and active item*/
    padding-bottom: 4px; /*shift text down 4px for selected and active item*/
    background: black url('Images/indentbg2.gif') center center repeat-x;
    }
	
.menubottom{
width: 100%;
height: 5px;
overflow: hidden;
margin: 0;
padding: 0;
float:left;
background: black url('Images/menubottom.gif') center center repeat-x;
}

.submit { vertical-align: middle; *vertical-align: text-bottom; }

.itemWrapper {
    width: 100%;
    overflow: hidden;
}

.item {
    float: left;
	width: 120px;
	height: 180px;
	margin: 10px 0px 0px 20px;
    font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	border: 0px;
	text-align: center;
	display: inline;
	position: relative;
}

.pagination {
    width: 700px;
    text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
}

.detailprice {
    padding-top:15px;
	padding-bottom:10px;
	text-align: left;
    font: normal 11pt 'Verdana', Arial, sans-serif;
}

.cartproduct {
    width:325px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartprice {
    width:65px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartquantity{
    width:45px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartremove {
    width:80px;
	text-align:left;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.carttotal{
    width:65px;
	text-align:right;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}

.cartbuttonsm {
    width:130px;
    float:left;	
}

.cartbuttonlg {
    width:190px;
	float:left;
}

.cartbuttoncheckout {
    width:130px;
	float:right;
	text-align:right;
}

.billshiptable {
    width:275px;
	background-color:#FFFFFF;
	font: normal 9pt 'Verdana', Arial, sans-serif;
}

.blueblockbottom {
    display: block;
    padding: 2px 0 2px 0;
    padding-left: 2px;
    width: 161px; /*170px minus all left/right paddings and margins*/
    text-decoration: none;
    color: white;
    background-color: #2175bc;
    border-bottom: 1px solid #000000;
	border-left: 7px solid #1958b7
}

.linkwrapper {
    display: block;
	width: 570px;
	float: left;
	margin-left: 5px;
	text-align:center;
	background-color: #bbd6f2;
	border: 1px solid #000000;
	margin-bottom:25px;
}

.linktable {
    width: 190px;
	padding: 5px 0px 5px 0px;
    display: block;
	font: bold 12pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	text-align: center;
	float: left;
}

  .linktable a:hover {
    text-decoration: underline;
	}
	
.exchange_sm {
	border: 0px;
	display: inline;
	position: relative;
}
.exchangeWrapper {
    width: 570px;
    overflow: auto;
}

.image {
    margin: 5px 10px 5px 10px;
	float:left;
}

.indexfoot {
    width: 600px;
    background-color:#FFFFFF;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-left: 70px;
	padding: 5px 5px 5px 5px;
	border:1px solid black;
	font: normal 12pt 'Verdana', Arial, sans-serif;
}
	
.imageleft {
    margin: 5px 5px 5px 5px;
    float:left;
}

.imageright {
	margin: 5px 5px 5px 5px;
	float:right;
}


.resourcetable {
    padding: 10px 10px 10px 10px;
	font: normal 10pt 'Verdana', Arial, sans-serif;
}
  .resourcetable a{
    font: bold 11pt 'Verdana', Arial, sans-serif;
	text-decoration:underline;
	}

.navbar_ad {
background-color: #8c9e3a;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 5px;
padding-left: 5px;
border-bottom: 1px solid #c9d78a;
}


 
.floatstop {
clear:both;
}
  
.topbullets {
width: 25%;
color: white;
font: normal 15pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align:center;
float:left;
background:url(Images/graybar.gif) repeat-x bottom left;
}

.siteicons {
width: 33%;
float:left;
text-align:center;
color:#FFFFFF;
}

  .siteicons a{
  color:#FFFFFF;
  text-decoration: none;
  }

.arrowgreen{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #507aa4;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(Images/arrowbar.jpg) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: white;
}

.arrowgreen li a:hover{
	color: white;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: white;
	background-position: 100% -64px;
}

 
.indexbox{
text-align:center;
padding: 10px 10px 10px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}

.indextextbox{
background: #e1ecfb;
border: 1px solid black;
padding-left:5px;
padding-right:5px;
}

.indextextbox2{
width: 840px;
background: #e1ecfb;
border: 1px solid black;
padding-left:10px;
padding-right:10px;
}

.tablebox {
text-align:left;
padding:10px 10px 10px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
}

.schedule {
text-align:center;
width:auto;
float:left;
padding:5px;
margin: 10px 0px 10px 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color:#000033;
border: 1px solid #7a863c;
background-color: #e2e404;
}

.totalbar {
width:270px;
background-color:#f7fbee;
font: bold 11pt 'Verdana', Arial, sans-serif;
border: 1px solid black;
text-align:center;
padding: 10px 10px 10px 10px;
} 

.checkoutbox {
margin:5px;
padding:10px 10px 10px 10px;
background-color:#f7fbee;
border: 1px solid #4f6817;
}

.checkoutqty {
clear:both;
float:left;
width:100px;
margin-top:5px;
font: normal 10pt 'Verdana', Arial, sans-serif;
text-align:left;
}

.checkoutitem {
float:left;
width:300px;
margin-top:5px;
font: normal 10pt 'Verdana', Arial, sans-serif;
text-align:left;
}

.checkouttotal {
float:left;
width:200px;
margin-top:5px;
font: normal 10pt 'Verdana', Arial, sans-serif;
text-align:right;
}

.twitterbox {
padding-top:15px;
margin-left:35px;
}

.iconbox {
padding:10px 0px 0px 0px;
margin-left:65px;
}

.comicbox{
float:left;
width:700px;
text-align:center;
font: normal 20pt "Times New Roman", Times, sans-serif;
}

.dialogue{
font: bold 10pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
color:#444444;
}

.reviews{
padding:0px 20px 0px 20px;
font: normal 11pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}