/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

BODY { background: #E5E5E5; background-color: #E5E5E5; color: #000000; margin: 0px; background-image: url('/images/layout/page-break2.png'); background-repeat: repeat-y; background-position: center top;  }

/* HEADER */
.layoutHeaderBackground { height: 110px; background-image: url('/images/layout/page-header.png'); background-repeat: repeat-x; background-position: left top; }

#layoutHeader { width: 978px; height: 110px; }
	.layoutHeaderLogo { float: left; width: 200px; margin-top: 15px; text-align: left; }
	#layoutHeaderNavi { float: right; width: 750px; }
		.layoutHeaderNaviPromo { float: left; width: 150px; padding-left: 4px; margin: 0px; color: #FFF; text-align: right; }
		.layoutHeaderNaviLink { border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; }
		.layoutHeaderNaviBlog { float: left; width: 180px; padding-left: 4px; margin: 0px; text-align: right; background-image: url('/images/layout/page-header-blog.png'); background-repeat: no-repeat; background-position: right top; }

	.layoutNaviSearch { float: left; width: 300px; }
		#boxSearch { height: 32px; }
			.boxSearchField { float: left; padding: 0px 5px; }
			.boxSearchInput { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; padding: 2px; width: 150px; border: 1px solid #333; }
			.boxSearchSubmit { float: left; padding: 2px 5px 0px 0px; width: 21px; }

#layoutFooter { border-top: 2px solid #BBB; background: #FFF; background-color: #FFF; padding-top: 10px;  }
	#layoutFooterContent { width: 988px; }
		#layoutFooterNaviLinks { margin: 0px; padding: 0px; text-align: left; }
			#layoutFooterNaviLinks UL { margin: 0px; padding: 0px; }
			#layoutFooterNaviLinks LI { margin: 0px; padding-left: 10px; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; list-style: none; }
			#layoutFooterNaviLinks A { color: #333; text-decoration: none; }


/* SITE LAYOUT */
#layoutBody { width: 988px; }
	/* MAIN VIEW */
	#layoutBodyMain { float: left; width: 780px; padding: 0px 10px 40px 10px; }

		/* SIDEBAR NAVI */
		.layoutBodyNavi { float: left; width: 190px; text-align: left; }
			DIV.boxSidebarHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #E81113; padding: 0px 5px 0px 5px; border-bottom: 1px solid #888; text-align: left; }
			DIV.boxList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
				a:link.boxListLink { color: #333; text-decoration: none; }
				a:hover.boxListLink { color: #00aeff; text-decoration: none; }
				a:visited.boxListLink { color: #333; text-decoration: none; }
				a:active.boxListLink { color: #000; text-decoration: none; }
			DIV.boxListSelect { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: bold; }
				a:link.boxListLinkSelected { color: #00AEFF; text-decoration: none; }
				a:hover.boxListLinkSelected { color: #000; text-decoration: none; }
				a:visited.boxListLinkSelected { color: #00AEFF; text-decoration: none; }
				a:active.boxListLinkSelected { color: #000; text-decoration: none; }

		/* CENTER PAGE VIEW */
		.layoutBodyContent { float: left; width: 550px; padding: 0px 0px 0px 25px; }
			.boxPageTitle { clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #E81113; padding: 0px 5px 5px 5px; border-bottom: 1px solid #888; text-align: left; }
			.boxPageTitleJP { clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #777; padding: 0px 5px 10px 5px; text-align: right; }

			#boxBlogFeatured { clear: both; width: 560px; height: 170px; margin-bottom: 10px; background: #333; color: #FFF; }
				.boxBlogFeaturedSummary { float: left; width: 140px; padding: 10px; }
				.boxBlogFeaturedImage { float: right; width: 400px; }
			#boxBlogHeader { clear: both; width: 560px; background: #333; color: #FFF; }		
	/* END MAIN VIEW */

	/* SIDEBAR OTHER */
	.layoutBodySidebar { float: right; width: 188px; padding-top: 10px; }
		#boxSidebar { clear: both; background: #333; padding: 5px 0px; margin-bottom: 10px; }
		.boxSidebarHeaderOther { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #FFF; padding: 0px 5px 5px 5px; text-align: left; }

	.layoutBodyPageBreaker { background-color: #FFF; color: #FFF; height: 1px; border: 0px; }
	

/* NEW PRODUCTS MODULE */
DIV.productsNewDate { padding: 5px; border-bottom: 1px dotted #888; text-align: left; }


/* PRODUCT LISTING/INFO */
#productList { clear: both; }
	.productsListThumbnail { float: left; width: 130px; height: 170px; padding-top: 8px; text-align: center; background-image: url('/images/layout/product-list-background.png'); background-repeat: no-repeat; }
	.productsListThumbnailBorder { border: 1px solid #AAA; }

	#productsListInfo { float: right; width: 400px; padding: 5px; text-align: left; }
		.productsListInfoSeries { float: left; width: 48%; border-bottom: 1px dotted #BBB; padding: 0px 0px 3px 0px; }
		.productsListInfoTitle { float: left; width: 48%; font-weight: bold; padding: 3px 0px 0px 0px; }
		.productsListDetailsBy { float: left; width: 20px; text-align: left; padding: 3px 0px; }
		.productsListDetailsInfo { float: left; width: 43%; padding: 3px 0px; }
		.productsListDetailSpacer { float: left; width: 1px; }
	.productsListBuy { float: left; width: 120px; margin-top: 20px; }


#productListTable { clear: both; border-bottom: 1px dotted #BBB; }
	.productListTableTitle { float: left; width: 60px; text-align: left; font-weight: bold; padding: 5px 0px; }
	.productListTableDetails { float: left; width: 240px; text-align: left; padding: 5px 0px; }
	.productListTableDetailsFull { float: left; width: 480px; text-align: left; padding: 5px 0px; }

	.productListTableDetailsFig { float: left; width: 220px; text-align: left; padding: 5px 0px; }
	.productListTableFigureAffName { float: left; width: 140px; text-align: left; padding: 5px 0px; }
	.productListTableFigureAffCost { float: left; width: 60px; text-align: center; padding: 5px 0px; }
	.productListTableFigureAffLink { float: right; width: 70px; text-align: right; padding: 5px 0px; font-weight: bold; }

	.productListTableTitleManga { float: left; width: 80px; text-align: left; font-weight: bold; padding: 5px 0px; }
	.productListTableDetailsManga { float: left; width: 200px; text-align: left; padding: 5px 0px; }

	DIV.productListPages { text-align: right; }


/* PRODUCT INFO */
#productDisplay { clear: both; }
	.productDisplayInfo { float: right; width: 300px; text-align: left; }
	.productDisplayThumbnailCovers { float: left; width: 240px; text-align: center; padding-top: 10px; border: 1px solid #777; background: #EEE; }
		.productDisplayThumbnailCoversFront { float: left; width: 49%; text-align: right; }
		.productDisplayThumbnailCoversBack { float: right; width: 49%; text-align: left; }
	.productDisplayPrice { clear: both; padding: 10px; text-align: center; }

TABLE.pageFooterBackground {
	border-top: 2px solid #BBB;
}


/* GLOBAL LAYOUT */
.padSmall { padding: 5px; }
.padMedium { padding: 10px; }

.textSmall { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; }
.text { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; }
.textMedium { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 18px; }
.textLarge { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 32px; }
.textSpecial { color: #F64D00; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textJustify { text-align: justify; }

.textNews { color: #E81113; }

a:link { color: #0046B9; text-decoration: none; }
a:hover { color: #E81113; text-decoration: none; }
a:active { color: #0046B9; text-decoration: none; }
a:visited { color: #E81113; text-decoration: none; }

a.offset:link { color: #333; text-decoration: none; }
a.offset:hover { color: #00AEFF; text-decoration: underline; }
a.offset:active { color: #333; text-decoration: none; }
a.offset:visited { color: #333; text-decoration: none; }

LI { margin-bottom: 10px; }
P { margin: 0px 0px 10px 0px; padding: 0px; }

TABLE.boxAccount {
	background: #dd5e00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 10px;
}

#boxAccountList { margin: 0; padding: 0; }
	#boxAccountList LI { margin: 0; list-style: none; font-size: 12px; border-bottom: 1px dotted #888; }

TD.productInfoTitle {
	background: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
}

TABLE.productInfoBoxCovers {
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-top: 1px solid #BBB;
}

TD.productInfoBoxBuy {
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
}

HR { clear: both; background-color: #E81113; color: #dd5e00; height: 1px; border: 0px; margin: 0px; }


H5 { clear: both; margin: 5px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #E81113; }
H5.productTitle { color: #0046B9; }
  .productTitleJ { color: #777; }
  .productSpecs { color: #0046B9; text-align: left; padding: 10px 0px; }
H4 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444; }
H3 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-align: right; margin: -7px 0px; }
H2 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
H1 { padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }

BLOCKQUOTE {
	margin: 20px 10px 10px 10px;
}

FORM {
	margin: 0px;
	padding: 0px;
}



/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; border: 1px solid #B00; padding: 5px; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; border: 1px solid #4B0; padding: 5px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; }

/* end message box */

/* BOF osC reCAPTCHA */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color: #f8f8f9 !important; /* reCaptcha widget background color */
}

#recaptcha_table {
   border-color: #f8f8f9 !important;     /* reCaptcha widget border color */
}

#recaptcha_response_field {
   border-color: #b6b7cb !important;     /* Text input field border color */
   background-color:#ffffff !important;  /* Text input field background color */
   color: #000000                        /* Text input field font color */
}
/* EOF osC reCAPTCHA */


/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar { /* Color of main horizontal menubar and border */

}

.horizitem { /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: right;
	white-space: nowrap;
	padding: 5px;
}

.horizitem a { /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 18px;	
	font-weight: bold;
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited { /* Font style & color of main menu items */
	color: #FFF;
	text-decoration: none;
}

.horizitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */
	color: #FFF;
	text-decoration: none;
}

.horizitem a:active { /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	text-decoration: none;
}

.horizsubmenu { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe { /* Color of submenu item and border */
	background-color: #444;
	color: #FFF;
	position: relative;
	display: block;	
}

.horizsubitem { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a { /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	padding: 5px;
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited { /* Font color, style of submenu items */
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}

.horizsubitem a:hover { /* Font color, style, background submenu color of submenu item when hovered over */
	color: #FFF;
	background-color: #E81113;
	text-decoration: none;
}

.horizsubitem a:active	{  /* Font color, style, background submenu color of submenu item when clicked */
	color: #FF0;
	background-color: #444;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{  /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #000;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #8e0d00;
}