/* -- Additional Style sheets --*/

@import url('layout.css');
@import url('menus.css');

* 
{font-weight: normal;font-family: inherit;	font-style: inherit; font-size: 100%; outline: 0;padding: 0;margin: 0;vertical-align: top;} 
img, a {border: none}
tr td p {margin: 0;}
fieldset.input,fieldset {border: none}
body, html {height: 100%;width: 100%;margin: 0;padding: 0}
table {width: 100%;clear: both}
ul,ol,ul.menu {margin: 10px 0 10px 0px;padding: 0}
ul li{padding: 4px 0;list-style-type: disc;margin: 0 0 0 16px}
ol li {padding: 4px 0;margin: 0 0 0 16px;list-style-type: decimal;}

/* @group Clear Fix */
.clear {clear: both; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;	width: 0;height: 0;}
.clearfix {	display: inline-block;}
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}
/* @end */

body {
background: #fff; 
font-family: Helvetica, Arial, sans-serif, Verdana;
font-size: 79%;  
line-height: 1.8em; 
color: #444;
width: 100%;
} 

/* @group Links */
a,
a:link {color: #olive;text-decoration: none}
a:hover {text-decoration: none}
.pp_content a, .pp_content a:hover {padding: 0;}
a.readon {text-decoration: none;float: right;font-size: 1.2em;text-transform: lowercase;font-family: georgia;font-style: italic;margin-top: 10px;background: url(../images/h3.png) no-repeat 0 2px;padding-left: 30px;} 
a.readon:hover {text-decoration: underline;}
/* @end */

/* @group Headings */
h1,.componentheading {font-size: 2.8em;line-height: 1.2em;margin: 0;padding: 0;font-family: georgia;}
h2,.contentheading {font-size: 2.2em;line-height: 1.5em;margin: 0;padding: 0;font-family: georgia}

#banner h2 {background: none;}
h3,.moduletable h3 {font-size: 2.4em;line-height: 1.3em;margin: 0 0 10px 0;padding:0 0 4px 0;font-family: georgia;background: none;}

#rightCol .moduletable,#leftCol .moduletable_menu,#leftCol .moduletable {background: url(../images/moduleTop.png) repeat-x left 35px;padding: 8px 0px 0;border: 1px solid #ECECEC;margin-bottom: 30px}
#rightCol .moduletable h3,#leftCol .moduletable_menu h3,#leftCol .moduletable h3 {font-size: 1.3em;padding-bottom: 8px;padding-left: 40px;background: url(../images/h3.png) no-repeat 12px 2px}
h4 {font-size: 1.2em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0;}
h5 {font-size: 1.1em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0;}
h6 {font-size: 1em;line-height: 1.3em;margin: 0 0 0.25em 0;padding: 0;}
blockquote {font-size: 1.4em;line-height: 1.6em;font-family: georgia;color: #777;background: url(../images/tinyQuote.png) no-repeat;padding-left: 45px;clear: both;}

span.dropcap {font-family:Georgia, "Times New Roman", Times, serif;font-size:60px;display:block;float:left;padding:16px 16px 16px 0;margin:0;color: #666;}
span.author {float: right;width: 100%;text-align: right;color: #999;font-style: italic;margin: 8px 0 20px;font-family: georgia}
/* @end */



/* @group Module Classes */
.moduletable-brown h3 {border-bottom: 4px solid #B3AB9C;}
.moduletable-grey h3 {border-bottom: 4px solid #ccc}
.moduletable-red h3 {border-bottom: 4px solid #B31700}
.moduletable-black h3 {border-bottom: 4px solid #343434}
.moduletable-brown h3 {border-bottom: 4px solid #B3AB9C;}


/* @end */


/* @group Misc Classes */
.left45 {float: left;width: 45%;margin-right: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0;}
.right45 {float: right;width: 45%;margin-left: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0;}
.jbLogo {margin-top: 4px;float: right;}
span.modifydate {float: right;color: #999;text-transform: lowercase;font-style: italic;font-size: 90%;margin-top: 10px;width: 100%;}

/* @end */

/* @group Boxes */
.blackbox {border-left: 8px solid #333;padding: 8px;background: #eee;margin: 10px 0;}
.redbox {border-left: 8px solid #521218;padding: 8px;background: #eee;margin: 10px 0;}
.bluebox {border-left: 8px solid #417378;padding: 8px;background: #eee;margin: 10px 0;}
.greenbox {border-left: 8px solid #CDD452;padding: 8px;background: #eee;margin: 10px 0;}
.yellowbox {border-left: 8px solid #F2F096;padding: 8px;background: #eee;margin: 10px 0;}
.brownbox {border-left: 8px solid #B05A3A;padding: 8px;background: #eee;margin: 10px 0;}
.purplebox {border-left: 8px solid #7F176B;padding: 8px;background: #eee;margin: 10px 0;}
/* @end */

/* @group Spans */
span.black,li.black {color: #000;}
span.blue,li.blue {color: #417378;}
span.red,li.red {color: #521218;}
span.green,li.green {color: #CDD452;}
span.yellow,li.yellow {color: #F2F096;background: #333;padding: 4px;}
span.white {color: #ddd;}
span.brown,li.brown {color: #B05A3A;}
span.purple {color: #7F176B;}
/* @end */

/* @group Text and Lists */
p{margin: 8px 0;}
pre {font-family: monospace;font-size: 1.0em;}
strong, b {font-weight: bold;}
em, i {font-style:italic;}
code {font-family: "Courier New", Courier, monospace;font-size: 1em;white-space: pre;}
dl {margin: 0 0 1.5em 0;padding: 0;line-height: 1.4em;}
dl dt {font-weight: bold;margin: 0.25em 0 0.25em 0;padding: 0;}
dl dd {margin: 0 0 0 30px;padding: 0;}
/* @end */

/* @group Misc Classes */
.floatleft {float: left;margin-right: 20px;}
.floatright {float: right;margin-left: 20px;}
.border {border: 1px solid #ddd;padding: 4px;}
.left45 {float: left;width: 45%;margin-right: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0;}
.right45 {float: right;width: 45%;margin-left: 10px;border: 8px solid #eee;border-width: 8px 0;padding: 10px 0;}
.jbLogo {margin-top: 4px;float: right;}
span.modifydate,.createby {float: left;}
.createdate {float: left;font-size: 1em;font-family: georgia;margin-right: 10px;}
/* @end */

/* @group Tables */
table {font-size: 1em;margin: 0 0 1.5em 0;padding: 0;}
table caption {font-weight: bold;margin: 0 0 0 0;padding: 0 0 1.5em 0;}
th {font-weight: bold;text-align: left;}
td {font-size: 1em;}
div.hr {height: 1px;margin: 1.5em 10px;border-bottom: 1px dotted #ddd;}
/* @end */

/* @group Joomla Stuff */
table.contenttoc {float: right;background: #fff;padding:8px;border: 1px solid;display: none}
.pagenavcounter {display: none}
.pagenavbar {position: absolute;top: 600px;left: 810px;width: 100px}
.blog {width: 100%}
.contentpaneopen {width: 100%}
p.counter {clear: both;}
div.banneritem,div.banneritem_text {margin: 10px 0;}

/* @group Date Styling */
.blogdate {text-align: center;padding: 0;margin: 0 10px 0px 0;font-family: georgia;color: #999;display: inline;float: left;font-variant: small-caps;width: 100%;}
.dateday {font-size: 1em;margin-right: 3px;float: left;}
.datemonth {font-size: 1em;margin-right: 3px;float: left;}
.dateyear {font-size: 1em;float: left;}

/* @end */

/* @group PDF Buttons etc */
.meta {float: left;width: 100%;clear: both;color: #999;font-size: 0.9em;}
.buttonheading {float: left;width: 100%;margin-bottom: 10px;clear: both;}
.buttonheading a {background: none;margin: 0;padding: 0;}
#page .buttonheading {margin: 0;}

.contentpaneopen_edit {width: 20px;text-align: right;background: none;float: right}
/* @end */

/* @group Override Specific */

/* @group Frontpage Columns */
.column1.cols2 {width: 48%;float: left}
.column2.cols2 {width: 48%;float:right}
.column1.cols3,.column2.cols3 {width: 31%;float: left;margin-right: 2%;}
.column3.cols3 {width: 31%;float:right}
.article_row {clear: both;width: 100%;border-bottom: 1px solid #eee;float: left;padding: 8px 0 20px;margin-bottom: 20px;}



/* @end */
.article-tools {float: left;display: inline;}
.article-content {margin-top: 20px;clear: both;float: left;width: 100%;}
.article-meta {float: left}
p.articleinfo {width: 100%;float: left} 
#modlgn_username,#modlgn_passwd {background: #eee;border: 1px solid #000;padding: 4px;color: #666}
.width33 {float: left;width: 30%;margin-right: 2%}
.width50 {float: left;width: 47%;margin-right: 3%}
.createdby {float: right}
.contact form label,#registrationPage label {float: left;width: 100%}
#form-login ul li {list-style-type: none;margin: 0;}
#form-login ul li a{border-bottom: 1px solid #333;display: block;text-decoration: none;}
#form-login ul li a:hover {background: #333;}
.blog_more {clear: both}
.morearticles {clear: both;}
.morearticles ul li,.blog_more ul li {list-style: none;margin: 0;padding: 0;}
.morearticles ul li a,.blog_more ul li  a {text-decoration: none;display: block;width: 100%!important;border-bottom: 1px solid #ddd;padding: 4px}
ul.pagination li {list-style-type: none;float: left;margin: 0 10px 0 0}
ul.pagination {width: 100%;float: left;margin: 0;padding: 0;}
ul.pagination li a {border: 1px solid #ededed;text-decoration: none;padding: 10px;}
ul.pagination li a:hover {background: #eee;border: 1px solid #999;}
.article_separator{padding: 0px 0;margin: 10px 0 0px;float: left}
.searchResultsLeft h3{margin-bottom: 20px;}
.results ol li{margin: 0;border-bottom: 1px dashed #ddd;padding: 20px 0;}
.articleInner {width: 98%;}
.pagination {width: 100%;}
.article-content {}



/* @end */
/* @end */


.blogcalmod {float: left;width: 96%;border: 4px solid;border-width: 4px 0;padding: 10px 2%;text-align: center;margin-bottom: 40px}
.blogcalmod tr th {text-align: center;}
.blogcalmod blogcal span a {text-decoration: none;}
.blogcalmod tr td a {background: #eee;text-decoration: none;border-bottom: 4px solid #ddd;text-align: center;padding: 4px 8px 0 0;}

#jbk2Left {float: left;width: 22%;margin-top: 10px;font-size: 90%;font-style: italic;}
#jbk2Mid {float: left;width: 50%;margin-left: 5%;}
#jbk2Right {float: right;width: 20%;margin-top: 10px;font-size: 90%;font-style: italic;}


/* @group Styles and Classes */
.phone {color: #8F8F8F;font-family: arial;margin: 0;}
span.phone {background: url(../images/phone_icon.gif) no-repeat left center;font-size: 140%;color: #8F8F8F;font-family: arial;padding: 0px 0 0 20px;}
blockquote,.blockquote {font-size: 140%;background: url(../images/tinyQuote.png) no-repeat left top;display: inherit;}
blockquote p {background: url(../images/small_quote_br.gif) no-repeat right bottom;padding-bottom: 20px;font-style: italic;}
.pencil {background: url(../images/pencil.jpg) no-repeat left center;padding-left: 30px;}

.search {background: url(../images/search.png) no-repeat left top;height: 40px;width: 235px;}
.search .inputbox {border: none;padding-left: 60px;width: 180px;font-size: 1.4em;color: #999;font-style: italic;font-family: georgia;background: none;}
.name .inputbox,.user .inputbox,.email .inputbox,.pass .inputbox, .verify_pass .inputbox  {display: block;width: 400px;}

.star {background: url(../images/star.gif) no-repeat left center;padding-left: 30px;}
ul.pencil li {background: url(../images/pencil.jpg) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;}
ul.pencil {background: none;padding: 0}
ul.square li {background: url(../images/bullet_square.jpg) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;}
ul.square {background: none;padding: 0}

/* @group Paragraph Styling */
.new {background: url(../images/icons/new.png) no-repeat left center;padding: 20px 0 20px 60px;}
.code {font-family: georgia;background: url(../images/icons/edit.png) no-repeat left center;padding: 20px 20px 20px 80px}
.attachment {background: url(../images/icons/attachment.png) no-repeat left center;padding: 20px 0 20px 60px;}
.calculator {background: url(../images/icons/calculator.png) no-repeat left center;padding: 20px 0 20px 60px;}
.cut {background: url(../images/icons/cut.png) no-repeat left center;padding: 20px 0 20px 60px;}
.dollar {background: url(../images/icons/dollar_currency_sign.png) no-repeat left center;padding: 20px 0 20px 60px;}
.euro {background: url(../images/icons/euro_currency_sign.png) no-repeat left center;padding: 20px 0 20px 60px;}
.pound {background: url(../images/icons/sterling_pound_currency_sign.png) no-repeat left center;padding: 20px 0 20px 60px;}
.contact {background: url(../images/icons/phone_book.png) no-repeat left center;padding: 20px 0 20px 60px;}
.sale {background: url(../images/icons/sale.png) no-repeat left center;padding: 20px 0 20px 60px;}
.save {background: url(../images/icons/save.png) no-repeat left center;padding: 20px 0 20px 60px;}
.sound {background: url(../images/icons/sound.png) no-repeat left center;padding: 20px 0 20px 60px;}
.support {background: url(../images/icons/support.png) no-repeat left center;padding: 20px 0 20px 60px;}
.next {background: url(../images/icons/next.png) no-repeat left center;padding: 20px 0 20px 60px;}
/* @end */

/* @group List Styling */
li.attachment,ul.attachment li {background: url(../images/icons/32/attachment.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.calculator,ul.calculator li {background: url(../images/icons/32/calculator.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.cut,ul.cut li {background: url(../images/icons/32/cut.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.dollar,ul.dollar li {background: url(../images/icons/32/dollar_currency_sign.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.euro,ul.euro li {background: url(../images/icons/32/euro_currency_sign.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.pound,ul.pound li {background: url(../images/icons/32/sterling_pound_currency_sign.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.contact,ul.contact li {background: url(../images/icons/32/phone_book.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.sale,ul.sale li {background: url(../images/icons/32/sale.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.save,ul.save li {background: url(../images/icons/32/save.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.sound,ul.sound li {background: url(../images/icons/32/sound.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.support,ul.support li {background: url(../images/icons/32/support.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.edit,ul.edit li {background: url(../images/icons/32/edit.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.dvd,ul.dvd li {background: url(../images/icons/32/dvd.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.home,ul.home li {background: url(../images/icons/32/home.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
li.next,ul.next li {background: url(../images/icons/32/next.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;}
ul.next,ul.home,ul.dvd,ul.edit,ul.support,ul.sound,ul.save,ul.sale,ul.pound,ul.dollar,ul.euro,ul.cut,ul.calculator,ul.attachment {background: none;}


div.contact {background: none;padding: 0;}
input#contact_name.inputbox {border: 1px solid #ddd;padding: 8px;;margin: 4px 0;background: url(../images/fieldShadow.jpg) repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 8px;
	margin-bottom: 20px;
	}
	
	button.button.validate {padding: 10px;}
	
	
/* @end */
/* @group Misc Styles */
.border {padding: 4px;border: 1px solid #eee;background: #fff;}
.slideshowImage a img,.slideshowImage a,.slideshowImage {z-index: 1;}
.clear {clear: both;}
hr {border: 1px solid #eee;}
.inputbox {border: 1px solid #ddd;padding: 4px;border: 1px solid #ddd;padding: 8px;;margin: 4px 0;background: url(../images/fieldShadow.jpg) repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 8px;
	margin-bottom: 20px;
	}
/* @end */
 
/* @group Lists */
ol li {list-style-position: inside;}
ul.tick li {background: url(../images/tick.gif) no-repeat left center;list-style-type: none;padding-left: 20px;}
/* @end */
/* @end */