@charset "utf-8";

/* 
************
GENERAL
************
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #fff;
	background:#000
}

/* 
************
COMMON 
************
*/
* {
	padding:0;
	margin:0;/* box-sizing:  border-box;
 -ms-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 */
}

a {
	text-decoration:none;
	color:#999
}

a:hover {
	color:#e2b520;
	text-decoration:underline
}

a img, :link img, :visited img, fieldset, input.checkbox, input.radio, img {
	border:none
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font:inherit
}

ol, ul {
	list-style:none
}

.fr {
	float:right;
	width:auto;
	clear:right;
	display:inline
}

.fl {
	float:left;
	width:auto;
	clear:right;
	display:inline
}

.ar {
	text-align:right
}

.al {
	text-align:left !important
}

.cntr {
	text-align:center;
}

/* 
******************
PAGE CONTENTS
******************
*/
/* HEADER */
#h {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:url(../images/header-in.jpg) no-repeat 50% 0;
	clear:both;
	height:284px;
	width:900px;
	margin:0 auto
}

#h h1 {
	display:block;
	width:300px;
	margin:0 auto;
}

#h h1 a {
	display:block;
	height:217px;
	text-indent:-2000px
}

#cmenu {
	border-bottom:1px solid #E2B520;
	height:39px;
}

#cmenu li, #bmenu li {
	float:left;
	display:inline
}

/*
TOP MENU
*/

#nav li a {
	display:block;
	width:135px;
	height:33px;
	text-indent:-2000em;
	background:url(../images/menu-in.gif) no-repeat 0 0;
}

#nav li#tmChars a {
	width:200px;
	background-position:-135px 0
}

#nav li#tmBook a {
	width:134px;
	background-position:-335px 0
}

#nav li#tmArt a {
	width:115px;
	background-position:-469px 0
}

#nav li#tmAbout a {
	width:97px;
	background-position:-584px 0
}

#nav li#tmSoon a {
	width:219px;
	background-position:-681px 0
}

/* 
EOF TOP MENU
*/
#cmenu .fr li {
	padding:8px 6px 0
}

/*.shopby {
 color:#333;
 float:right;
 height:28px;
 line-height:28px;
 width:218px 
}
.shopby select {
 display:inline;
 margin-left:4px 
}*/
#bmenu {
	color:#999;
	height:28px;
	line-height:28px;
	font-size:12px;
}

#bmenu li {
	padding:0 8px;
	margin:4px 0 0;
	line-height:13px;
}

#bmenu li a {
	color:#999
}

#bmenu a:hover {
	color:#e2b520;
	text-decoration:none
}

#lmenu {
	padding-left:48px
}

#lmenu li a {
	color:#fff
}

#lmenu span, #lmenu b {
	margin:0 2px;
	line-height:20px
}

#rmenu {
	float:right;
	margin-right:48px
}

#rmenu li {
	border-left:#999 1px solid
}

#rmenu li.first {
	border-left:none
}

.pTxt p {
	line-height: 18px;
	text-align:justify
}

/* COLUMNS */
/* PADDINGS of main cols */
#mcc {
	padding: 0;
	min-height:400px;
	width:800px;
	margin:0 auto
}

* html #mcc {
	height:400px
}

/* EOF COLUMNS */

/* FOOTER */
#fc {
	text-align:center;
	padding:24px 0 12px;
	border-top:1px solid #E2B520;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#fCopy {
	font-size:10px
}

#fCopy a {
	color:#fc0
}

#fCopy a:hover {
	color:#fff
}

/* EOF FOOTER */

/* 
              _____________
     ....-''``'._ _________))  ( MODULES and WIDGETS )
             ,_  '-.___)
               `'-._)_)
     -----'``"-,__(__)
*/
/* HP Central Col */

#home_page #h {
	display:none
}

#home_page #mcc {
	width:1000px
}

#hpBan {
	background:url(../images/bg_hp.jpg) no-repeat 0 0;
	width:1000px;
	height:655px
}

#hpTxt {
	padding:20px 135px 0;
	width:630px;
	background:url(../images/bg_awards.gif) no-repeat 50% 0;
	color:#f1ba38;
	margin:0 auto;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center
}

#navHp {
	padding:329px 0 0 450px;
	clear:both
}

#navHp li {
	float:left;
	display:inline;
}

#navHp li a {
	height:43px;
	width:135px;
	text-indent:-2000em;
	display:block
}

#navHp li#hpBook a {
	width:95px;
}

#navHp li#hpArt a {
	width:84px;
}

#navHp li#hpAbout a {
	width:66px;
}

#navHp li#hpSoon a {
	width:120px;
}

#hpGet a {
	display:inline;
	float:left;
	margin:44px 0 0 46px;
	width:404px;
	height:218px;
	text-indent:-2000em
}

#hpMov {
	float:left;
	display:inline
}

h2 {
	display:inline;
	font-size:13px
}

/* 
PRODUCT BOXES 
*/
/* Central Col Boxes */
.pBox {
	border:1px solid #f7f7f7;
	float:left;
	display:inline;
	border-collapse:collapse;
	color:#000;
	font-size:12px;
	height:218px;
	margin:0 14px 16px 13px;
	overflow:hidden;
	text-align:center;
	width:139px;
	padding:8px 16px
}

.wBox .pBox {
	border:none;
	margin:0;
	padding:8px
}

.pBox h5 a, .rvBox h5 a {
	display:block;
	font-size:10px;
	height:26px;
	margin-bottom:0px;
	margin-top:4px;
	overflow:hidden
}

.pBox h5 a:hover, .rvBox h5 a:hover, .pBrand h5 a:hover, .pCat h5 a:hover {
	text-decoration:underline
}

.pImg img, .pImgM img {
	border:1px solid #4B4B4B;
	clear:both;
	height:123px;
	margin:0 auto;
	text-align:center;
	width:123px
}

.pPrice, .rvPrice {
	color:#888;
	line-height:22px;
	font-size:12px
}

/* Rel Products */
#pRel .pBox {
	height:198px
}

#pRel .pBox .sku {
	margin-bottom:4px
}

/* More Images */
#pMoreImages .pBox {
	height:150px
}

/* Side Boxes */
.sBox {
	border:none;
	float:none;
	clear:both;
	width:100%;
	height:auto;
	padding:10px 8px 0
}

.sBox .pBoxIn {
	padding-bottom:8px;
	clear:both;
	float:none;
	width:100%;
	overflow:hidden
} /* needed for ie6-7*/

.sBox h5 a {
	height:auto
}

.sBox .pImg img {
	width:100px;
	height:100px
}

.sBox .pPrice {
	font-size:14px;
	line-height:24px
}

/********** Recently Viewed Boxes **********/
/* Vertical */
.rvBox {
	clear:both;
	overflow:hidden;
	margin-bottom:12px
}

.rvBox h5 a {
	height:56px
}

.rvImg img {
	float:left;
	border:1px solid #4B4B4B;
	clear:both;
	height:100px;
	margin:0 8px 0 0;
	text-align:center;
	width:100px
}

/* Horizontal (at view cart page) */

#frontend_addcart #cRecentlyViewed {
	text-align:center
}

#frontend_addcart #cRecentlyViewed h4 {
	text-align:left
}

#frontend_addcart .rvBox {
	clear:none;
	display:inline-block;
	margin:3px 47px 3px 48px;
	width:102px
}

#frontend_addcart .rvBox h5 a {
	height:26px
}

#frontend_addcart .rvImg img {
	float:none;
	margin:0
}

/* 4 ie6-7 */
*:first-child+html #frontend_addcart .rvBox {
	float:left
}

* html #frontend_addcart .rvBox {
	float:left;
	display:inline
}

/* EOF PRODUCT BOXES */
/* BRANDS AND CATEGORIES BOXES */
.pBrand, .pCat {
	float:left;
	display:inline;
	border-collapse:collapse;
	color:#000;
	font-size:12px;
	height:156px;
	margin:0 14px 8px 13px;
	overflow:hidden;
	text-align:center;
	width:139px;
	padding:8px 16px
}

.pBrand h5 a, .pCat h5 a {
	display:block;
	font-size:12px;
	line-height:26px;
	height:26px;
	margin-top:4px;
	overflow:hidden
}

.pBrandImg img, .pCatImg img {
	border:1px solid #ccc;
	clear:both;
	height:123px;
	margin:0 auto;
	text-align:center;
	width:123px
}

/*
SIDE BOXES PAN + INNER PAGES BOXES
*/
.sPan, .inPan {
	text-align:center;
	font-size:12px;
	color:#666;
	margin:0 1px 11px
}

.sH {
	background: url(../images/bg.gif) no-repeat 0 0;
	border-bottom:1px solid #e1e1e1;
	height:24px
}

.sH h4 {
	font-size:11px !important;
	color:#fff !important;
	font-weight:normal !important;
	line-height:22px !important
}

.sBody h4 {
	font-size:12px;
	font-weight:bold
}

.sBody {
	padding:6px 8px 10px;
	background: #eeeeee no-repeat 0 100%;
	line-height:16px
}

.sBody ul {
	margin:2px 0 8px 8px;
	text-align:left
}

.sBody a:hover {
	color:#ff1a00;
	text-decoration:underline
} /* side columns hover */

.sBody select {
	width:98%;
	margin:0 auto;
	text-align:center
}

/*
Side boxes special cases
*/
#sNewsletter {
	border-top:1px solid #e1e1e1
}

#sNewsletter #sNLEmail {
	width:80%;
	color:#999;
	margin:6px auto;
	text-align:center
}

#sSearchInput {
	display:inline;
	width:75%
}

/*
INNER PAGES BOXES
*/
.inPan {
	width: 169px;
	margin:28px auto
}

.inPan .sH h4 {
	border:none !important;
	margin:0 !important;
	height:auto !important
}

/************
INNER PAGES 
************/
h3 {
	font-size:18px;
	color:#f5c423;
	text-transform:capitalize;
	clear:both;
	display:block;
	margin:14px 0 18px;
	text-align:center
}

#mc h4 {
	font-size:14px;
	line-height:22px;
	height:22px;
	clear:both;
	display:block;
	color:#F5C423;
	margin:0 0 16px
}

.emptyPage {
	text-align:center
}

#mc p {
	margin:16px 0
}

.pTxt h5 {
	font-size:13px;
	margin:16px 0
}

.pTxt dl {
	padding:1em 0
}

.pTxt dt {
	font-weight:bold;
	padding:0.2em 0
}

.pTxt dd {
	padding:0.2em 0 0.8em
}

/* LOADER */
.ploader {
	top:128px;
	position:absolute;
	z-index:999;
	width:97%;
	height:56px;
	line-height:56px;
	text-align:center;
	display:none
}

.ploader .ploader-content {
	width: 218px;
	padding: 4px;
	margin:0 auto;
	height:56px;
	line-height:56px;
	background-color:#f1f1f1;
	font-size: 14px;
	border:1px solid #fff;
	text-shadow:#CCC;
	color:#666;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px
}

* html .ploader .ploader-content {
	padding: 28px 4px;
	height:auto
}

/* PAGINATION */
.pages {
	clear:both;
	margin:1em 0;
	clear:both;
	background:#eee;
	border:1px solid #e6e6e6;
	line-height:34px;
	height:34px;
	font-size:10px
}

.toPage {
	right:28px;
	position:absolute
}

* html .toPage {
	padding-top:8px
}

.paging {
	position:absolute;
	right:156px;
	margin-top:8px;
	font-size:11px
}

* html .paging {
	height:34px;
	overflow:hidden
}

.paging li {
	display:inline;
	float:left;
	margin:0 2px
}

.paging li a, .paging li a.pOn:hover {
	color:#333;
	font-weight:bold;
	background:#fff url(../images/bg_vert.gif) repeat-x 0 -103px;
	line-height:18px;
	height:18px;
	border:1px solid #ccc;
	width:18px;
	text-align:center;
	display:block
}

.paging li a.pOn, .paging li a:hover {
	color:#fff;
	background-position:0 -128px;
	background-color:#666
}

.paging .pNext *, .paging .pPrev * {
	width:46px
}

.paging .pPrev span, .paging .pNext span {
	color:#e4e4e4;
	font-weight:bold;
	background:#fff;
	line-height:18px;
	height:18px;
	border:1px solid #f1f1f1;
	text-align:center;
	display:block
}

span.pageSum {
	margin-left:1em;
	float:left
}

/* Product Page */


#pPane {
	clear:both;
	padding-left:268px;
	margin-top:10px
}

.pImgM {
	text-align:left;
	width:256px;
	float:left;
	display:inline;
	margin:0 12px 1em -268px;
	overflow:hidden
}

.pImgM .p_lb img {
	width:248px;
	height:250px;
	border:#4b4b4b 1px solid
}

.pImgM li {
	float:left;
	display:inline;
	margin:2px 4px 0 0
}

.pImgM li a {
	float:left;
	display:inline;
	text-align:center;
	text-decoration:none;
	border:1px solid #4B4B4B;
}

.pImgM #butsUImg {
	float:left;
	margin-bottom:6px
}

.pImgM #butsUImg li a {
	text-align:left;
	padding-left:36px;
	margin-top:4px;
	height:24px;
	line-height:24px;
	width:86px;
	background:url(../images/bg_product.gif) no-repeat 0 0;
	font-size:10px;
	border:none;
	font-weight:bold;
	color:#666;
	overflow:hidden
}

.pImgM #butsUImg li#emailFriend a {
	background-position: -140px 0;
	margin-left:2px
}

.pImgM #butsUImg li a:hover {
	color:#333
}

#mc .pImgM p {
	margin:0 0 4px;
	text-align:center;
	font-size:13px;
	color:#666;
	display:block
}

.pImgM #altViews li {
	margin-top:4px
}

.pImgM #altViews img {
	width:58px;
	height:58px;
	border:none
}

.pData {
	clear:right;
	position:relative;
	font-size:12px;
}

.pData img {
	vertical-align:middle
}

h3#pHead {
	color:#F5C423;
	font-size:24px;
	font-weight:normal;
	margin-bottom:0.68em;
	clear:right;
	text-align:left
}

.pData .price {
	color:#F5C423;
	font-size:16px;
	line-height:24px;
	font-weight:bold
}

#pShortDescr {
	padding-bottom:18px/*	use when short description below addtocart
	border-top:#ccc 1px solid;
	padding-top:8px;
	margin-top:8px*/
}

#pAddCart {
	/*	use when no options on page
	display:inline;
	float:right;
	margin-top:-22px;
	width:168px; */
	font-size:14px;
	font-weight:bold;
}

#pAddCart img {
	display:block;
	margin-left:auto;
	text-align:right;
	margin-right:20px
}

#pAddCart #pg_wrap {
/*	use when no options on page
	margin-top:-22px;
	width:168px;*/
}

.pSelects {
	bottom:36px;
	position:absolute;
	right:0
}

.pSelects select {
	margin-left:2px;
	width:114px
}

#pAddCartPan {
	bottom:8px;
	position:absolute;
	right:0
}

#pAddCart input#qty {
	width:20px;
	text-align:center;
	margin-left:4px;
	margin-top:7px
}

#pAddCart label {
	margin-top:7px
}

#pAddCart fieldset * {
	float:left
}

#pDescr {
	margin-top:1em;
	clear:both
}

.pMore ul {
	list-style: disc;
	margin:1em 2em
}

/* Search*/

#sForm {
	margin-bottom:2em;
	clear:both
}

/* Characters and Art Pages LightBoxz */

#characters div.cntr {
	color:#666;
	font-size:11px;
}

ul.lb_images {
	margin:2em auto;
	width:700px;
	clear:both
}

ul.lb_images li {
	font-size:10px;
	text-align:center;
	float:left;
	width:120px;
	height:120px;
	margin:7px
}

ul.lb_images li img {
	padding:2px;
	display:block;
	border:1px solid #222;
}

ul.lb_images li b {
	display:block;
	line-height:11px;
	margin-top:4px;
}

li#char_samuel {
	margin-left:142px
}

#bot_but {
	clear:both
}

/* Art Pages */

ul.lb_pages {
	margin:0 auto;
	width:435px;
	height:408px;
	clear:both
}

ul.lb_pages li {
	float:left;
	width:79px;
	height:122px;
	margin:4px
}

ul.lb_pages li img {
	display:block;
	width:79px;
	height:122px;
}

/* The book */

.rcTxt {
	float:right;
	display:inline;
	text-align:center;
	padding-top:2em
}

.lcTxt {
	float:left;
	display:inline;
	width:468px;
}

#rebateGet {
	display:block;
	text-align:center
}

.lcTxt h3 {
	text-align:left
}

/* Coming soon */
ul.lb_soon, ul.lb_soon li {
	display:inline;
	text-align:center
}

/* PR */
#pr .rcTxt {
	width:188px
}

#pr .lcTxt {
	width:600px
}

.lb_pr li {
	width:188px;
	margin:3.4em 0
}

.lb_pr li:first-child {
	margin-bottom:6em
}

.lb_pr li img {
	display:block
}

.lb_pr li a {
	text-decoration:none !important;
	font-size:10px;
	text-align:center;
}

/* Awards */
#awards #mcc {
	width:900px
}

#awards .pTxt {
	width:900px;
	height:200px;
	text-indent:-2000em;
	background:url(../images/awards.gif) no-repeat 50% 0
}

/* EOF Inner Pages */

/*
             .-"-._( ) )
            /  ,  ,  66\
     `======\   )_\\=\_o)=   FORMS and Buttons 
             `~~"~ `"
*/
input, select, textarea {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:middle
}

a:active, input:active, * :focus {
	outline: none
}

/* ff way to remove outline from submit button
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
border: none
} */
form {
	display:inline
}

/*
**************
MAIN BUTTONS
**************
*/

.buttons {
	margin:8px 0 0
}

.but {
	cursor:pointer;
	border:0;
	overflow:hidden;
	background: url(../images/bg_al.gif) repeat-x 0 0;
	color:#fff;
	font-weight:bold;
	padding:1px 2px 3px;
	height:18px;
	line-height:15px;
	vertical-align:middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
} /* some maneuvers to make it similar in all browsers, change carefully! */

.boxSubmit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:0 8px 3px !important;
	margin:6px 0
}

input.vcbutblue, input.vcbut, input.cfbut, ul.checkout_opts .opt_button_wrap input.opt_button {
	background:url(../images/bg_al.gif) repeat-x 0 -318px transparent;
	border:0 none;
	color:#FFFFFF !important;
	cursor:pointer;
	font-size:12px !important;
	font-weight:bold;
	height:20px;
	line-height:20px;
}

input.vcbut {
	background-position:0 -236px;
	width:108px !important;
}

input.cfbut {
	background-position:0 -275px;
}

ul.checkout_opts .opt_button_wrap input.opt_button {
	width:125px !important;
}

.pDel {
	display:block;
	width:18px;
	height:18px;
	text-indent:-2000px;
	background:url(../images/del.gif) no-repeat 0 0;
	margin-top:2px;
}

#createAccCol .panIn a {
	background:url("/smarty/templates/images/bg_al.gif") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-weight:bold;
	height:46px;
	line-height:46px;
	margin:8px auto;
	text-align:center;
	width:181px;
}

input#butCOLogin, #butCOContinue {
	background:url(../images/bg_pancologin.gif) no-repeat 0 -270px;
	width:160px !important;
	height:34px;
	margin:0;
	font-weight:bold;
	font-size:12px;
	text-align:center
}

#butCOContinue {
	background-position:-201px -270px;
	width:177px !important
}

input#pButAddCart {
	width:110px;
	height:28px;
	background:url(../images/addtocart_but.gif) 0 0;
	text-indent:-2000em;
	line-height:200em;
	margin-left:4px
}