/*

 * ------------------------------------------------------------------------

 * Customization JA Methys Template for Joomla 1.7 by CGA Web Design
 
 * http://www.cgawebdesign.com

 * ------------------------------------------------------------------------

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

/* Qualitas Text */



html, body, div{
    border: 0 none;
	font-size: 15px;
    color: #555555;
    margin: 0;
    padding: 0;
}

body#bd {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-size: 1px;
}

body {
    color: #333333;
    font-family: sans-serif,"Times New Roman",Times,serif;
}

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
    line-height: 1.2;
	font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif; color: #87384B;
}

h2 {
    font-size: 150%;
	font-weight: lighter;
	color: #CB1F45;
}

h3 {
	color: #64C3C3;
	font-weight: lighter;
}

h4 {
    color: #CB1F45;
    font-weight: lighter;
    font-size: 125%;
}

/* Normal links ---*/
a { color: #CB1F45; }

a:hover, a:active, a:focus { color: #6CC3BC; }

/* Readon links ---*/
a.readon {
	background: url(../images/arrow-2.png) no-repeat right center;
	color: #285078;
	text-transform: none;
}

span span.first-word {
	color: #6CC3BC;
}

h1.componentheading span span.first-word {
	color: #6CC3BC;
}

.contentheading a:hover,
.contentheading a:focus,
.contentheading a:active {
	text-decoration: none;
	color: #6CC3BC;
}

/* Others ---*/

/* FORM
--------------------------------------------------------- */
.inputbox:focus { border: 1px solid #6CC3BC; }

button:hover,.button:hover,
button:focus,.button:focus {
	background: #6CC3BC;
}

form.ja-typo-form textarea:hover,
form.ja-typo-form .inputbox:hover,
form.ja-typo-form textarea:focus,
form.ja-typo-form .inputbox:focus {
	border-color: #6CC3BC;
}

/* User Form ---*/

/* Search ---*/
form.search .button:hover,
form.search .button:focus,
form.search:hover .button,
form.search:focus .button {
	background-image: url(../images/btn-search-hover.gif);
}

/* Contact ---*/

#component-contact div.contact_email label {}

#component-contact div.contact_email label.invalid {
	background-image: url(../images/label-bg-invalid.png);
}

#component-contact div.contact_email input.invalid {
	border-color: #6CC3BC;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/

/* Meta ---*/
dl.article-info dd.create {
	background: url(../images/createdate-bg.png) no-repeat top left;
}

/*Inline images ---*/

/* Readmore ---*/
p.readmore a {
	background: url(../images/arrow-2.png) no-repeat right center;
	color: #285078;
}

/* Separator ---*/
/* Tables ---*/
/* Content Toc */
/* Poll */
/* Pagination ---*/
.pagination li span {
}

.pagination li.pagination-prev span {}

.pagination li.pagination-start span {}

.pagination li.pagination-end span {}

.pagination li.pagination-next span {}

.pagination li strong {
	background: url(../images/pagnav-bgactive.png) no-repeat left top;
}

.pagination li.pagination-prev strong {
	background: url(../images/pagnav-prevactive.png) no-repeat left top;
}

.pagination li.pagination-start strong {
	background: url(../images/pagnav-startactive.png) no-repeat left top;
}

.pagination li.pagination-end strong {
	background: url(../images/pagnav-endactive.png) no-repeat left top;
}

.pagination li.pagination-next strong {
	background: url(../images/pagnav-nextactive.png) no-repeat left top;
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3 span.first-word, div.moduletable h3 span.first-word {
	color: #6CC3BC;
}

/* Qualitas Clear Border on module image used in buttons */

.ja-moduletable img {
    border: medium none;
    margin-top: 0px;
}

div.blue h3 span.first-word {
	color: #1188cc;
}

div.badge-hot h3 span.first-word {
	color: #cc0000;
}

div.badge-top h3 span.first-word {
	color: #6CC3BC;
}

div.badge-pick h3 span.first-word {
	color: #8888aa;
} 

div.badge-new h3 span.first-word {
	color: #66aa22;
} 

div.blue a {
	color: #1188cc;
}

/* Advertisement ---*/
/* Slideshow ---*/
/* Top Video ---*/

#ja-video .ja-video-title { color: #6CC3BC; }

#ja-video a.readmore {
	color: #6CC3BC;
	background: url(../images/arrow-4.png) no-repeat right center;
}

#ja-video {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 0px solid #111111;
    border-top: 0px solid #111111;
    color: #AAAAAA;
    position: relative;
    z-index: 9;
}

.ja-slide-item img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 2px;
}

/* Masstop Banner ---*/
a.ja-mass-top-banner span {
	color: #6CC3BC;
}



/* Image Gallery ---*/

/* Ja Social List ---*/

/* Contact List ---*/

#ja-botsl ul.ja-contacts-list li a { color: #6CC3BC; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container {
	background: none;
}

#ja-container.ja-mf {
    margin-top: 4px;
}

/* Mass ---*/

/* HEADER
--------------------------------------------------------- */
/* Logo Image ---*/

h1.logo { width: 500px; height: 200px; }



h1.logo a {

	background: url(../images/logo.png) no-repeat left;

	display: block;

	width: 500px;	

	height: 160px;

}



/* Logo Text ---*/
/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/

#ja-mainnav {

	position: absolute;

	left: 0;

	top: 200px;

	border-top: 0px solid #e5e5e5;

	border-bottom: 0px solid #111;

}

/* Left Column
--------------------------------------------------------- */

#ja-left .ja-l1 .ja-col {
    padding-top: 26px;
}

/* Breadcrumbs ---*/
.ja-breadcrums a {
    background: url(../images/arrow-2.png) no-repeat right center;
}

/* Default Joomla! Menu ---*/
#ja-container ul.menu {
    margin-left: -30px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:focus,
#ja-container ul.menu li a:active {
	color: #6CC3BC;
}

#ja-container ul.menu li.active {
	background: none;
}

#ja-container ul.menu li.active > a {
	color: #285078;
	font-weight: normal;
	font-size: 1.15EM;
}

#ja-container ul.menu li ul li.active > a {
	color: #285078;
	    font-size: 0.8em;
}

#ja-container ul.menu li ul li {
    background: none;
    padding-left: 13px;
}

#ja-container ul.menu li ul li a {
    color: #7777777;
    text-indent: -13px;
    font-size: 0.8em;
/*    text-align: right; */
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl ul li:hover,
#ja-botsl ul li:hover {
	background-image: url(../images/arrow-3-hover.png);
}

#ja-topsl ul li:hover a,
#ja-botsl ul li:hover a,
#ja-botsl ul li a:hover,
#ja-botsl ul li a:focus,
#ja-botsl ul li a:active {
	color: #285078;
}

/* SPOTLIGHT Qualitas Additional Overrides */

#ja-botsl {
    border-top: 0 solid #CCCCCC;
}

#ja-botsl  .ja-box-left {
    width: 24% !important;
}

#ja-topsl .ja-box, #ja-botsl .ja-box {
    background: none repeat scroll 0 0 transparent;
    width: 24%
}

/* Top spotlight ---*/

/* Bot spotlight ---*/

/* FOOTER ---*/

#ja-footer {
    background: none repeat scroll 0 0 #63C2C2;
    color: #666666;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/

a.ja-icon-video:hover span { color: #6CC3BC; }

/* Ja Module ---*/
.ja-healineswrap em {
    background: url(../images/healineswrap-bg.png) no-repeat right center;
}

/* Latest Comments ---*/
h4.jac-lasmod-title a:hover,
h4.jac-lasmod-title a:focus,
h4.jac-lasmod-title a:active { color: #6CC3BC; }

/* Contentslider ---*/
div.ja-slidereadmore a {
	color: #285078;
	background: url(../images/arrow-2.png) no-repeat right center;
}

/* Slidenews ---*/
.ja-slidenews-item .ja-title:hover {
	color: #6CC3BC;
}

/* Slideshow ---*/
.maskDesc a.readon {
	color: #285078;
}

.but_prev {
	background: url(../images/arrow-l.png) no-repeat right center;
}

.but_next {
	background: url(../images/arrow-r.png) no-repeat left center;
}

/* K2 COMPONENT */
div.itemTools a:hover,
div.itemTools a:focus,
div.itemTools a:active { color: #5af; }

div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName a:hover { color: #5af; }

div.itemAuthorLatest ul li a:hover { color: #5af; }

div.itemComments ul.itemCommentsList li span.commentLink a:hover { color: #5af; }

div.itemCommentsForm form input.inputbox:active,
div.itemCommentsForm form input.inputbox:focus,
div.itemCommentsForm form textarea.inputbox:active,
div.itemCommentsForm form textarea.inputbox:focus { border: 1px solid #5af; }

#k2Container .itemRatingList,
#k2Container .itemRatingList a:hover,
#k2Container .itemRatingList .itemCurrentRating {
	background: url(../images/system/transparent-stars.png) left -1000px repeat-x;
}

#k2Container .itemRatingList {
	background-position: left top;
}

#k2Container .itemRatingList li { background: none; }

#k2Container .itemRatingList a,
#k2Container .itemRatingList .itemCurrentRating {}

#k2Container .itemRatingList a:hover { background-position: left bottom; }
#k2Container .itemRatingList a.one-star { width: 20%; z-index: 6; }
#k2Container .itemRatingList a.two-stars { width: 40%; z-index: 5; }
#k2Container .itemRatingList a.three-stars { width: 60%; z-index: 4; }
#k2Container .itemRatingList a.four-stars { width: 80%; z-index: 3; }
#k2Container .itemRatingList a.five-stars { width: 100%; z-index: 2; }

#k2Container .itemRatingList .itemCurrentRating {
	background-position: 0 center;
	z-index: 1;
}

div.itemCommentsForm form input#submitCommentButton { background: #5af;	border: 1px solid #6CC3BC; color: #c3e1ff; }

div.itemComments ul.itemCommentsList li.authorResponse span.commentAuthorName {
	background-image: url(../images/author-bg.png);
	text-shadow: 1px 1px 0 #1188cc;
}

div.itemComments ul.itemCommentsList li.authorResponse span.commentAuthorName a {
	color: #fff;
}

div.catItemView:hover h3.catItemTitle a { color: #5af; }

div.catItemView:hover span.price { background: #6CC3BC; }

div.itemListBlogView div.catItemHeader h3.catItemTitle a:hover { color: #5af; }

div.k2ItemsBlock ul li a.moduleItemTitle:hover { color: #6CC3BC; }

div.k2ItemsBlock ul li a.moduleItemReadMore:hover { color: #6CC3BC; }

table.calendar tr td.calendarToday { background: #5af; }

table.calendar tr td.calendarTodayLinked { background: #5af; color: #fff; padding: 0; }

.blogDate,
div.itemBlogView div.itemDateCreated {
	background: url(../images/createdate-bg.png) no-repeat 0px 0px;
}

/* Tyhpography */
form.ja-typo-form button { background: #6CC3BC; }

/* Ja Comments ---*/
#jac-wrapper .form-userdata input.text:hover,
#jac-wrapper .form-userdata input.text:focus {
	background: none;
	border-color: #6CC3BC;
}

#jac-wrapper input.text.ja-error,
#jac-wrapper #textCaptcha.ja-error {
	border: 1px solid #6CC3BC;
}

#jac-wrapper input.btTxt {
	background: #6CC3BC;
}

#jac-wrapper .status-isapproved span.status-btn{
	color: #6CC3BC;
}

#jac-wrapper .comment-byadmin .comment-heading a.comment-user, 
#jac-wrapper .comment-byadmin .comment-heading span.comment-user {
    background-image: url(../images/author-bg.png);
    color: #fff;
    text-shadow: 1px 1px 0 #1188cc;
}

#jac-sort a:hover, #jac-sort a:focus, #jac-sort a:active {
    color: #1188cc !important;
}

#jac-sort a:hover, #jac-sort a:focus, #jac-sort a:active {
    color: #6CC3BC !important;
}

h1.componentheading span span.first-word {
	color: #6CC3BC;
}

span.first-word {
	color: #6CC3BC;
}

/* Zentools */
.zentools li {
 background: none !important;padding: 0 !important;
}

#ja-botsl .ja-box-left {
width: 25% }

.border {
    border: 1px solid #DDDDDD;
    padding: 4px;
}

/* Frontpage Slideshow */

.fpss-template-tt .slidetext h1, .fpss-template-tt .slidetext h1 a {
    color: #FFFFFF;
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
    font-size: 26px;
    line-height: 120%;
    margin: 0;
    padding: 0;
}

.fpss-template-tt .slidetext h3 {
    color: #FAFAFA;
    font-size: 16px;
    margin: 0;
    padding: 2px 0;
}

.fpss-template-tt .slidetext h1 a:hover {
    color: #CB1F45;
    text-decoration: none;
}

.fpss-template-sleek .slidetext h1, .fpss-template-sleek .slidetext h1 a {
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
	color: #FAFAFA;
    font-size: 28px;
    font-weight: bold;
    line-height: 160%;
    margin: 0;
    padding: 0;
	text-transform: uppercase;
}

.fpss-template-sleek .slidetext h1 a:hover {
    font: "Arial Narrow",Helvetica,Arial,sans-serif;
	color: #CB1F45;
    text-decoration: none;
}

.fpss-template-sleek .slidetext h3 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#ja-video a {
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
}