/*------------------------------------------------------------------------
* JA Template 1.5 - Jan, 2010
* ------------------------------------------------------------------------
* Copyright (C) 2008-20010 Joom Solutions And Joomla Co., LTD. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: Joom Solutions And Joomla Co., LTD
* Websites:  http://www.joomla.org -  http://www.joomla.org
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	line-height: 21px;
	font-family: Arial;
	
}
body#bd {
	color: #3f3f3f;
	background: #f5f5f5;
	background:url(../images/bg.jpg) repeat-x top #e3f9e4;
	background:url(../images/bg.gif) repeat;
	}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px ;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
 head~body #opera { display: block; }
}

/* Clearfix */
.clearfix {
	clear: both;
}
#ja-wrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
		background:url(../images/bg2.gif) repeat-x;
		min-height:1200px;
	
}
#ja-wrapper-inner {
	padding: 0;
	overflow: hidden;
	margin:0 auto;
	width:980px;
	padding:5px;
	background: #FFFFFF;
}
.ja-wrapper {
	width: 980px;
	margin: 0 auto;
}
#ja-userwrap1,
#ja-userwrap2,
#ja-userwrap3,
#ja-userwrap4,
#ja-userwrap5,
#ja-userwrap6,
#ja-userwrap7,
#ja-top {
	width: 100%;
	clear: both;
}

#ja-userwrap1-inner,
#ja-userwrap2-inner,
#ja-userwrap3-inner,
#ja-userwrap4-inner,
#ja-userwrap5-inner,
#ja-userwrap6-inner,
#ja-userwrap7-inner,
#ja-top-inner {
	padding: 0px ;
	overflow: hidden;
}
#ja-userwrap4-inner,
#ja-footer-inner,
#ja-copyright-inner {
	padding: 10px;
}
#ja-copyright-inner {
	text-align: center;
}
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable-box1,
div.moduletable-box2,
div.moduletable-box3,
div.moduletable-box4,
div.moduletable-box5,
div.moduletable-box6,
div.module,
div.module_menu,
div.module_text {
	clear: both;
	margin: 0 0 2px 0;
	position: relative;
	clear: both;
	overflow: hidden;
}
/* BEGIN MODULE */

#ja-header {
	width: 100%;
	overflow: hidden;
	background: url(../images/header_bg.png) #fff repeat-x 0 0;
	background:#009900;
	background: url(../images/header-bg.jpg);
	height:201px;

}
#ja-logo {
	float: left;
	width: 30%;
}
#ja-logo h1 {
	margin: 16px 0;
}
#ja-logo a {
	width: 158px;
	height: 49px;
	display: block;
	background: url(../images/logo.png) no-repeat ;
	background:none;
}
#ja-logo span{
	font-size: 0px;
	line-height: 0;
	text-indent: 999px;
}

#ja-search {
	float: left;
	width: 70%;
	margin-top: 23px;
}
#ja-search .search {
	width: 260px;
	float: right;
}
#mod_search_searchword {
	height: 28px;
	line-height: 28px;
    border: none;
	margin: 0;
	margin-top:10px;
	color: #5b5b5b;
	text-indent: 25px;
	float: left;
	background: url(../images/search_bg.png) repeat-x 0 0;
}
input.bt-search {
	width: 66px;
	height: 30px;
	color: #fff;
	float: left;
	background: url(../images/bt_search.png) repeat-x 0 0;
}
#ja-mainmenu {
	height: 35px;
	background: url(../images/menu-bg.gif) repeat-x 0 0;
	
}

/* BEGIN MODULE */
.ja-user {
	overflow: hidden;
	float: left;
}
.ja-box-right {
	float: right;
}
.ja-user .ja-box-inside {
	padding: 0 0px 0 2px;
}
.ja-box-full {
	width: 100%;
	margin-left: 0px !important;
}

#ja-container ,
#ja-content{
	width: 100%;
	overflow: hidden;
}
#ja-middle {
	float: left;
	width: 749px;
	overflow: hidden;
}

#ja-maincontent {
	width: 518px;
	float: right;
	overflow: hidden;
}
#ja-container-right #ja-maincontent,
#ja-container-left #ja-maincontent {
	width: 750px;
}
#ja-container-full #ja-maincontent,
#ja-container-full  #ja-middle,
#ja-container-left #ja-middle {
	width: 100%;
}
#ja-left ,
#ja-right{
	float: left;
	width: 230px;
	overflow: hidden;
}
.modulecontent,
.blog {
	padding: 10px ;
	display: block;
	overflow: hidden;
}
h3.title ,
h3.moduletitle,
.componentheading,
#page h2.contentheading {
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	color: #181818;
	margin: 0;
	text-indent: 15px;
	overflow: hidden;
	color:#FFF;

	background: url(../images/h3-bg.gif) repeat-x 0 0;

}
h2.contentheading {
	line-height: 31px;
	font-size: 14px;
	color: #181818;
}
h3.moduletitle {
	height: auto;
	line-height: 30px;
	margin:0;
	background: none;
	
}
div.box-t ,
div.box-b {
	height: 4px;
	display: block;
	height: 4px;
	margin: 0 4px;
	position: relative;
	background: url(../images/box-t.png) repeat-x 0 0;
}
div.box-b {
	background: url(../images/box-t.png) repeat-x 0 bottom;
}
div.box-tl{
	display: block;
	height: 4px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 4px;
	overflow: hidden;
	background: url("../images/round_2.png") no-repeat  left top ;
}
div.box-tr{
	display: block;
	height: 4px;
	right: -4px;
	position: absolute;
	top: 0;
	width: 4px;
	overflow: hidden;
	background: url("../images/round_2.png") no-repeat  right top ;
}
div.box-bl{
	display: block;
	height: 4px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 4px;
	background: url("../images/round_2.png") no-repeat  left bottom ;
}
div.box-br{
	display: block;
	height: 4px;
	right: -4px;
	position: absolute;
	top: 0;
	width: 4px;
	background: url("../images/round_2.png") no-repeat  right bottom ;
}
div.box-c {
	background: url(../images/box-m.png) repeat-y leFt 0;
	overflow: hidden;
	width: 100%;
}
div.box-c-inner{
	background: url(../images/box-m.png) repeat-y right 0;
	overflow: hidden;
	
}
div.box-c-inset {
	background: #fff;
	border: 1px solid #dbdbdb;
	overflow: hidden;
	margin: 0 5px;
}
#ja-breadcrumb {
	margin: 10px 0;
	width: 100%;
}
#ja-breadcrumb-inner {
	border: medium solid green;
    color: red;
    height: 25px;
    width: 680px;
}

.main-grey {
	background: #404040 !important;
	color: #fff ;
}
.main-grey #ja-userwrap4-inner {
	
	width: auto;
	overflow: hidden;
}
.main-grey  a{
	color: #C2C2C2;
}
.main-grey .ja-box-left h3.moduletitle,
.main-grey  h3.moduletitle {
	background: #2d2d2d ;	
	color: #fff;
	border-bottom: 1px solid #252525;
	border-left: 1px solid #252525;
	border-top: 1px solid #414040;
	border-right: 1px solid #414040;
}
.main-grey .ja-box-left h3.moduletitle{
	margin-right: 10px;
}

.grey h3.moduletitle ,
.grey a{
	color: #fff;
} 
/* Color Module*/
.grey .box-c-inset {
	background: #353535 ;
	color: #fff;
}
.grey h3.title {
	background: url(../images/moduletitle2_bg.png) repeat-x 0 0;
	color: #fff;
	text-shadow: 0 1px 1px #353535;
}
.grey .modulecontent a {
	color: #ac8c8c;
}
.grey  hr{
	background: #353535;
	border-bottom: 1px solid #3f3f3f;
}


.oranges .box-c-inset {
	background: #f27d14 ;
	color: #fbcbaa;
}
.oranges a {
	color: #fff;
}
.oranges  hr{
	background: #f27d2f;
	border-bottom: 1px solid #e36e20;
}
.oranges h3.title {
	background: url(../images/moduletitle3_bg.png) repeat-x 0 0;
	color: #fff;
	text-shadow: 0 1px 1px #d96f0f;
}
.oranges .ja_aclickmenu_wrap a  {
	color: #fff!important;
}
.oranges .ja_aclickmenu_wrap .ja_maccordion li {
	border-bottom: 1px solid #e7750e;
	border-top: 1px solid #f68622;
}
.oranges .ja_aclickmenu_wrap .ja_maccordion li:hover {
	background: -moz-linear-gradient(100% 100% 90deg, #ed7a13, #f6831c 99%);
	
}	
.oranges .ja_aclickmenu_wrap a:hover {
	color: #fff !important;
	
}
.blue .box-c-inset {
	background: #2a9ce5 ;
	color: #fff;
}
.blue h3.title {
	background: url(../images/moduletitle4_bg.png) repeat-x 0 0;
	color: #fff;
	text-shadow: 0px 1px 1px #2289d1;
}
.blue  .modulecontent a{
	color: #b2e1ff;
}
.blue  hr{
	background: #2a9ce5;
	border-bottom: 1px solid #1485d5;
}
.moduletable_blank .modulecontent{
	padding: 0;
}

.menu-grey  {
	background: url(../images/mainmenu2_bg.png) repeat-x 0 0 !important;
}
.menu-grey #menusys_moo li a span {
	color: #e5e5e5;
	text-shadow: 1px 1px 1px #393939;
}
.moduletable_menu div.modulecontent {
	padding: 0;
}
/* BEGIN MODULE */
ul.ja_accordion li,
.menu li {
	background: none;
	padding: 3px 0;
	border-top: 1px solid #f1f1f1;
}
ul.ja_accordion li:hover,
.menu li:hover {
	background: -moz-linear-gradient(100% 100% 90deg, #f8f7f7, #fff 99%);
}
ul.ja_accordion li a,
.menu li a {
	padding-left: 20px;
	width: auto;
	color: #646464;
	display: block;
	background: url(../images/arrow1.png) no-repeat 10px -24px;
}
.menu li a {
	display: block;
	line-height: 22px;
}
ul.ja_accordion li a:hover,
.menu li a:hover {
	background: url(../images/arrow1.png) no-repeat 10px 9px;
	color: #ff6600 !important;
	text-decoration: none;
}
ul.ja_accordion ul,
.menu ul {
	padding: 0;
}
ul.ja_accordion ul li,
.menu ul li  {
	padding-left: 10px;
}
.ja_aclickmenu_wrap li.last-child {	
}
ul.ja_accordion li span {
	margin-right: 10px;
	float: right;
	left: 0;
	top: 0;
}
#page {
	padding: 0px;
}
#page .page-inset {
	padding: 10px;
	text-align:justify;
}
div.banneritem_text {
	margin-bottom: 10px;
}
input.bt-letter {
	width: 100px;
	height: 30px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding-left: 15px;
	
	cursor: pointer;
	background: url(../images/button.png) no-repeat 0 0;
}
input.input-text {
	width: 90%;
	margin-top: 5px;
	padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #dbdbdb;
}
div.fm-req {
	margin-top: 10px;
}
#ja-userwrap4 ul.latestnews,
#ja-userwrap4 ul.follow {
	margin: 0;
}
ul.follow li {
	padding: 0px;
	padding-left: 6px;
	margin-bottom: 5px;
	background: none;
}
ul.follow  li a.item {
	font-size: 13px;
	vertical-align: top;
	padding: 0 0 0 6px;
	color: #3a3a3a;
}
ul.follow  li a.item:hover {
	color: #4492d1;
	text-decoration: none;
	
}
.color-date {
	color: #aaaaaa;
}
a.ja-a-img {
	overflow: hidden;
	border: 1px solid #e8e8e8;
	display: block;
	padding: 5px;
	float: none;
	text-align:center;
}
a.ja-a-img:hover {
	border: 1px solid #adadad;
}
.contentdiv li {
	width: 22%;
	border:1px solid #CCCCCC;
	text-align:center;
	

}
span.ja-span-name {
	font-size: 14px;
	text-transform: none;
	text-align: center;
	margin-bottom: 0px;
	display: block;
	color: #2d2d2d;
}
.productPrice
{
	text-align:center;
}
span.productPrice {
	color: #ff6701;
	font-weight: normal;
	text-align: center;
}
input.addtocart_button, 
input.addtocart_button_module ,
input.addtocart_button:hover, 
input.addtocart_button_module:hover {
	width: 110px;
	height: 27px;
	border: none;
	color: #0470bb;
	padding: 0px 5px 2px 10px;
	text-align: left;
	cursor: pointer;
	text-transform: none;
	background: url(../images/bt-cart.png) no-repeat 0 0px;
	
}
input.addtocart_button:hover, 
input.addtocart_button_module:hover {
	color: #3c3c3c;
	
}
.contentdiv  {
	border-bottom: 3px solid #f8f8f8;
	padding: 10px 0;
}
input.button-result {
	width: 90px;
	height: 30px;
	cursor: pointer;
	text-align: left;
	color: #0470bb;
	padding-left: 15px;
	background: url(../images/button.png) no-repeat 0 -91px;
}
input.button-submit {
	width: 74px;
	height: 30px;
	text-align: left;
	color: #fff;
	cursor: pointer;
	padding-left: 15px;
	background: url(../images/button.png) no-repeat 0 -61px;
}
.ja-scroller-left,
.ja-scroller-right {
	height: 26px;
	width: 27px;
	top: 80px;
	background: url(../images/icon-left.png) no-repeat;
}
.ja-scroller-right {
	background: url(../images/icon-right.png) no-repeat;
}
.ja-scroller-padding .left_active {
	background: url(../images/icon-left-hover.png) 0 35% no-repeat !important;
}
.ja-scroller-padding .right_active {
	background: url(../images/icon-right-hover.png) 0 35% no-repeat !important;
}
a.ja-a-detail:hover {
	color: #ff6701;
	text-decoration: none;
}
div.listnewsitems  {
	margin: 0;
	line-height: 18px;
	margin-bottom: 13px;
	overflow: hidden;
}
div.listnewsitems a.item-pro {
	color: #1c1c1c;
}
.color-oranged {
	color: #ff6600;
}
.ja-cat-title {
	margin: 14px 0;
	width: 100%;
	overflow: hidden;
}
.ja-navigation {
	float: right;
}
.ja-navigation a:hover, .ja-navigation a:focus, .ja-navigation a:active, .ja-viewall a:hover, .ja-viewall a:focus, .ja-viewall a:active, .ja-navigation a.selected{
	color: #0470bb;
}
.sliderwrapper {
	border-bottom: 3px solid #f8f8f8;
}
span.ja-title {
	float: left;
	font-size: 25px;
}
#vmMainPage {
	padding: 10px;
}
.ja-detail-desc li {
	background: none;
}
.previous_page, .previous_page:hover {
	background: url(../images/next.png) no-repeat;
}
.next_page, .next_page:hover {
	background: url(../images/preview.png) no-repeat right center;
}
.vmCouponField {
	border-top: 1px solid #cbcbcb;
}
.continue_link, .continue_link:hover {
	background: url(../images/black.jpg) no-repeat left center;
	font-size: 15px;
	color: #666565;
}
.checkout_link, .checkout_link:hover {
	font-size: 15px;
	color: #666565;
	background: url(../images/forward.jpg) no-repeat right center;
}
.browseProductTitle {
	margin: 0 0 10px !important;
}
.ja-divproduct {
	border-bottom: 2px solid #f8f8f8;
}
div.page-into {
	padding: 10px;
}
ul.categories li {
	float: left;
	background: none;
	text-align: center;
	margin-bottom: 20px;
}
.vmRecent {
	clear: both;
}
#system-message dd ul {
	margin: 0;
	border: none;
	border-bottom: 1px solid #eaeaea;
	
}
#system-message dd ul  li {
	background: none;
	padding: 0;
}
div.ja-detail-imgfull span {
	width: 70%;
	margin: 10px auto;
	display: block;
	padding: 1px 3px;
	background: #f7f7f7;
	border: 1px solid #e6e6e6;
	/*box-shadow:5px  5px  5px  #191919;*/
	-webkit-box-shadow: 2px  2px  0px  #f7f7f7;
	-moz-box-shadow: 2px  2px  0px  #f7f7f7;
}
.scroll-item {
	text-align: center;
}
.ja-vm-showcart {
	padding: 10px 0 5px 35px;
	background: url(../images/cart.png) no-repeat 0 0;
}
.product-tag
{

	width:38px;
	height:38px;
	position: absolute;
	display: block;
	float:left;


}
#list-product
{
	border:1px solid #CCCCCC;
	margin:5px;
	float:none;
	position:relative;
	width:150px;



}
.ja_aclickmenu_wrap .ja_maccordion li,.ja_maccordion li
{
	background:url(../images/arrow1.png) no-repeat scroll 10px -24px transparent;
	background:none;
	border-top: 1px solid #F1F1F1;
	padding:4px 0 2px;
	list-style-type: none;

	
}
.leading-content
{
	text-align:justify;
}
.ja-detail-inner
{

}
.ja-detail-imgadd
{
	background:none;
	border:1px solid #CCCCCC;
}
.ja-vmProductDetails
{
	text-align:center;
}
.ja-vmProductDetails
{
	text-align:center;
}
#ja-userwrap2
{
	
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	padding: 3px 0px 3px 0px;



	
}
#ja-user2
{
	float:left;
	height:230px;
	overflow-x:hidden;
	overflow-y:scroll;

}
.moduletable h3
{

	margin-bottom:0px;

	border-bottom:1px solid #CCCCCC;


}
#ja-footer
{
	background:#00913e;
	color:#CCCCCC;
}
#ja-footer a, #ja-footer a:hover
{
	color:#FFF;
	font-weight:bold;
}
#ant-date
{
	float:left;
	width:70%;
}
#ant-search
{
	float:left;
	width:29%;
}
#ant-language
{
	float:left;
	width:6%;
}
#date-now
{
	padding-top:10px;
	padding-left:7px;
	font-weight:bold;
}
#toTop {width:100px;z-index: 10;border: 1px solid #333; background:#121212; text-align:center; padding:5px; position:fixed; bottom:0px; right:0px; cursor:pointer; display:none; color:#fff; font-size: 0.9em;}