/*
*************************************************

Cosplay city
Common Screen Styles

Created by Bob Schwartz
http://www.fotografics.it

*************************************************
*/

/*-------------------------------------------  
	  General Selectors
-------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	text-align: center;
	font-family: arial, verdana, sans-serif;
}
h1, h2, h3, h4, h5 {
	margin-bottom: 15px;
	font-family: Georgia, 'Times New Roman', serif;
	color: #FF6600;
}
img {
	border: 0;
}
/*-------------------------------------------  
	  Basic Page Layout
-------------------------------------------*/
#outer {
	background: url(../im/pg_bkg.jpg) repeat-x bottom;
	width: 100%;
	margin: 5px 0 0 0;
}
#inner {
	background: url(../im/con_bkg.jpg) repeat-y center;
	width: 993px;
	margin: 0 auto;
}
#head {
	background: url(../im/logo.jpg) no-repeat;
	width: 960px;
	height: 193px;
	margin: 0 auto;
}
#head_02 {
	height: 150px;
}
#content {
	background: url(../im/ftr.jpg) no-repeat bottom;
	width: 993px;
}
#center {
	width: 960px;
	margin: 30px auto 110px auto;
}
/*-------------------------------------------  
	  Basic Content Layout
-------------------------------------------*/
#right {
	width: 700px;
	float: left;
	display: inline;
	text-align: left;
	margin: 0 0 0 250px;
	color: #000;
}
#left {
	width: 220px;
	float: left;
	display: inline;
	text-align: left;
	margin: 0 0 0 -935px;
	color: #000;
}
#right a {
	color: #FF3300;
}
#right a:active {
	color: #FFFFFF;
}
#right a:hover {
	color: #333333;
}
#bx_lrg_top {
	width: 396px;
	height: 10px;
	background: url(../im/bx_lrg_top.jpg) no-repeat center;
	margin: 0!important;
	color: #000;
}
#bx_lrg_btm {
	width: 396px;
	height: 10px;
	background: url(../im/bx_lrg_btm.jpg) no-repeat center;
	margin: 0!important;
	color: #000;
}
#bx_lrg {
	width: 396px;
	float: left;
	display: inline;
	text-align: left;
	margin: 0 7px 0 0!important;
	color: #000;
}
#bx_lrg img {
	margin: 5px 0 5px 5px;
}
#bx_sml {
	width: 296px;
	float: right;
	display: inline;
	text-align: left;
	margin: 0;
	color: #000;
}
.bx_sml_01 {
	width: 296px;
	text-align: left;
	margin: 0;
	color: #000;
}
.bx_sml_01_top {
	width: 296px;
	height: 10px;
	background: url(../im/bx_sml_top.jpg) no-repeat center;
	text-align: left;
	margin: 0;
	color: #000;
}
.bx_sml_01_btm {
	width: 296px;
	height: 10px;
	background: url(../im/bx_sml_btm.jpg) no-repeat center;
	text-align: left;
	margin: 0 0 7px 0;
	color: #000;
}
.bx_con {
	margin: 0;
	padding: 0 10px;
	background: url(../im/bx_lrg_con.jpg) repeat-y center;
}
.bx_con img {
	border: solid #333 1px;
}
.bx_con_sml {
	padding: 0 10px;
	background: url(../im/bx_sml_con.jpg) repeat-y center;
}
.splash {
	margin: 0 0 5px 0;
}
#cart {
	margin: 0 0 0 275px;
}
.clearit {
	clear: both;
	height: 1px;
	margin-top: -1px;
}
#banners {
	margin: 3px 0 0 0;
	padding: 0;
}
#banners li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
#banners img {
	border: solid #333 1px;
}
#lnk li {
	margin: 0 0 5px 20px;
}
#fg {
	font-size: 12px;
}
#fg a {
	color: #FF3300;
}
#fg a:active {
	color: #FFFFFF;
}
#fg a:hover {
	color: #333333;
}
ul.mar_20 li {
	margin: 0 0 5px 20px;
}
.nolink {
	color: #333333!important;
	cursor: crosshair;
	text-decoration: none;
}
.cntr {
	text-align: center;
}
.white {
	color: #fff;
}
.big {
	font-size: 30px;
	line-height: 45px;
}
.fr {
	float: right!important;
	margin: 5px 0 10px 10px;
}
.al_right {
	text-align: right;
}
.con {
	width: 510px;
	float: left;
	display: inline;
	margin: 0 30px 0 0;
}
.con p {
	margin: 0 0 5px 0;
}
.rm {
	width: 150px;
	float: right;
	display: inline;
}
.rm ul {
	margin: 70px 0 20px 0;
	padding: 0;
	color: #FF6600;
	font-size: 12px;
}
.rm li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
.rm ul ul {
	margin: 5px 0 5px 10px;
	padding: 0;
	color: #FF6600;
}
.mar_10_top {
	margin-top: 10px;
}
.mar_10_bot {
	margin-bottom: 10px;
}
.mar_20_lft {
	margin-left: 20px;
}
.lnks {
	margin: 3px 62px 0 62px;
	padding: 0;
	float: left;
	display: inline;
}
.lnks li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
.lnks img {
	border: solid #333 1px;
}
.images{
	margin: 10px 40px 0 0;
	padding: 0;
	float: left;
	display: inline;
}
.images li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
.images img {
	border: solid #333 1px;
	margin-right: 10px;
}
#cart-link {
	width: 225px;
	height: 321px;
	border: solid #333 1px;
	background: url(../im/cartoomics_poster_2011_sml_up.jpg) no-repeat center;
}
#cart-link a {
	width: 225px;
	height: 321px;
	background: url(../im/cartoomics_poster_2011_sml_up.jpg) no-repeat center;
	display: block;
}
#cart-link a:hover {
	background: url(../im/cartoomics_poster_2011_sml_ovr.jpg) no-repeat center;
}
#cart-linka {
	width: 225px;
	height: 322px;
	border: solid #333 1px;
	background: url(../im/cartoomics_poster_2009_sml_up.jpg) no-repeat center;
}
#cart-linka a {
	width: 225px;
	height: 322px;
	background: url(../im/cartoomics_poster_2009_sml.jpg) no-repeat center;
	display: block;
}
#cart-linka a:hover {
	background: url(../im/cartoomics_poster_2009_sml_up.jpg) no-repeat center;
}
#cart-linkb {
	width: 225px;
	height: 321px;
	border: solid #333 1px;
	background: url(../im/cartoomics_poster_2010_sml_up.jpg) no-repeat center;
}
#cart-linkb a {
	width: 225px;
	height: 321px;
	background: url(../im/cartoomics_poster_2010_sml_up.jpg) no-repeat center;
	display: block;
}
#cart-linkb a:hover {
	background: url(../im/cartoomics_poster_2010_sml_ovr.jpg) no-repeat center;
}
#cart-linkc {
	width: 225px;
	height: 321px;
	border: solid #333 1px;
	background: url(../im/cartoomics_poster_2011_sml_up.jpg) no-repeat center;
}
#cart-linkc a {
	width: 225px;
	height: 321px;
	background: url(../im/cartoomics_poster_2011_sml_up.jpg) no-repeat center;
	display: block;
}
#cart-linkc a:hover {
	background: url(../im/cartoomics_poster_2011_sml_ovr.jpg) no-repeat center;
}
/******top nav menu******/
#tp-nav-wrap {
	height: 35px;
	
	margin: 0 0 0 25px;
	padding: 0 0 0 0;
	text-align: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
 /* all lists */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 25px;
}
#nav a {
	display: block;
	color: #FF3300;
	text-decoration: none;
}
#nav a:hover {
	color: #333;
}
#nav li {
	float: left;
	position: relative;
}
 /* top row */
#nav a.top-mnu {
	padding: 0 20px 0 0;
}
#nav p.top-mnu {
	padding: 0 20px 0 0;
}
#nav a.top-mnu-drop {
	padding: 0 20px 0 8px;
	background: url(../im/arw_up.gif) no-repeat left center;
}
#nav a:hover.top-mnu-drop {
	padding: 0 20px 0 8px;
	background: url(../im/arw_dwn.gif) no-repeat left center;
}
 /* sub row */
#nav ul li {
	width: 88px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #fff;
}
#nav ul li a {
	width: 78px;
	padding: 0 0 0 10px;
}
#nav ul li a:hover {
	background-color: #333!important;
	color: #fff;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #FFEED3;
	width: 88px;
	border-top: 1px solid #fff;
	border-right: 1px solid #333;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav ul li p {
	width: 78px;
	padding: 0 0 0 10px;
	background-color: #333!important;
	display: block;
	color: #fff;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -31px 0 0 168px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.orange {
	color: #FF3300;
}
p {
	margin: 0 0 5px 0;
}