/*
 * ------------------------------------------------------------------------
 * JA Droid Template for Joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */
body { color: #333; font-family: Arial, Helvetica, sans-serif; }

body#bd { background: #f6f8ff; color: #333;}

h2 { font-size: 180%; }

/* Normal links ---*/
a { color: #B15C07; text-decoration: none; }

a:hover, a:active, a:focus { text-decoration: underline; color: #333; }

/* Readon links ---*/
p.readmore a,  .readon {
	background: #fff;
	border: 1px solid #CBD0E2;
	clear: both;
	color: #999;
	display: block;
	float: left;
	font-weight: bold;
	padding: 5px 8px;
	text-transform: none;
}

p.readmore a:hover, .readon:hover
p.readmore a:focus, .readon:focus,
p.readmore a:active, .readon:active { color: #B15C07; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: Arial, Arial, serif;
	font-weight: normal;
}

h1.componentheading, .componentheading {
	background: url(../images/h3-bg.png) no-repeat center bottom;
	font-weight: normal;
	padding: 20px 0 25px 0;
	font-size: 120%;
	text-transform: uppercase;
	text-align: center;
}

h2.contentheading, .contentheading { font-weight: normal; }

.contentheading { font-size: 200%; }

.blog .contentheading { font-size: 180%; }

.category { font-size: 110%; font-weight: bold; }

/* Others ---*/
hr { border-top: 1px solid #ccc; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.inputbox { border: 1px solid #CBD0E2; background: #fff; }

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

#modlgn_remember { background: none; border: 0; }

.validate { margin-top: 0 !important; margin-left: 10px; vertical-align: middle; }

.validate-email {
	padding: 6px 5px 7px;
	vertical-align: middle;
}

/* Button ---*/
.button {
	background: url(../images/but-bg.gif) repeat-x left center #2E3D65;
	border: 1px solid #18223B;
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
	padding: 3px 5px;
}

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { text-transform: none; font-size: 110%; }

.search {
	padding: 0 20px;
}

.ja-moduletable .search label,
.moduletable .search label {
	display: none;
}

.search .inputbox {
	width: 240px;
	padding: 6px 8px;
	text-transform: capitalize;
	background: url(../images/search.png) no-repeat 240px center #fff;
	border: 2px solid #E0E4F0;
}

.search .inputbox:hover,
.search .inputbox:focus {
	border: 2px solid #CBD0E2; 
}

.search .button {
	margin-left: 15px;
}

/* Contact ---*/
#component-contact #emailForm {}

.contact-form dd .button {
  margin-left: 0;
}

div.contact-miscinfo {
  padding: 10px 0;
}

.jicons-icons {
  display: block;
  float: left;
  margin-right: 10px;
}

div.contact-misc p {
  margin: 0;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.leading {
	border-bottom: 3px solid #CBD0E2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.article_row {
	border-bottom: 3px solid #CBD0E2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.article_column {
	padding-left: 10px;
	padding-right: 10px;
}

/* Meta ---*/
dl.article-info dd, dl.article-info dt {
	border-left: 1px dotted #ddd;
	padding-left: 8px;
	float: left;
}

.article-tools {
	border-bottom: 1px dotted #CBD0E2;
	padding-bottom: 3px;
}

.article-meta { color: #999; }

.article-meta .createdate {
	padding-right: 8px;
}

.article-meta .createby, .article-meta .hits {
	color: #B15C07;
	text-transform: capitalize;
	border-left: 1px dotted #94A0BE;
	padding-left: 8px;
}

.modifydate {
	display: block;
	margin-bottom: 10px;
	margin-top: -5px;
	color: #999999;
}

.article-category {
	padding-right: 5px;
}

.contentdescription { border-bottom: 1px solid #ccc; }

.buttonheading { float: right; }

/*Inline images ---*/
.img-border {
	border: 1px solid #CBD0E2;
	margin: 5px 0 10px;
	padding: 4px;
}

p.img_caption { color: #999; text-transform: uppercase; }

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.article-content img {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Tables ---*/
.sectiontableheader {
	background: #18223B;
	color: #fff;
	padding: 7px 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 { border-bottom: 1px solid #CBD0E2; padding: 5px; }

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background: #ffffcc; }

.sectiontableentry2 { background-color: #fff; }

table.contentpane, table.tablelist { width: 100%; }

/* Content Toc */
table.contenttoc { border: 1px solid #CBD0E2; }

table.contenttoc td { border-bottom: 1px dotted #CBD0E2; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #CBD0E2;
	text-transform: uppercase;
}

/* Categories */
.category-desc {
	background: #F9FAFF;
	border: 1px solid #CBD0E2;
	margin: 5px;
	padding: 10px;
}

.item-title {
	margin: 15px 0;
	font-family: Arial, Arial,serif;
	font-size: 180%;
	display: block;
}

div.category-products ul li {
	float: left;
	width: 50%;
}

span.jitem-title {
  display: block;
  font-family: Arial, Arial,serif;
  font-size: 180%;
  margin: 15px 0;
}

/* Poll */
form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Pagination ---*/
.ja-content-main ul.pagination li span,
.ja-content-main ul.pagination li strong { line-height: 20px; }

.blog_more { border-bottom: 1px solid #ccc; }

.blog_more h2 { font-size: 125%; }

.pagination ul li, ul.pagenav li {
  padding: 0 8px;
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	background: url(../images/h3-bg.png) no-repeat center bottom;
	color: #555;
	font-size: 120%;
	font-weight: normal;
	padding: 10px 0 25px !important;
	text-align: center;
	text-transform: uppercase;
}

div.module h3 {
	border-bottom: 1px solid #E0E4F0;
	color: #555;
	font-size: 120%;
	font-weight: normal;
	padding: 0px 0 5px !important;
	text-align: center;
	text-transform: uppercase;
}

/* Highlight module ---*/
div.moduletable_hilite h3 {
	background: none;
	color: #94a0be;
	padding: 0 !important;
}

div.moduletable_hilite {
	background: url(../images/header-bg.jpg);
	border: 4px solid #18223B;
	color: #fff;
	padding-top: 20px;
	text-align: center;
}

div.moduletable_hilite .ja-box-ct { padding: 0 20px; }

div.moduletable_hilite a {
	border-bottom: 1px dotted #fff;
	color: #fff;
	text-decoration: none;
}

div.moduletable_hilite img {
	border: 1px solid #414F75;
	padding: 4px;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.bannerfooter {
	padding: 5px 0 0;
	text-align: right;
}

div.bannergroup_text div.banneritem a { font-weight: bold; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container { position: relative; z-index: 20; margin-bottom: -25px; }

#ja-container .main { background: url(../images/border-bg.gif) repeat-x left bottom; padding: 10px 0 5px; }

#ja-container .main-inner1 {
	background: url(../images/botsl-left.png) no-repeat left bottom;
	padding: 0 0 5px 20px;
	margin: 0 0 -5px -20px;
}

#ja-container .main-inner2 {
	background: url(../images/botsl-right.png) no-repeat right bottom;
	padding: 0 20px 5px 0;
	margin: 0 -20px -5px 0;
}

#ja-container .main-inner3 {
	background: #F6F8FF;
	padding-bottom: 25px;
}

.main .main-inner1 { margin-left: 0; margin-right: 0; }

.no-botsl #ja-container { margin-bottom: 0; }
.no-botsl #ja-container .main { background: none; padding-bottom: 0; }
.no-botsl #ja-container .main-inner1,
.no-botsl #ja-container .main-inner2 { background: none; margin: 0; padding: 0; }

/* SIDE COLUMNS
--------------------------------------------------------- */

/* Left Columns ---*/
#ja-left .ja-l2 { }

/* Right Columns ---*/
#ja-right .ja-r2 { }

/* HEADER
--------------------------------------------------------- */
#ja-header { background: url(../images/header-bg.jpg) repeat-x left top; }

#ja-header .main { background: url(../images/light-bg.png) no-repeat center top; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px; }

/* Logo Image ---*/
h1.logo { float: none; margin: 40px 0 20px 0; width: 302px; height: 93px; }

h1.logo a {
	background: url(../images/logo.png) no-repeat left;
	display: block;
	width: 1000px;	
	height: 93px;
}

/* Logo Text ---*/
div.logo-text h1 {
	font-size: 200%;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

div.logo-text h1 a {
	text-decoration: none;
}

p.site-slogan {
	color: #ccc;
	display: block;
	font-size: 85%;
	margin: 3px 0 0;
	padding: 0 5px;
	text-transform: uppercase;
}

#ja-top-header {
	margin-top:-5px;
	position:absolute;
	right:180px;
	text-align:right;
	width:50%;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
	background: url(../images/mainnav-bg.gif) repeat-x left top #18223B;
	border-top: 1px solid #3C5189;
	position: relative;
	z-index: 22;
}

#ja-mainnav .main { font-family: Arial, Arial, serif; }

/* Breadcrumbs ---*/
#ja-navhelper {
	background: url(../images/botsl-bg.gif) repeat-x left top #18223b;
	border-top: 1px solid #0c111d;
}

#ja-navhelper .main {
	text-transform: uppercase;
	border: none;
	color: #cbd0e2;
}

#ja-navhelper a {
	color: #cbd0e2;
}

#ja-navhelper a:hover, 
#ja-navhelper a:active, 
#ja-navhelper a:focus {
	color: #cbd0e2;
}

.ja-breadcrums {
	text-indent: 10px;
}

span.breadcrumbs {
   float: left;
}
/* Extras ---*/
.ja-links { padding-right: 10px; }

.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-bottom: 1px dotted #ccc; }

#ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ccc; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box { }

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
	background: 0;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-top: 10px;
	margin-bottom: 10px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }

/* Top spotlight ---*/
#ja-topsl { position: relative; margin-top: -25px; z-index: 11; }

#ja-topsl .main { background: url(../images/sl-mask2.png) repeat-x left top; padding: 5px 0 0; }

#ja-topsl .main .main-inner1 { background: url(../images/topsl-inner1.png) no-repeat left top; margin: -5px 0 0 -20px; padding-left: 20px; }
#ja-topsl .main .main-inner2 { background: url(../images/topsl-inner2.png) no-repeat right top; margin: 0 -20px 0 0; padding: 5px 20px 0 0; }
#ja-topsl .main .main-inner3 { background: #F6F8FF; padding-top: 20px; }

#ja-topsl .module { background: #ECEFF9; border: 1px solid #CBD0E2; padding: 4px; }

#ja-topsl .module div { border: 1px solid #CBD0E2; padding: 0; }

#ja-topsl .module div div { background: #F1F3FB; border: 1px solid #fff; padding: 15px; }

#ja-topsl .module div div div { border: 0; padding: 0; text-align: center; }

#ja-topsl .module h3 {
	background: url(../images/h3-bg2.png) no-repeat center bottom;
	border: 0;
	color: #273457;
	font-size: 180%;
	padding: 0 0 20px 0 !important;
	text-transform: none;
}

.no-slideshow #ja-topsl { margin-top: 0; }

/* Top spotlight 1 ---*/
#ja-topsl1 .main-inner1 { border-bottom: 3px solid #2E3D65; margin: 0 10px; }

#ja-topsl1 .ja-box-left .ja-moduletable { margin-left: 0; }

#ja-topsl1 a.readon { margin-top: 15px; }

/* Bot spotlight ---*/
#ja-botsl {
	background: url(../images/botsl-bg.gif) repeat-x left bottom #18223b;
	border-top: 3px solid #0c111d;
	color: #fff;
	position: relative;
	margin-top: -25px;
	padding-top: 20px;
	z-index: 19;
}

#ja-botsl .main { padding: 0 0 30px; }

#ja-botsl .ja-box { background: none; }

#ja-botsl .ja-moduletable h3 {
	background: none;
	border-bottom: 1px solid #26365d !important;
	color: #94a0be;
	margin-bottom: 15px;
	padding: 20px 0 10px !important;
}

/* FOOTER
----------------------------------------------------------- */
#ja-footer {
	background: url(../images/footer-bg.jpg) repeat-x left top;
	border-top: 1px solid #3C5189;
	color: #94a0be;
}

#ja-footer a,
#ja-footer a:hover,
#ja-footer a:focus,
#ja-footer a:active {
	color: #fff;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-top-panel .main-inner1 {
	border: 2px dotted #e2e2b5;
	padding: 5px 10px;
	text-align: center;
	margin-top: 15px;
	background: #ffffcc;
}
 
#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv { border-bottom: 1px dotted #ccc; }

div.ja-innerdiv h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 92%;
	font-weight: normal;
	text-transform: uppercase;
}

/* Login form ---*/
#form-login-username label,
#form-login-password label {
	font-weight: bold;
	width: 80px;
	float: left;
}

#form-login-remember {
	padding-left: 80px;
}

#form-login-username .inputbox,
#form-login-password .inputbox {
	border: 2px solid #E0E4F0;
	padding: 4px 5px;
}

#form-login-username .inputbox:focus,
#form-login-password .inputbox:focus {
	background: #fff;
	border: 2px solid #FAA666;
}

#login-form .button {
  margin: 0 0 0 80px;
}

#login-form ul {
  margin: 0 0 0 60px;
}

#login-form ul li {
  margin-bottom: 0px;
}

#form-login-submit {
  margin-bottom: 5px;
}

#login-form div.logout-button .button {
  margin: 10px 0 0 0;
}

/* Search form ---*/
.search .word label, .search .word .inputbox { vertical-align: middle; }

.search .word button { 
	vertical-align: middle;
	height: 29px;
	padding: 4px 5px 5px;
	margin: 0 0 0 5px;
}


/* Top highslide ---*/
#ja-highlight .main-inner1 { padding-left: 10px; }
#js_ja {position: absolute; top: 0px; left: -4900px;}
/* JA Twitter ---*/
.ja-twitter { padding: 0; }

.ja-twitter center {
	background: #fff;
	border: 1px solid #CBD0E2;
	display: block; 
	text-align: center;
	font-weight: bold;
	font-size: 92%;
	padding: 6px 8px;
}

.ja-twitter center a { color: #999; }

.ja-twitter center a:hover,
.ja-twitter center a:focus,
.ja-twitter center a:active { color: #B15C07; }

.ja-twitter center img { margin-right: 5px; }

/* Customers feedback ---*/
.customer-feedback {
	border-bottom: 1px dotted #CBD0E2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.customer-feedback p {
	background: url(../images/quote-bg.png) no-repeat right top;
	font-size: 110%;
	margin: 0 0 12px;
	padding-right: 30px;
}

.customer-feedback .cf-author {
	color: #B15C07;
	display: block;
	font-size: 92%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.customer-feedback .cf-address {
	color: #999;
	display: block;
	font-size: 92%;
}

/* Custom gallery ---*/
.small-gallery {
	float: left;
	margin-bottom: 5px;
	margin-right: 8px;
}

.last-item { margin-right: 0; }

.small-gallery .img-border {}

/* Contact list ---*/
ul.contact {
	text-align: left;
	font-size: 92%;
	color: #CBD0E2;
}

ul.contact li {
	background-position: 0px 2px !important;
	background-repeat: no-repeat;
	padding: 2px 0 2px 20px !important;
}

ul.contact li.address { background-image: url(../images/icons/icon-home.png) }
ul.contact li.phone { background-image: url(../images/icons/icon-phone.png) }
ul.contact li.fax { background-image: url(../images/icons/icon-fax.png) }
ul.contact li.email { background-image: url(../images/icons/icon-home.png) }
ul.contact li.website { background-image: url(../images/icons/icon-web.png) }

ul.contact li strong { color: #fff; }

div.moduletable_hilite span.intro { font-size: 92%; font-weight: bold; color: #fff; }

/* Who Online ---*/
ul.whosonline_hilite li {
	display: inline;
}

/* Small text ---*/
div.small-text {
	color: #94a0be;
	font-size: 92%;
	margin-top: 15px;
}

/* Text-banner ---*/
div.banner-text {
	background: url(../images/text-banner-bg.jpg) no-repeat 0px 0px;
	color: #fff;
	font-family: Arial, Arial, serif;
	font-size: 175%;
	height: 65px;
	line-height: 65px;
	text-align: center;
	width: 100%;
}

/* Statistics ---*/
dl.stats-module dt {
	display: inline-block;
	width: 24%;
}

dl.stats-module dd {
	display: inline-block;
	width: 74%;
}

/* Page Navigation ---*/
ul.pagenav li{
	background: none;
	padding-left:0;
}

ul.pagenav li.pagenav-prev {
	float:left;
}

ul.pagenav li.pagenav-next {
	float:right;
}

/* Register page ---*/
.registration fieldset legend {
	font-weight:normal;
	color: #B15C07;
	font-family:Arial, Arial,serif;
	font-size:200%;
}

.registration dt {
	min-width: 200px;
}

.registration input {
	padding: 3px;
}

/* Contact page ---*/
.com_contact .categories-list ul {
	margin-left:0;
}
.com_contact .categories-list ul li {
	width: 100%;
	
}

.com_contact .categories-list ul li ul li {
	margin: 0 10px 10px;
	width: 95%;
	padding: 0 10px;
}

.com_contact .item-title {
	font-size: 100%;
	margin: 5px 0;
}

.com_contact tr {
	border: 1px solid #ddd;
}

/* Editor ---*/
#ja-content-main .edit fieldset {
	float:left;
	margin-left: 1%;
	margin-right: 1%;
}

#ja-content-main .edit fieldset:first-child {
   float: none;
}

#ja-content-main .edit fieldset legend {
	font-weight:normal;
	color: #B15C07;
	font-family:Arial, Arial,serif;
	font-size:200%;
}

#ja-content-main .edit div.formelm,
#ja-content-main .edit div.formelm-area,
#ja-content-main .edit div.formelm-buttons {
	padding: 5px 0;
	clear:both;
}

#ja-content-main .edit label{
	font-weight:bold;
	clear: both;
	display:block;
	float: left;
}

#ja-content-main .edit .inputbox {
	clear: both;
	display:block;
	float: left;
}

#ja-content-main .edit img.calendar {
	float: left;
	margin: 2px 0 0 5px;
}

dl.article-info { width: 80%; }

dl.article-info dd { white-space: nowrap; }

br.clearfix { height: 0; line-height: 0; }

ul.actions li { width: 32% !important; float: none !important; }