/*------------------------------------------------------------------------

* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.

* @license - Copyrighted Commercial Software

* Author: ZooTemplate

* Websites:  http://www.zootemplate.com

-------------------------------------------------------------------------*/



/* COMMON STYLE

--------------------------------------------------------- */

html, body, form {

	margin: 0;

	padding: 0;

}

body {

	background: #FFFFFF;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	line-height: 18px;

}

body.contentpane {

	color: #000000;

	background: #FFFFFF;

	font-size: 12px;

	line-height: 1.3em;

	margin: 0;

	margin: 1em 2em;

	width: auto; /* Printable Page */

}

.contentpane .button {

	display: inline;

	height: 25px;

	padding: 0 10px;

}



/* Small text */

small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan {

	font-size: 92%;

}

/*article image*/



.img_caption.left, .img_caption.right {

	margin-top: 3px;

	margin-right: 1em;

}



img.img_caption{

	margin-right: 9px;

	float: left;

	margin-top: 5px;

}

div.img_caption {

	float: left;

	*margin: 0 5px 0 5px;

}

.img_caption p {

	background: url(../images/shadow-bg.gif) no-repeat right top;

	padding-top: 5px;

	margin-top: 0px;

}



img.caption {

	padding: 3px;

	background: #fff;

	border: 1px solid #d6d6d6;

	margin: 0 10px 0px 0;

}

img.personal {

	padding: 3px;

	overflow: hidden;

	border: 1px solid #e0e0e0;

}

img.browseProductImage {

	border: 1px solid #e9e9e9;

	padding: 3px;

}

a {

	outline: none;

	color: #0e406e;

	text-decoration: none;

}

a:hover,

a:active,

a:focus {

	text-decoration: underline;

}

.shadow img {

	padding: 1px;

	border: 1px solid #CCCCCC;	

}

.hidden {

	overflow: hidden;

}

.shadow {

	float: left;

	margin-right: 10px;

	padding-bottom: 3px;

}



/* Heading */

h1 {font-size: 200%;}

h2 {font-size: 160%;}

h3 {font-size: 150%;}

h4 {font-size: 125%;}



p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {

	margin: 1em 0 1em 0;

	padding: 0;

	

}

ul {

	list-style: none;

}

ul li {

	padding: 2px 0 2px 20px;

	display: block;

	height: auto;

	/*background: url(../images/arrow.png) no-repeat 1% 7px;*/

}

div.modulecontent ul.menu {

	margin: 0;

	padding: 0;

}

ul.menu li {

	padding-left: 0px;

	background: none;

	

}

ul.menu li a{

	display: block;

	padding: 1px 0;

}

ul.menu li a span {

	color: #6d6d6d;

}

ul.menu ul {

	margin: 0px;

}

ul.menu ul li {

	margin-left: 0;

	width:auto;

	border-bottom: none;

}

ul.list {

	margin: 0;

}

ul.list li {

	padding: 3px 0 3px 13px !important;

	background: url(../images/arrow-list.png) no-repeat 2px 10px !important;

	border-top: 1px solid #EAEAEA ;

}

ul.list li:hover{

	background: #f5f4f4 url(../images/arrow-list.png) no-repeat 2px 10px !important;

}

ul.list li:hover a,

ul.list li:hover span{

	color: #000;

	text-decoration: none;

	background: none;

	/*text-shadow: 1px 1px 3px #787878;*/

}

ul.list li a,

#menusys_mega ul.list li a{

	color: #444;

	height: auto;

	padding: 0 !important;

	text-indent: 0 !important;

	background: none;

}

ol li {

	margin-left: 21px;

}

th {

	font-weight: bold;

	padding: 8px;

	text-align: left;

}

fieldset {

	border: none;

}

fieldset a {

	font-weight: bold;

}

fieldset.input {

	background: none;

}

legend {

	font-weight: bold;

}



/* FORM

--------------------------------------------------------- */

form {

	margin: 0;

	padding: 0;

}



input, select, textarea, .inputbox, .button {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

}

.inputbox {

	padding: 4px 5px;

	border: 1px solid #D6D6D6;

	background: url(../images/inputbox-bg.png) no-repeat 0 0;

}

.button {

	margin:0px 0 0px;

	/*padding: 1px 5px 4px;*/

	height: 24px;

	color: #414141;

	cursor: pointer;

	border: none;

	font-size:12px;

	font-weight:bold;

	border: 1px solid #CBCBCB;

	background: url(../images/button-input.jpg) repeat-x top left;

}



.search .inputbox {

	margin: 0 0px 10px 0;

	height: 20px;

	width: 170px;

	padding: 2px 0 1px 5px;

}

/* JOOMLA STYLE

--------------------------------------------------------- */

/* Article Layout */

.leading {

	width: 100%;

	padding-bottom: 10px;

	

}

.leading_separator {

	display: block;

	margin: 1px 0;

	height: 2px;

	overflow: hidden;

	width: 100%;

}

.article_column {

	float: left;

	margin: 0 !important;

	padding: 0 !important;

	overflow: hidden;

}

.article_separator {

	clear: both;

	margin: 0;

	display: none;

}

.row_separator {

	display: block;

	clear: both;

	height: 2px;

}

.article_row {

	margin-bottom: 10px;

	width: 100%;

	float: left;

	

}

.column1.cols1 {

	float: none;

}

.column2.cols2 {

	

}

.column3.cols3 {

	float: right;

}

.column4.cols4 {

	float: right;

}

.column5.cols5 {

	float: right;

}

.column1.cols2 .article_column_pad,

.column1.cols3 .article_column_pad,

.column2.cols3 .article_column_pad,

.column1.cols4 .article_column_pad,

.column2.cols4 .article_column_pad,

.column3.cols4 .article_column_pad,

.column1.cols5 .article_column_pad,

.column2.cols5 .article_column_pad,

.column3.cols5 .article_column_pad,

.column4.cols5 .article_column_pad {

}

.article_column_pad {

	

	padding: 5px ;

	overflow: hidden;

}

p.iteminfo {

	line-height: 1em;

	margin: 0;

	

}

.article_row p.iteminfo {

	line-height: 1em;

	margin: 0 -10px 5px;

	padding: 10px;

}

.articleinfo {

	margin: 0.5em 0;

}

/* Category Table layout */

.filter {

	float: left;

	margin: 0;

	padding: 0;

}

.display {

	float: right;

	margin: 10px 0 0;

	text-align: right;

}

/**/

table.category,

table.weblinks,

table.newsfeeds {

	border: 1px solid #383838;

	width: 100%;

	clear:both;

	font-size:1em;

	margin:20px 0;

}

table.category {

	border: 1px solid #cfcfcf;

	width: auto;

	margin:10px 0;

}

table.category td {

	padding: 4px 4px !important;

	background: #f4f6f1;

}

table.category td.last {

	padding: 0px 4px 0px 0px !important;

}

table.newsfeeds th, table.weblinks th, table.category th {

	color: #444;

	background: #dedede;

	padding: 8px 5px 8px 5px;

}

table.newsfeeds td, table.weblinks td, table.category td {

	padding:5px;

}

/* content tables */

.sectiontableheader {

	padding: 4px 8px;

	font-weight: bold;

}

.sectiontableheader a,

.sectiontableheader a:hover,

.sectiontableheader a:active,

.sectiontableheader a:focus {

	color: #444;

}

tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

	padding: 8px;

}

tr.sectiontableentry2 td {

	background: #efefef;

}

td.sectiontableentry0,

td.sectiontableentry1,

td.sectiontableentry2 {

	padding: 4px;

}

table.contentpane {

	border: none;

	background:none;

	border:0px solid #383838;

	width: 100%;

}

table.contentpaneopen {

	border: none;

	border-collapse: collapse;

	border-spacing: 0;

}

table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 30%;

	float: right;

}

table.contenttoc td {

	background: url(../images/bullet-list.gif) no-repeat 5px 8px;

	padding: 1px 5px 1px 15px;

}

table.contenttoc th {

	border-bottom: 1px solid #CCCCCC;

	padding: 0 0 3px;

	text-indent: 5px;

}

table.poll {

	border-collapse: collapse;

	padding: 0;

	width: 100%;

}

table.pollstableborder {

	border: none;

	padding: 0;

	text-align: left;

	width: 100%;

}

table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	border-collapse: collapse;

	border-spacing: 0;

	padding: 4px !important;

	background: none;

}

table.pollstableborder tr.sectiontableentry1 td {

	background: #EEEEEE;

}



table.searchintro {

	padding: 10px 0;

	width: 100%;

}

table.searchintro td {

	padding: 5px!important;

}

.blog_more {

	margin: 0;

	padding: 10px 0 0;

}

.blog_more strong {

	display: block;

	margin: 0 0 5px;

	text-transform: uppercase;

}

.blog_more ul {

	margin: 0;

	padding: 0;

}

.blog_more ul li {

	margin: 0;

	padding: 0 0 0 21px;

}

.category {

	font-weight: normal;

}

h1.componentheading,

.componentheading {

	margin: 0 0 10px 0;

	font-size: 20px;

	line-height: 35px;

	font-weight: normal;

}

.contentdescription {

	/*padding-bottom: 30px;*/

}

h2.contentheading,

.contentheading {

	margin: 0 0 10px 0;

	font-size: 32px;

	font-weight: normal;

	color: #000;

	line-height: normal;

}

h2.contentheading a,

.contentheading a {

}

table.blog .contentheading {

	font-size: 1.4em;

}

td.contentheading {

	line-height: 28px;

}

a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

}

a.readon {

	padding: 0 10px 0 0;

	text-align: center;

	font-weight: bold;

	color: #575757;

}

a.readon:hover,

a.readon:focus,

a.readon:active {

	text-decoration: underline;

}

table.contentpaneopen td, table.contentpane td {

	padding-left:15px; 

}

table.contentpaneopen, table.contentpane, table.blog {

	width: 100%;

}

div.moduletable {

	padding: 0;

}



ul.pagination {

	color: #3B5468;

	overflow: hidden;

	clear: both;

	margin: 10px auto;

	padding: 10px 0;

	text-align: center;

	list-style: none;

}

ul.pagination li {

	margin: 10px 2px;

	padding: 0;

	/*float: left;*/

	display: inline;

	

	

}

ul.pagination li span {

	

	display: inline-block;

	background: #eaeaea;

	color: #323232;

	

}

ul.pagination li span span {

	padding: 2px 3px 2px 3px;

	display: inline-block;

	border: 1px solid #b3b2b2;

	

}

ul.pagination a {

	padding: 0;

	text-decoration: none;

	color: #fff;

	font-weight: bold;

}

ul.pagination a:hover span span, ul.pagination a:active span span, ul.pagination a:focus span span {

	color: #3c3c3c;

	background: #e7e6e6; 

	border:1px solid #b3b2b2;

}

.counter {

	text-align: center;

	margin: 0.5em auto;

	width: 107px;

	background: #cacaca;

	color: #323232;

	border:1px solid #b3b2b2;

}

.pagenavbar {

	background: url(../images/icon-pages.gif) no-repeat center left;

	font-weight: bold;

	padding-left: 14px;

}

.pagenavcounter {

	background: url(../images/icon-pages.gif) no-repeat 0 11px;

	font-weight: bold;

	padding: 8px 14px 0 14px;

}

.smalldark {

	text-align: left;

}

div.syndicate div {

	text-align: center;

}

/* META

--------------------------------------------------------- */

.article-toolswrap {

	display: block;

	margin: 0 0 10px;

	padding: 0;

	position: relative;

}

.article-tools {

	display: block;

	padding: 0 10px 0 0;

}

.article-meta {

	width: 70%;

	float: left;

	color: #3B5468;

}

.createdby {

	font-size: 0.9em;

}



.createdate {

	font-size: 0.9em;

}

.modifydate {

	width: 100%;

	margin: 0 5px 0px 0;

}

.article-section {

	padding-left: 6px;

	margin-left: 5px;

}



.article-section a {

	color: #3B5468;

}

.article-category a {

	color: #3B5468;

}

.buttonheading img {

	margin: 12px 0 0 3px !important;

	padding: 0 !important;

	border: 0 !important;

	float: right;

	background: none !important;

}

p.buttonheading {

	text-align:right;

	margin: 0;

}



p.buttonheading a:hover {

	background:none !important;

	color:#000 !important;

}

p.buttonheading a:active,p.buttonheading a:focus {

	color:#000;

}

ul.latestnews,

ul.mostread {

	/*padding-left: 0; 

	margin: 0;*/

}

ul.latestnews li,

ul.mostread li {

	margin: 0 0 0 5px;

	padding: 3px 0 3px 20px;

	border-bottom: none;

	background: url("../images/typo/arrow.png") no-repeat scroll 5px 5px;

}

ul.recentlyhit li.rh-item {

	margin: 0 0 0 5px;

	padding: 3px 0 3px 20px;

	border-bottom: none;

	background: url("../images/typo/arrow.png") no-repeat scroll 5px 5px;

}

ul.latestnews li{

	line-height: 19px;
	margin: 0;
	padding: 2px 5px 2px 20px;

}

a.button-grey {

	margin: 2px 5px 0 5px;

	padding: 0 15px 0 0;

	float: left;

	line-height: 18px;

	color: #333;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	background: url(../images/button-grey.jpg) no-repeat 100% 0;

}

a.button-grey span {

	margin: 0;

	padding: 0 0 0 15px;

	float: left;

	line-height: 18px;

	cursor: pointer;

	background: url(../images/button-grey.jpg) no-repeat 0 0;

}

a.button-grey:hover,

a.button-grey:focus,

a.button-grey:active {

	color: #658a00;

	text-decoration: none;

}

.loginframe {

	margin: 0 auto;

	padding: 10px;

	width: 400px;

	height: 145px;

	position: relative;

	background: #FFF;

	-moz-border-radius: 10px 10px 10px 10px;

	-webkit-border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

}

.closebox {

	margin: -25px -25px 0 0;

	float: right;

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-indent: -999em;

	cursor: pointer;

	background: url(../images/closebox.png) no-repeat 0 0;

}

.logincol {

	margin: 0 10px 0 0;

	float: left;

	width: 180px;

}

.logincol label {

	margin: 5px 0;

	display: block;

}



.logincol ul {

	margin: 5px 0;

}

.required {

	color: #4c5156;

}

#ztloginframe {

	display: none;

	height: 100%;

	width: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9999;

}

#ztloginContent {

	display: block;

	position: fixed;

	width: 100%;

	left: 0;

	top: -165px;

	z-index: 10000;

}

#ztbacktotop {

	cursor: pointer;

}

.inputboxquantity {

	border:1px solid #DEDEDE;

	margin:-4px 0 0;

	padding:3px;

}

hr {

	background: #e8e8e8;

	border: 0px;

	border-bottom: 1px solid #e8e8e8;

}

.sectiontableheader {

	background: #f4f4f4;

}

h3.zt-category-h3 {

	height: 35px;

	float: left;

}

#namemsg,

#usernamemsg,

#emailmsg,

#pwmsg,

#pw2msg {

	width: 150px;

}

dd{

	padding-left: 10px;

	margin: 0;

}

.zt-field{

	overflow: hidden;

	margin-bottom: 10px;

}

.poll .zt-field{

	margin-bottom: 5px;

}

ul.actions{

	float: right;

}

ul.actions li{

	background: none;

	display: inline;

	padding: 5px;

}

ul.menusitemap  {

	margin: 0.5em 0;

}

ul.menusitemap li{

	background: none;

	padding: 0;

	float: left;

}

ul.menusitemap li a{

	background: none;

}

ul.pagenav li{

	background: none;

	font-weight: bold;

}

ul.pagenav li.pagenav-prev{

	float: left;

	padding: 3px 0;

}

ul.pagenav li.pagenav-next{

	float: right;

	padding: 3px 0;

}