/* Template CSS file - Ninjiom.com - Main Template
*/

* {
margin:0;
padding:0;
}

body {
	text-align:left;
	font-size:80%;
	font-family:Tahoma, Arial, Helvetica, sans-serif, PMingLiu, MingLiu;
	font-weight: 100;
	letter-spacing: 0em;
	line-height:2;
	background-color: #FFF;
	color:#000;
}


.contact_email {
	border:none;
	margin: -55px 0 0 10px	;
	padding: 0;
	width: auto;
}

.table_link {
	display: block;
	float: left;
	color:#000;
	text-align:left;
}

.table_link ul {
	list-style:none;
	margin: -5px 0px 0px -13px;
	padding: 0px;
	color:#000;
	text-align:left;
}

.table_link li {
	padding: 7px 7px 7px 20px;
	border-top: 1px solid #993333;
	color:#000;
	width:174px;
	line-height:1.5;
	text-align:left;
}

.table_link a:hover, .table_link li a:hover {
color:#000;
}

.table_link li a:link,.table_link li a:visited, .table_link a:link,.table_link a:visited {
color:#000;
}


.solidlink {
color:#000;
}

.solidlink a:hover {
color:#333;
}

.solidlink a:link,.solidlink a:visited {
color:#999;
}

/* PAGE STRUCTURE
------------------------------------------------------------------------------- */
#wrap {
	min-width:903px;
	max-width:903px;
	width:auto !important;
	width:903px;
	text-align:left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 2px solid #CCC;
	padding-top: 14px;
	padding-right: 23px;
	padding-bottom: 14px;
	padding-left: 23px;
}

#leftfauxcol {
background:url(../images/leftslidingcolumn.png) 20% 0;
}

#rightfauxcol {
background:url(../images/rightslidingcolumn.png) 80% 0;
}

#header {
color:#fff;
background:url(../images/header.png);
background:#fff;
height:20px;
position:relative;
}

#header h1 {
font-family:Arial, Helvetica, sans-serif small-caps;
font-variant:small-caps;
font-stretch:expanded;
padding-left:20px;
}

#header input {
background:url(../images/search.png) no-repeat;
border:0;
height:22px;
width:168px;
font:12px Arial, Helvetica, sans-serif;
padding:2px;
}

#header .search {
position:absolute;
top:20px;
right:20px;
}

#logo {
border:0;
margin:0;
padding: 10px 0 0 0;
}

#logo_line {
background:url(../images/logo_line2.gif) no-repeat;
border:0;
height:2px;
width:800px;
margin:15px 0 10px 0;
}

#top .moduletable h3 {
color:#fff;
background:none;
text-align:left;
font:2.5em Arial, Helvetica, sans-serif normal;
font-stretch:expanded;
margin:10px 10px 0 10px;
padding:10px;
}

#top .moduletable {
font:bold 1em/1.2 Tahoma,Arial, Helvetica, sans-serif;
color:#fff;
border:0;
margin:0;
padding:20;
}

#contentpart {
	margin: 0;
}

#pillmenu, #pillmenu_bottom  {
	float: left;
	margin: 0;
}

#pillmenu ul {
	margin: 0 0 0 -5px;
	padding: 0;
	list-style: none;
}

#pillmenu li, #pillmenu_bottom li {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px;
}

#pillmenu li:hover, #pillmenu_bottom li:hover {

}

#pillmenu li a#active_menu-nav, #pillmenu_bottom li a#active_menu-nav {
	
}

#pillmenu li a {
	font-size: 12px;
	float: left;
	display: block;
	line-height: 20px;
	padding: 0 13px 0 13px;
	color: #993333;
	text-decoration: none;
	font-weight: bold;
}

#pillmenu li a:hover {
	color: #999;
}

#pillmenu_bottom ul {
	margin: 0 0 0 -8px;
	padding: 0;
	list-style: none;
}
#pillmenu_bottom li a {
	font-size: 12px;
	float: left;
	display: block;
	line-height: 20px;
	padding: 10px 13px 0 13px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}

#pillmenu_bottom li a:hover {
	color: #222;
}

#bottom {
/*background:#FFF;*/
color:#666;
border-top: 1px solid #999;
padding:0 0 40px 0;
valign:bottom;
}

#footer {
background:#999;
color:#fff;
font-size: 10px;
text-align:center;
clear:both;
padding:1px;
}

#sidebar {
float:left;
width:18.6%;
}

#content60 {
float:left;
width:60%;
overflow:hidden;
}

#content80 {
float:left;
width:81.4%;
valign:top;
overflow:hidden;
}

#content100 {
float:left;
width:100%;
valign:top;
overflow:hidden;
}

#content60 .inside,#content80 .inside {
padding:0 10px 10px 10px;
}

#content100 .inside {
padding:0;
}

#sidebar-2 {
float:left;
width:18.6%;
}

.inside {
padding:10px;
}

.inside0 {
padding:0;
margin:0;
}

#sidebar .inside,#sidebar-2 .inside {
padding:0 0 0 2px;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
color:#000;
text-decoration:normal;
margin:0.25em 0;
}

ul {
margin-left:15px;
}

li,dd {
margin-left:1em;
}

fieldset {
padding:.5em;
}

img { 
	border: 0 none; 
}

a:link, a:visited {
color:#993333;
text-decoration:none;
}

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

#content60 a:link,#content60 a:visited,#content80 a:link,#content80 a:visited,#content100 a:link,#content100 a:visited {
color:#777;
}

#content60 a:hover,#content80 a:hover,#content100 a:hover {
color:#333;
}

h1 {
font-size:1.8em;
color:#993333;
}

h2,.contentheading,.componentheading {
font-size:1.6em;
color:#993333;
	font-weight: bold;
}

h3 {
font-size:1.3em;
color:#993333;
	font-weight: bold;
}

h4 {
font-size:1.2em;
color:#993333;
	font-weight: bold;
}

h5 {
font-size:1.1em;
color:#993333;
	font-weight: bold;
}

h6 {
font-size:1em;
font-weight:bold;
color:#993333;
}

.button {
border:#000 solid 1px;
background:#fff url(../images/buttonbackground.png) repeat-x;
height:25px;
line-height:25px
font-size:14px;
margin:4px 0;
padding:0 4px;
cursor:hand;
}

.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

.sectiontableheader {
background:url(../images/teaser.png);
color:#fff;
font:1.2em bold Arial, Helvetica, sans-serif;
padding:5px;
}

.sectiontableheader a:link,.sectiontableheader a:visited {
color:#fff;
}

/* JCEutilities 
------------------------------------------------------------------------------- */
#jcepopup-ajax {
background-image: url(../../ninjiom_hk_01/images/background/product_detail_bg.jpg);
background-repeat: no-repeat;
float:left;
width:100%;
overflow:hidden;
}

/* Xmap
------------------------------------------------------------------------------- */


.xmap .contentpaneopen .menutitle {
	padding: 20px 0 0 0;
	margin: 0 0 -5px 0;
}
	
.xmap .contentpaneopen div {
	width:34% !important;
}	

.xmap .contentpaneopen div + div {
	width:23% !important;
}	

.xmap .contentpaneopen div + div + div{
	width:23% !important;
}	

.xmap .contentpaneopen div + div + div + div{
	width:20% !important;
}	

.xmap .contentpaneopen div + div + div + div + div{
	width:23% !important;
}	

.xmap .contentpaneopen div + div + div + div + div + div{
	width:23% !important;
}	

.xmap .contentpaneopen div + div + div + div + div + div + div{
	width:20% !important;
}	

.xmap ul{
margin: 0 0 0 7px;
list-style-image: url(../../ninjiom_hk_01/images/arrow.gif);
}

.xmap li a:link, .xmap li a:visited {
color:#666;
}

.xmap li a:hover {
color:#222;
}


/* Content Pane styles 	border-spacing: 0;
------------------------------------------------------------------------------- */

table.contentpaneopen, table.contentpane {
	border:none;
	margin: -2px 2px 2px -2px;
	padding: 0;
	width: auto;
}

table.contentpaneopen ul {
	margin: 0 0 0 15px;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

table.contentpaneopen_review a:link img, table.contentpaneopen_review a:visited img{
	height: 120px;
	width:160px;
	border: solid #fff;
	border-width: 8px 10px 8px 10px;	
}


table.contentpaneopen_review a:hover img{
	height: 135px;
	width:180px;
	border: none;
}


/* Module styling 
------------------------------------------------------------------------------- */
.moduletable {
margin-bottom:1em;
color:#fff;
font-size:1.1em;
}

.moduletable h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

/*Menu Styling - normal
------------------------------------------------------------------------------- */
.moduletablemenu {
margin-bottom:1em;
}

.moduletablemenu h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

.moduletablemenu ul {
list-style:none;
margin:5px 0;
}

.moduletablemenu li {
background:url(../images/leftmenu.png) bottom left no-repeat;
height:24px;
font:14px Tahoma,Arial, Helvetica, sans-serif;
margin:10px 0;
padding:0 0 0 10px;
}

.moduletablemenu a:link,.moduletablemenu a:visited {
color:#fff;
display:block;
text-decoration:none;
padding-left:5px;
}

.moduletablemenu a:hover {
text-decoration:none;
color:#fff;
background:#ADADAD;
}

/*Menu Styling - Imagemenu
------------------------------------------------------------------------------- */
.moduletablemenu_img {
margin:0;
}

.moduletablemenu_img h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000;
color:#ccc;
text-align:left;
margin:0 -10px;
padding:5px 10px;
}

.moduletablemenu_img ul {
list-style:none;
margin:9px 0 0 0;
padding:0;
}

.moduletablemenu_img li {
font:14px Tahoma,Arial, Helvetica, sans-serif;
margin:-9px 0 0 0;
padding:0;
}

.moduletablemenu_img li a:link,.moduletablemenu_img li a:visited {
color:#fff;
text-decoration:none;
padding-left:0;
display:block;
}

.moduletablemenu_img li a:hover {
text-decoration:none;
color:#fff;
}

/*Tab Menu Styling
------------------------------------------------------------------------------- */

.moduletabletabs {
font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.moduletabletabs ul {
list-style:none;
float:right;
margin:0;
padding:0;
background:#212121;
width:100%;
}

.moduletabletabs li {
float:right;
background:url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletabletabs a:link,.moduletabletabs a:visited {
float:left;
display:block;
color:#000;
background:url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
}

.moduletabletabs #current {
background:url(../images/tabs.png) no-repeat 0 -84px;
}

.moduletabletabs #current a {
color:#fff;
background:url(../images/tabs.png) no-repeat 100% -84px;
}

.design a:link,.design a:visited {
color:#666;
float:right;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}

/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
 * template and remove this. Within your module configuration you can switch off the loading of the css*/


#jflanguageselection
{
   float: right;
	margin: 0;    
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection
{
	list-style: none;
	padding: 0;
	margin-top: 0px;
	font-weight: normal;
}

#jflanguageselection ul.jflanguageselection li
{
	background-image: none;
	padding: 0 10px 0 10px;
	float: left;
	margin: 0;
	white-space: nowrap;
	border: none;
	font-size: 0.9em;
	color:#999;
}

#jflanguageselection ul.jflanguageselection li#active_language
{
 	font-weight: normal;
	font-size: 0.9em;
}

#jflanguageselection ul.jflanguageselection li a
{
	display: block;
}

#jflanguageselection ul.jflanguageselection img
{
	border: none;
}

div#jflanguageselection img.langImg {
	float: left;
	border: none;
	margin-top: 3px;
}
div#jflanguageselection li img.langImg {
	float: left;
	border: none;
	margin: 0px 1px 0px 1px;
}

/** Styles for the drop down list */

#jflanguageselection select.jflanguageselection
{
	border: 1px solid #cccccc;
}

#jflanguageselection label.jflanguageselection
{
	position:absolute;
	left:-1000px;
}

/** Controls Raw Display of Images **/

.rawimages {
	text-align: center;
	margin-top: 3px;
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

div#jflanguageselection img.langImg{ float: left; border: none; margin-top: 3px; }
div#jflanguageselection li img.langImg{ float: left; border: none; margin: 1px 3px 0px 0px; }

#jflanguageselection a:link, #active_language a:link {
color:#999;
}

#jflanguageselection a:visited, #active_language a:visited {
color:#999;
}

/**
* dark form frontend stylesheet
*
* @version		$Id: default.css 163 2009-07-04 09:15:32Z dr_drsh $
* @package		Joomla
* @subpackage	JForms
* @copyright	Copyright (C) 2008 Mostafa Muhammad. All rights reserved.
* @license		GNU/GPL
*/

div.jform{
	margin-top:15px;
	padding:10px;
}

table.jform{
	width:100%;
}

div.jform img{
	float:none;
	border:0;
}

div.jform h2{
}

div.jform div.error-message
{
	color:red;
	font-weight:bold;
	float:right;
}
div.jform. div.label-error{
	color:red;
}
iv.jform. div.input-error{
	border:2px solid red;
}

div.jform form label{
	margin-bottom:15px;
	margin-right:5px;
	float:left;
}

div.jform form fieldset{
	margin-bottom:15px;
	padding:25px 10px 10px 10px;
}
div.jform form input,
div.jform form select,
div.jform form textarea,
div.jform form fieldset{
	margin-bottom:15px;
	float:left;
}

div.jform form input.radio,
div.jform form label.radio{
	float:none;
}


div.jform form div.clear{
	clear:left;
}