/**
 * CSS file for JTM Component
 *
 * @package    JTM Reseller
 * @subpackage Component
 * @(#) $Header: /home/cvs/custom_code/com_jtm/site/css/jtm.css,v 1.7 2010/07/22 21:23:09 cvs Exp $
 * @license    GNU/GPL
 * @copyright (C) 2009 egeshi.com
 * @author Antony Repin <egeshisolutions@gmail.com>
<<<<<<< jtm.css
 * @version $Id: jtm.css,v 1.7 2010/07/22 21:23:09 cvs Exp $
=======
 * @version $Id: jtm.css,v 1.7 2010/07/22 21:23:09 cvs Exp $
>>>>>>> 1.1.1.2
*/
#jtm_wrap,
.jtm_preview_wrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#jtm_wrap table.template {
	margin-bottom: 20px;
	border-bottom: 1px dotted;
	border-color: #999;
}
#jtm_wrap table.template td {
	padding-bottom: 10px;
}
#jtm_wrap .sidebar .jtm_login,
#jtm_wrap .sidebar .jtm_order,
#jtm_wrap .sidebar .jtm_styles,
#jtm_wrap .sidebar .jtm_categories{
	border: none;
	/* border-color:#CCC; */
	margin-bottom: 12px;
	padding: 0px 5px 8px;
}
#jtm_wrap .sidebar .jtm_support,
#jtm_wrap .sidebar .jtm_sample {
	padding: 0;
	margin: 0 auto;
	border:none;
	width: 209px;
}
#jtm_wrap .jtm_header {
	padding-bottom: 14px;
}
#jtm_wrap h2 {
	padding: 0px;
	margin: 0;
	margin-bottom: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #F90;
}

#jtm_wrap .sidebar h3 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	letter-spacing: 0.1em;
	/* line-height:1.8em; */
	display: block;
	margin: 7px 0;
	padding-left: 4px;
	color: #A11B1B;
}
#jtm_wrap .sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#jtm_wrap .sidebar li {
	list-style-type: none;
	display: block;
	padding: 2px 0;
	margin-bottom: 1px;
	
}
#jtm_wrap .sidebar li:hover {
	border-bottom: 1px dotted;
	border-color: #44adca;
	margin-bottom: 0;
}

#jtm_wrap .sidebar a {
	display: block;
	color: #000;
	font-size: 11px;
	line-height: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	margin: 3px 0;
	padding: 5px 12px 0 8px;
	background-image:url(../../../components/com_jtm/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 178px 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #DADADA;
	border-left: 3px solid #DADADA;
	height: 21px;
	background-color: #F1F1F1;
}
#jtm_wrap .sidebar a:hover {
	color: #224970;
	text-decoration: none;
	background-color: #F1F1F1;
}
#jtm_wrap .template-preview {
	width: 145px;
	margin: 0 auto 10px auto;
}

#jtm_wrap .sidebar {
	float: right;
	width: 22%;
}
#jtm_wrap .clear {
	border:medium none;
	clear:both;
	float:none;
	font-size:1px;
	margin:0;
	padding:0;
}
#jtm_wrap .pagination {
	height: 42px;
}
#jtm_wrap .pagination .wrap {
	width: 61%;
	float: left;
}
#jtm_wrap .pagination .gotopage {
	width: 33%;
	float: right;
	font-size: 10px;
	height: 12px;
	padding: 0;
	text-align: right;
}
#jtm_wrap .pagination .pages {
	/*float: right;
	width: 61%;*/
}
#jtm_wrap .pagination .results-counter {
	/*float: left;
	width: 33%;*/
	font-size:10px;
}
#jtm_wrap .pagination ul {
	margin: 0;
}
#jtm_wrap .pagination li {
	color: #666;
	font-size: 10px;
	display: block;
	float: left;
	padding: 1px 2px;
	background-image: none;
	font-weight: bold;
}
#jtm_wrap .pagination a {
	text-decoration: none;
	color: #000;
	font-size: 10px;
}
#jtm_wrap .pagination a:hover {
	text-decoration: none;
	background-color: #390;
	color: #FFF;
	border: none;
}

#jtm_wrap .picture-menu a.add {
	display: block;
	float: left;
	width: 74px;
	line-height: 17px;
	height: 20px;
	background-image: url(../../../components/com_jtm/images/add_to_cart.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 10px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	padding-top: 4px;
}
#jtm_wrap .picture-menu a.details {
	display: block;
	float: right;
	line-height: 17px;
	height: 22px;
	margin-top: 14px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#jtm_wrap .picture-menu a.details:hover {
	text-decoration: underline;
}
#jtm_wrap a.template-group {
	color:#135CAE;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	padding: 5px 0;
	margin: 0 auto;
	line-height: 16px;
	text-align: center;
	width: 150px;
}
#jtm_wrap .image {
	width: 151px;
	margin: 0 auto;
}
#jtm_wrap .image img {
	border: 1px solid #999;
	width: 145px;
	padding: 2px;
}
#jtm_wrap .price,
#jtm_wrap .uniq-price{
	font-weight: bold;
	margin-top: 2px;
}
#jtm_wrap .price span {
	font-size: 18px;
	font-weight: bold;
	color: #F60;
	display: block;
}
#jtm_wrap .uniq-price span {
	font-size: 16px;
	font-weight: bold;
	color: #390;
	display: block;
}

#jtm_wrap .info {
	font-size: 11px;
	width: 145px;
	margin: 0 auto;
}
#jtm_wrap table.search {
	/*height: 50px;
	background-color: #CCC;
	margin-bottom: 20px;*/
	border: none;
}
#jtm_wrap .search .image {
	width: 50px;
	height: 50px;
	float: left;
	border: none;
}
#jtm_wrap .form {
	float: left;
	width: 100%;
	border:1px dotted;
	border-color: #CCCCCC;
	padding: 5px;
	margin-bottom: 20px;
}
#jtm_wrap .search .form .col1 {
	float:left;
	height: 50px;
	white-space: nowrap;
	padding-left: 10px;
	width:35%;
}
#jtm_wrap .search .form .col2 {
	width:25%;
	float: left;
	height: 50px;
	white-space: nowrap;
}
#jtm_wrap .search .form .col3 {
	float: right;
	width: 30%;
	text-align: right;
	height: 50px;
	white-space: nowrap;
}

#jtm_wrap .templates_wrap {
	width: 100%;
}

#jtm_wrap .templates_wrap h3 {
	display: block;
	/*width: 145px;*/
	text-align: center;
	margin: 5px 1px;
	padding: 5px 0;
	/*
	border-top: 1px dotted #44ADCA;
	border-bottom: 1px dotted #44ADCA;
	*/
	white-space: normal;
}
#jtm_wrap table.templates {
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
#jtm_wrap table.templates td.picture-menu .wrap {
	width: 145px;
	height: 34px;
	margin: 0 auto;
}
/*
#jtm_preview_wrap .info {
	width: 85%;
	float: right;
}
*/
#jtm_wrap table.templates td.thumb {
	padding: 5px;
}
#jtm_wrap table.templates td.thumb a {
	display: block;
	width: 151px;
	height: 151px;
	/*
	cursor: pointer;
	*/
	margin: 0 auto; 
}
#jtm_wrap table.templates td.thumb img {
	border: 1px solid #999;
	padding: 3px;
}
#jtm_wrap table.templates td.cats {
	padding-top: 10px;
	padding-bottom: 0;
	/* height: 104px; */
	overflow: hidden;
}
#jtm_wrap table.templates td.cats div.wrap {
	height: 26px;
	overflow: hidden;
	margin-bottom: 0;
}
#jtm_wrap table.templates td.price .wrap {
	width: 145px;
	padding-bottom: 10px;
	margin: 0 auto;
}

#jtm_preview_wrap .header {
	
}
#jtm_preview_wrap .sidebar {
	width: 15%;
	float: left;
}

#jtm_preview_wrap h2 {
	display:block;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #F90;
}
#jtm_preview_wrap h3 {
	display:block;
	text-align: left;
	text-transform: uppercase;
	font-size: 11px;
	font-weight:bold;
	display: block;
	margin: 7px 0;
	padding-left: 4px;
	color: #666;
}
#jtm_preview_wrap #info_content .desc {
	width:27%;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding:5px;
	border:1px dotted #666;
	height: 220px;
}

/*
Moved to single.css
#jtm_preview_wrap #info_content .desc span {
	font-weight:bold;
}
#jtm_preview_wrap #info_content .tech {
	width:69%;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding:5px;
	border:1px dotted #666;
	height: 220px;
}
#jtm_preview_wrap #info_content .tech span {
	font-weight:bold;
}

#jtm_preview_wrap #info_content .price span {
	color:#FF6600;
	font-size:18px;
	font-weight:bold;
	display: block;
}
#jtm_preview_wrap #info_content .uniq-price span {
	color:#339900;
	display:block;
	font-size:16px;
	font-weight:bold;
}
*/
/*
#jtm_preview_wrap #psd_screenshot {
	width: 49%;
	float: left;
	margin-right: 5px;

}

#jtm_preview_wrap #psd_screenshot div {
	float:right;	
}

#jtm_preview_wrap #html_screenshot {
	float:left;
	width: 49%;
	margin-left: 5px;
}
#jtm_preview_wrap #html_screenshot div {
	float:left;	
}
*/
#jtm_preview_wrap #html_screenshot img,
#jtm_preview_wrap #psd_screenshot img{
	border:1px solid #999;
}
#jtm_preview_wrap .extra .categories {
	float: left;
	width: 28%;
}
#jtm_preview_wrap .extra .keywords {
	float: right;
	width: 69%;
}
#jtm_preview_wrap .extra .categories ul,
#jtm_preview_wrap .extra .keywords ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}
#jtm_preview_wrap .extra .categories li,
#jtm_preview_wrap .extra .keywords li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#jtm_preview_wrap .extra .keywords li {
	display: block;
	float: left;
}

#jtm_preview_wrap .extra .categories a,
#jtm_preview_wrap .extra .keywords a {
	margin-right: 5px;
	padding: 0 2px;
	text-align: center;
	display: block;
	text-decoration: none;
}
#jtm_preview_wrap .extra .categories a:hover,
#jtm_preview_wrap .extra .keywords a:hover {
	background-color: #44adca;	
}
#jtm_preview_wrap .extra .categories a {
	text-align: left;
	padding-left: 5px;
}
#iframe_wrap iframe body {
	border: 1px solid #999;
}
#iframe_wrap ul.content_links,
#iframe_wrap ul.content_links li {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#iframe_wrap ul.content_links {
	display:block;
	margin-bottom: 12px;
	height: 30px;
}
#iframe_wrap ul.content_links a{
	display: block;
	float: left;
	background-color: #FFF;
	padding: 0 2px;
	margin: 0 5px;
	text-decoration: none;
}
#iframe_wrap ul.content_links a:hover {
	background-color: #44adca;
}
#jtm_wrap .ads {
	width: 49%;
	float:right;
}
#jtm_wrap .aff_form {
	width: 49%;
	float:left;
}
#jtm_wrap .ads a {
	display: block;
	width: 468px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}

#jtm_wrap .ads a img {
	width: 468px;
}
#jtm_wrap .jtm_banners .banner {
	width: 50%;
	margin: 0 auto;
}
#jtm_wrap .sidebar .jtm_support h3 {
	display: block;
	margin: 0 auto;
}
#jtm_wrap .sidebar .jtm_support a {
	background-image: none;
	margin: 0;
	padding: 0;
	
	
}
.contentdescription_fp {
	font-size: 16px;
	padding-bottom:14px;
	line-height: 22px;
	font-weight: bold;
}
/* Tooltips */
.cat_tip-tip {
	background-color: #9e9e9e;
	padding: 5px;
	color: #666;
	width: 130px;
	overflow: hidden;
}
 
.cat_tip-tip .cat_tip-tip {
	color: #fff;
	background-color: #9e9e9e;
	font-size: 12px;
	padding: 5px;
}
 
.cat_tip-tip .cat_tip-text {
	color: #fff;
	padding: 5px;
}

.preview_tip .tip {
	background-color: #9e9e9e;
	padding: 5px;
	color: #666;
	width: 150px;
	overflow: hidden;
}
 
.preview_tip .tip-title {
	color: #fff;
	background-color: #9e9e9e;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	border-bottom: 2px solid #ccc;
}
 
.preview_tip .tip-text {
	color: #fff;
	padding: 5px;
	font-size: 11px;
}
.form_element {
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	margin-bottom:8px;
	margin-left:30px;
	margin-top:8px;
	width:85%;
}
.form_element label {
	display:block;
	float:left;
	line-height:22px;
	padding:0 10px 0 0;
	vertical-align:middle;
}
.form_element select, .form_element input {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
}
#screenshots_wrap ul {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:800px;
	background:none;
} 
#screenshots_wrap ul li {
	float:left;
	background: none;
} 
#screenshots_wrap ul li a {
	float:left;
}
#jtm_wrap td.tid {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#screenshots_wrap li {
	list-style-type: none;
}

#jtm_wrap .form label {
	display: block;
	float: left;
	width: 60px;
}

#jtm_wrap .form select {
	width: 240px;
}