/*
  $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
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	background: #ffffff;
	margin: 0px auto 0px auto;
	min-width:960px;
}

A {
  color: #282878;
  text-decoration: none;
}

A:hover {
  color: #666666;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
}

A.headerNavigation:hover {
}


.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #0096B4;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
	border: 1px solid #B6B7CB;
	padding: 5px 3px 5px 3px;
	margin-bottom: 5px;
	background-color: #FFF0FF;
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.infoBoxNotice_alert {
	padding: 5px;
	border: 1px solid #FF8E90;
	background: #FFE6E6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	height: 25px;
	background-color: #009696;
}

TD.infoBoxHeading img{
	margin-top: -11px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd td, TR.addressBook-odd td, TR.alsoPurchased-odd td, TR.payment-odd td, TR.productListing-odd td, TR.productReviews-odd td, TR.upcomingProducts-odd td, TR.shippingOptions-odd td {
	background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	background: #F5F5F5;
}

TABLE.productListing, TABLE.accountHistory {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

a.productListing-heading {
	padding: 0px;
	color:#FFFFFF;
}

td.productListing-heading, .accountHistory-heading td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0096B4;
}

a.productListing-heading:hover, .accountHistory-heading td:hover {
	color:#FFFFFF;
}

TD.productListing-data, .accountHistory-data td{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 10px;
}

.accountHistory-data td {
  text-align: center;
}

.ord_hist_det {
	margin-bottom: 5px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
	margin-bottom: 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
}

.pageHeading_image {
	text-align:right;
	margin: -45px 0px 15px 0px;
}


TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

.main {
}

.smallText {
  font-size: 11px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

#search_table {
	background-color: #FFF0FF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#search_table .fieldKey {
	text-align:right;
	padding: 5px;
}

#search_table .fieldValue {
	padding: 5px;
}

#search_table .fieldValue select, #search_table .fieldValue input{
	padding: 2px;
	font-size: 12px;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffb3b5; padding: 5px }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #CCff99; padding: 5px }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ff0000; }



/****************************/
/* CSS added by Adrian Liew */
/****************************/

#header {
	text-align:center;
	border-bottom: 1px solid #000039;
	margin-bottom: 5px;	
}

#top_bar {
	font-size: 12px;
	padding:5px 10px 2px 10px;
	margin: 0px -5px 15px -5px;
	height: 18px;
	border-bottom: 1px solid #CCCCCC;
}

#breadcrumb {
	font-weight:bold;
	float: left;
}

#account_link {
	font-weight:bold;
	float:right;
}

#columnL {
	margin-left: 10px;
	width: 160px;
	float: left;
}

#columnR {
	margin-right: 10px;
	width: 180px;
	float: right;
}

#main_content {
	margin: 5px 205px 0px 185px;
}

.error_msg {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 100px 0px 130px 0px;
}

.cart_butt {
	text-align: center;
	margin: 5px 0px 0px 0px;
}

.cart_item_space {
	margin-bottom: 5px;
}

.cart_item_name {
	width: 135px;
}

.pg_bottom {
	margin-top: 15px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
	text-align:center;
}

.pg_bottom span{

}

#pdt_name, #pdt_price {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	margin-bottom: 5px;
}

#pdt_price {
	padding: 5px;
	background-color:#EEEEFF;
}

#pdt_big_img {
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	margin: 0px auto 10px auto;
	float: none;
}

#pdt_desc_div {
	margin: 0px 0px 20px 0px;
	float: none;
}

#pdt_desc_text {
	padding: 0px 0px 20px 15px;
}

#pdt_review_link {
	font-weight:bold;
	text-decoration: underline;
}

.review_header{
	margin: 10px 0px 0px 0px;
}

#pdt_options_cart {
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin: 0px 20px 0px 20px;
}

#pdt_options .header{
	font-weight: bold;
}

#pdt_options_div {
	text-align: center;
	margin: 10px 0px 20px 0px;
	background-color: #FFFFE6;
	border: 1px solid #CCCCCC;
}

#pdt_options_div div{
	padding: 10px;
}

#pdt_options_div select{
	font-size: 12px;
}

#pdt_cart {
	text-align:center;
}

#pdt_cart img{
	padding: 0px 35px 0px 35px;
}

#also_purchased {
	width: 100%;
}

#also_purchased .header, #new_products .header{
	border-top: 1px dashed #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	color: #555555;
	margin-bottom: 10px;
}

.pdt_small {
	padding: 10px 10px 0px 10px;
	width: 103px;
	font-size: 11px;
	text-align: center;
	float:left;
	line-height: 1.2;
}

.pdt_small img{
	margin-bottom: 5px;
}

#cat_manu_logo {
	float:right;
}

#cat_manu_sel {
	float:right;
}

.cart_item {
	padding: 5px;
}

.cart_subtotal {
	font-weight: bold;
	padding: 10px 5px 10px 5px;
	border-top: 1px solid #CCCCCC;
	background-color: #F5F5FF;
}

.sort_arrow {
	border: none;
	margin: 0px 0px 2px 5px;
}

.paging {
	margin: 5px 0px 5px 0px;
}

#new_products {
	margin-top: 30px;
}

.slir {
}

.slir img{
	border: 1px solid #CCCCCC;
	margin: 3px;
}

.new_pdt_more {
	padding: 2px 7px 2px 7px;
	margin: 3px 10px 0px 0px;
	font-size: 12px;
	float:right;
	border: 1px solid #CCCCCC;
}

#pvc_preorders {
	margin-bottom: 15px;
}

#pvc_preorders .header {
	color: #555555;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	background-color: #F0F0FF;
	margin-bottom: 5px;
}

#pvc_preorders .footer {
	margin-top: 5px;
	padding: 2px;
	background-color: #F0F0FF;
}

#index_news table{
	border: 1px solid #CCCCCC;
}

.news_text {
	padding: 5px;
}

.news_header {
	font-weight: bold;
	font-size: 18px;
}

#kknm_twitter {
	font-size: 11px;
	margin-bottom: 10px;
}

#kknm_twitter a{
	text-decoration: underline;
	font-weight: bold;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p{
	font-size: 11px;
}

.twtr-hd, .twtr-ft div {
	padding: 5px !important;
}

#rcol_news, #lcol_news {
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
	background-color:#F0F0FF;
	border: 1px solid #CCCCCC;
	text-align:center;
	margin-bottom: 5px;
}

#rcol_news img, #lcol_news img{
	border:none;
}

#tooltip {
	position: absolute;
	background-color: #FFFFDC;
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	z-index: 10;
}

.showhide_layer {
	visibility: hidden;
}

#search_help, #cart_help {
	font-size: 11px;
	width: 420px;
	background-color: #F0F0FF;
	border: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
	margin: -40px 0px 0px 20px;
	float: right;
	position:absolute;
	z-index: 5;
}

#search_help .header, #cart_help .header{
	background-color: #0096B4;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	margin: 0px -5px 10px -5px;
}

.close_link {
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
}

#cart_note {
	font-size: 11px;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	background-color: #FFFFDC;
	border: 1px solid #CCCCCC;
}

#login_table .infoBox{
	padding: 0px 10px 70px 10px;
	font-size: 12px;
}

.login_butts {
	text-align:right;
}

.login_butts div{
	position:relative;
	margin-top: -45px;
	z-index: 5px;
}

#account_content {

}

#account_content td {
	padding: 5px;
}

#account_content table.infoBox {
	padding: 10px;
	margin-bottom: 15px;
}

#account_content .cat_header{
	font-weight: bold;
	font-size: 14px;
}

#account_content .align_r {
	padding-right: 10px;
	width: 230px;
}

#account_content input, #account_content select{
	font-size: 12px;
	padding:2px;
	width: 200px;
}

.order_info td{
	padding: 2px !important;
}

.order_conf_info {
	padding: 5px 5px 10px 10px;
}

.list_cat_header {
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

.cat_name {
	margin-bottom: 5px;
}

.cat_dot {
	width: 5px;
	height: 5px;
	margin: 0px 0px 2px 2px;
}

.cat_div {
	margin-top: 2px;
}

.cat_full_text {
	position: absolute;
	background-color:#FFFFEE;
	padding: 2px;
	margin: -3px 0px 0px -3px;
	border: 1px solid #CCCCCC;
	visibility: hidden;
}

.cat_link {
	position: relative;
	z-index: 5;
}

#kknm_fb {
	/*float: right;
	padding: 5px;
	width: 240px;*/
	height: 250px;


}

#release_list{
	margin-bottom: 5px;
}

#rl_thumbs {
	margin-top: 5px;
}

#release_list .slir img{
	margin: 3px;
}

#new_arrivals {
	position:absolute;
	margin: -30px 0px 0px -15px;
	z-index: 10;
}

#new_arrivals_date {
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	margin-left: 120px;
	text-align:right;
}

#rl_thumbs span{
	visibility: hidden;
}

#rl_showall, #new_pdt_showall {
	position:absolute;
	z-index: 2;
}

#rl_showall div, #new_pdt_showall div{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 60px;
	width: 100px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-top: 40px;
	margin: 3px;
}

#rl_showall div:hover, #new_pdt_showall div:hover{
	text-decoration: underline;
}

#new_pdt_content span{
	visibility:hidden;
}

#kknm_intro {
	padding: 5px 0px 35px 15px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCCCCC;
	background-image: url(images/kknm_mascots.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#kknm_intro h2{
	margin-left: -15px;
}

#old_release_lists {
	background-color:#F0F0FF;
}

#old_release_lists td{
	padding: 10px;
}

#old_release_lists td a{
	text-decoration: underline;
}

#shop_news {
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 15px 15px 40px 15px;
	background-image: url(images/kknm_mascots.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#browser_notice {
	padding: 10px;
	border: 1px dashed #CCCCCC;
	margin-right: 260px;
	background-color: #FFFFEE;
}

#browser_notice a{
	font-weight: bold;
	text-decoration: underline;
}

#footer {
	padding-top: 20px;
	clear:both;
}

#footer .text{
	font-size:9px;
	padding: 0px 10px 0px 0px;
	text-align:right;
}

.align_r {
	text-align:right;
}

.clear {
	clear:both;
}