Joomla! Discussion Forums

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

body {
   margin: 0;
   padding: 0;
   color: #000000;
   font: 12px/normal Arial, sans-serif;
}

body#bd {
   text-align: center;
   background: #475573;
   color: #FFFFFF;
}

body.contentpane {
   width: auto;
   margin: 10px;
   line-height: 140%;
}

h1 {
   font-size: 16px;
}

h2 {
   margin: 10px 0;
   font-size: 14px;
}

h3, h4 {
   margin: 10px 0;
   font-size: 13px;
}

/* Smaller text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, a.readon,
.blog_more, .back_button, .pagenavcounter, .pagenav, .pagenavbar, .contenttoc,
#ja-headermain-top div.your-cart, #ja-leftcol, #ja-rightcol, #ja-footer, #pathway {
   font-size: 11px;
}

/* Normal links */
a {
   color: #037CCF;
   text-decoration: none;
}

a:hover, a:active {
   color: #AA3C36;
   text-decoration: none;
}

p {
   margin: 10px 0;
}

ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

li {
   padding-left: 15px;
   background: url(../images/bullet.gif) no-repeat 2px 5px;
   line-height: 18px;
}

th {
   padding: 4px;
   font-weight: bold;
   text-align: left;
}

fieldset {
   border: none;
   margin: 0;
   padding: 0;
}

fieldset a {
   font-weight: bold;
}

hr {
   border-top: 1px solid #8A91A0;
   border-right: 0;
   border-left: 0;
   border-bottom: 0;
   height: 1px;
}

img {
   border: none;
}

/* FORM
--------------------------------------------------------- */

form {
   margin: 0;
   padding: 0;
}

input {
   font: 11px Tahoma, Arial, sans-serif;
   font-weight: normal!important;
}

input.addtocart {
   color: #AA3C36;
   font-size: 0px;
   background: url(../images/button-addtocart-big.gif) no-repeat top center!important;
   width: 141px!important;
}

a.addtocart {
   text-indent: -2000px;
   display: block;
   width: 90px;
   height: 30px;
   background: url(../images/button-addtocart.gif) no-repeat bottom left;
}

select {
   font: 11px Tahoma, Arial, sans-serif;
}

textarea {
   border: 1px solid #8A91A0;
   padding-left: 2px;
   font: 11px/1.3em Tahoma, Arial, sans-serif;
}

.button {
   padding-left: 5px;
   padding-right: 5px;
}

.inputbox {
   padding-left: 2px;
   border: 1px solid #8A91A0;
}

/* MODULE
--------------------------------------------------------- */

div.modules {
   width: 100%;
}

div.moduletable h3 {
   padding: 0;
   margin: 0 0 6px;
   color: #FFFFFF;
   font-size: 11px;
   text-transform: UPPERCASE;
}

div.moduletable {
   padding: 5px 5px 10px;
   margin: 0;
}

div.moduletable td {
   padding: 3px 0!important;
}

#ja-leftcol div.moduletable-red,
#ja-leftcol div.moduletable-orange,
#ja-leftcol div.moduletable-blue {
   width: 140px;
   color: #FFFFFF;
   margin-bottom: 5px;
   padding: 5px;
}

#ja-rightcol div.moduletable-red,
#ja-rightcol div.moduletable-orange,
#ja-rightcol div.moduletable-blue {
   width: 140px;
   color: #FFFFFF;
   margin: 0 0 5px 5px;
   padding: 5px;
}

#ja-leftcol div.moduletable-red h3,
#ja-rightcol div.moduletable-red h3,
#ja-leftcol div.moduletable-orange h3,
#ja-rightcol div.moduletable-orange h3,
#ja-leftcol div.moduletable-blue h3,
#ja-rightcol div.moduletable-blue h3  {
   padding: 0;
   margin: 0 0 6px;
   color: #FFFFFF;
   font-size: 11px;
   text-transform: UPPERCASE;
}

#ja-leftcol div.moduletable-red,
#ja-rightcol div.moduletable-red {
   background: #963530;
}

#ja-leftcol div.moduletable-orange,
#ja-rightcol div.moduletable-orange  {
   background: #E47E00;
}

#ja-leftcol div.moduletable-blue,
#ja-rightcol div.moduletable-blue  {
   background: #44567B;
}


/* JOOMLA STYLE
--------------------------------------------------------- */

table.blog {
   width: auto;
}

table.blog .article_seperator {
   height: 10px;
   display: block;
}

table.contentpane {
   border: none;
   width: 100%;
}

table.contentpaneopen {
   border: none;
}

table.contenttoc {
   margin: 0 0 10px 10px;
   width: 25%;
}

table.contenttoc td {
   padding: 1px 5px 1px 20px;
}

table.contenttoc th {
   padding: 1px 5px 1px 20px;
   border-bottom: 1px solid #8A91A0;
   background: url(../images/arrow-on.gif) no-repeat 6px;
}

table.contenttoc td:hover {
   padding: 1px 5px 1px 20px;
   background: url(../images/arrow-on.gif) no-repeat 6px;
}

table.polls {
   padding: 0;
   width: 150%;
}

table.pollstableborder {
   padding: 0;
   width: 100%;
   text-align: left;
   border-color: #FFFFFF;
}

table.pollstableborder img {
   margin: 4px 4px 4px 0;
}

table.pollstableborder td {
   padding: 2px!important;
}

table.searchintro {
   margin: 10px 0;
   width: 100%;
   background: #F9F9F9;
   border: 1px solid #EEEEEE;
}

table.searchintro td {
   padding: 5px!important;
}

ul#mainlevel li, ul#mainlevel-nav li {
   padding: 0;
   display: inline;
   background: none;
   line-height: normal;
}

.blog_more {
   margin: 10px 0;
   padding: 0 5px 5px 5px;
}

.blog_more strong {
   display: block;
   padding: 5px 5px 5px 0;
   border-top: 1px solid #8A91A0;
   font-weight: bold;
   color: #AA3C36;
   text-transform: uppercase;
}

td.buttonheading {
   padding: 0 3px!important;
   text-align: center;
}

.category {
   font-weight: bold;
}

.clr {
   clear: both;
}

.code, pre {
   border: 1px solid #F0F0C0;
   width: auto;
   padding: 5px;
   background: #FFFFCC;
}

.componentheading {
   padding: 0;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 16px;
}

.contentdescription {
   padding-bottom: 30px;
   font-style: italic;
}

table.blog td.contentheading {
   font-weight: bold;
   font-size: 13px;
   line-height: normal;
   padding: 0;
   color: #2B5E91;
}

td.contentheading {
   font-weight: bold;
   font-size: 16px;
   line-height: normal;
   padding: 0;
   color: #000000;
}

.contentpagetitle {
}

a.readon {
   color: #AA3C36;
}

a.readon:hover {
   color: #AA3C36;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
   width: 100%;
}

.createdate {
   color: #8A91A0;
   font-weight: bold;
   line-height: 11px;
}

.modifydate {
   color: #8A91A0;
}

.error {
   color: #AA3C36;
}

.highlight {
   font-weight: bold;
   border-bottom: 1px dotted;
}

.message, .shop_tip {
   font: bold 12px/16px Arial, sans-serif;
   color: #FFFFFF;
   background: none #AA3C36;
   padding: 2px 4px;
   margin: 0;
}

.moduletable {
   padding: 0;
}

.mosimage, .mosimage img {
   padding: 0;
   margin: 5px 5px 0 0!important;
   margin: 5px 0 0 0;
}

.mosimage_caption {
   margin-top: 2px;
   padding: 1px 2px;
   color: #8A91A0;
}

.pagenav {
   padding: 2px;
}

.pagenav_prev a, .pagenav_next a {
   color: #8A91A0;
   font-size: 0.9em;
}

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {
   text-decoration: none;
}

.pagenavbar {
   font-weight: bold;
   color: #8A91A0;
}

.pagenavcounter {
   padding-bottom: 10px;
   color: #8A91A0;
   font-weight: bold;
}

.sectiontableheader {
   padding: 2px 4px;
   background: #475573;
   color: #FFFFFF;
   border-right: 1px solid #EFEFEF;
}

.sectiontableheader a, .sectiontableheader a:hover {
   color: #FFFFFF;
}

tr.sectiontableentry1 td {
   padding: 2px 4px;
   background: #F9F9F9;
}

tr.sectiontableentry2 td {
   padding: 2px 4px;
   background: #E6E6E6;
}

.small {
   color: #8A91A0;
}

/* MAIN CONTAINER
--------------------------------------------------------- */

#ja-wrapper {
   width: 100%;
   color: #111F3D;
}

#ja-container {
   width: 760px;
   text-align: left;
   padding: 5px 5px 10px;
   margin: 0 auto;
   background: url(../images/container-bg.gif);
   border: 1px solid #475573;
}

#ja-content, #ja-content-full-left, #ja-content-full-right, #ja-content-full {
   line-height: 140%; /* line-height for content reading */
   float: left;
}

#ja-content .last,
#ja-content-full-right .last,
#ja-content-full-left .last,
#ja-content-full .last {
   background: #F9F9F9;
   padding: 7px 5px;
}

.spacer {
   padding: 5px 5px 10px;
   margin: 0;
}

#ja-leftcol div.spacer {
   background: #666666;
   margin-right: 5px;
}

#ja-rightcol div.spacer {
   background: #001237;
   margin-left: 5px;
}

#ja-content div.spacer,
#ja-content-full-right div.spacer,
#ja-content-full-left div.spacer,
#ja-content-full div.spacer {
   background: #F9F9F9;
}

/* 3 columns content width */
#ja-content {
   width: 455px;
}

#ja-content-full-right, #ja-content-full-left {
   width: 605px;
}

/* PATHWAY
--------------------------------------------------------- */

#pathway {
   padding: 0;
   margin: 0;
   color: #CCCCCC;
   position: absolute;
   left: 5px;
   top: 0px;
}

#pathway a {
   padding: 0;
   color: #F9F9F9;
   font-weight: bold;
}

#pathway a:hover, #pathway a:active {
   text-decoration: none;
}

#pathway img {
   padding: 0 3px;
}

/* HEADER
--------------------------------------------------------- */

#ja-header {
   position: relative;
   line-height: normal;
   height: 143px;
}

#ja-topline {
   position: relative;
   clear: both;
   height: 12px;
}

#ja-user-bar {
   font-size: 11px;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 1px;
   right: 6px;
}

#ja-user-bar a {
   color: #CCCCCC;
   margin-left: 3px;
}

#ja-header h1 {
   margin: 0;
   padding: 0;
   position: absolute;
   top: 5px;
   left: 0;
}

#ja-header h1 img {
   margin: 0;
   padding: 0;
}

#ja-headermain {
   padding: 0;
   position: absolute;
   width: 605px;
   top: 5px;
   left: 155px;
}

#ja-headermain-top {
   background: url(../images/header-main-top.gif) no-repeat top right #FE9800;
   height: 95px;
   width: 605px;
}

#ja-headermain-top div.spotlight {
   position: absolute;
   top: 10px;
   left: 12px;
   width: 385px;
   height: 83px;
   background: url(../images/v-dotted.gif) no-repeat 380px 5px;
   overflow: hidden;
}

#ja-headermain-top div.spotlight a {
   color: #FFFFFF;
   text-decoration: underline;
}

#ja-headermain-top div.spotlight a:hover, #ja-headermain-top div.spotlight a:active  {
   color: #FFFFFF;
   text-decoration: none;
}

#ja-headermain-top div.spotlight table {
   width: 370px;
   border-spacing: 0;
   font-size: 11px;
   color: #F9F9F9;
}

#ja-headermain-top div.spotlight h3 {
   font: bold 11px Arial, sans-serif;
   margin-bottom: 2px;
}

#ja-headermain-top div.your-cart {
   position: absolute;
   top: 10px;
   right: 8px;
   width: 145px;
   height: 83px;
   padding-left: 45px;
   background: url(../images/icon-bigcart.gif) no-repeat top left;
}

#ja-headermain-top div.your-cart th {
   color: #FFFFFF;
   font: bold 11px Arial, sans-serif;
   text-transform: UPPERCASE;
}

#ja-headermain-top div.your-cart a.mainlevel {
   color: #F7F7F7;
   background: url(../images/button-viewcart.gif) no-repeat center left;
   width: 72px;
   height: 19px;
   display: block;
   text-indent: -2000px;
}

#ja-headermain-top div.your-cart br {
   display: none;
}

/* FEATURE AREA
--------------------------------------------------------- */
#ja-feature {
   background: #F9F9F9;
   margin-bottom: 5px;
   padding: 5px;
   position: relative;
}

#ja-feature a {
   font-weight: bold;
}

#ja-feature-products img {
   margin: 5px;
}

#ja-feature-products td {
   vertical-align: top;
   padding-right: 3px;
}

#ja-banners {
   text-align: center;
}

/* EXTRA SPOTLIGHT AREA
--------------------------------------------------------- */
#ja-spotlight-extra {
   margin-top: 5px;
   font-size: 11px;
   border-top: 1px solid #8A91A0;
}

#ja-spotlight-extra h3 {
   color: #AA3C36;
   margin-top: 5px;
}

#ja-spotlight-extra div.moduletable {
   color: #AA3C36;
   padding: 5px;
}

/* LEFT COLUMN
--------------------------------------------------------- */

#ja-leftcol {
   color: #FFFFFF;
   float: left;
   width: 155px;
   margin: 0;
}

#ja-leftcol a {
   color: #FFFFFF;
   text-decoration: underline;
}

#ja-leftcol a:hover, #ja-leftcol a:active  {
   text-decoration: none;
}

#ja-leftcol a.mainlevel {
   padding-left: 15px;
   background: url(../images/arrow-off.gif) no-repeat 5px 6px;
   line-height: 20px;
   text-decoration: none;
}

#ja-leftcol a.mainlevel:hover, a.mainlevel:active {
   color: #FE9800;
   background: url(../images/arrow-on.gif) no-repeat 5px 6px;
}

#ja-leftcol a.mainlevel#active_menu {
   color: #FE9800;
   background: url(../images/arrow-on.gif) no-repeat 5px 6px;
   font-weight: bold;
   font-style: normal!important;
}

#ja-leftcol a.sublevel {
   padding-left: 15px;
   text-decoration: none;
   line-height: 20px;
   background: url(../images/indent1.png) no-repeat 2px 3px;
}

#ja-leftcol a.sublevel:hover, #ja-leftcol a.sublevel:active {
   color: #FE9800;
   background: url(../images/indent1-on.png) no-repeat 2px 3px;
}

#ja-leftcol a.sublevel#active_menu {
   color: #FE9800;
   font-weight: bold;
   font-style: normal!important;
   background: url(../images/indent1-on.png) no-repeat 2px 3px;
}

#ja-leftcol div.moduletable {
   width: 140px;
   color: #FFFFFF;
   background: #666666;
   margin-bottom: 5px;
}

#ja-leftcol #ja-search {
   width: 140px;
   color: #FFFFFF;
   margin-bottom: 5px;
   padding: 5px;
   background: #AA3C36;
}

.search input {
   background: url(../images/icon-search.gif) no-repeat 3px #AA3C36;
   color: #FFFFFF;
   border: none;
   padding-left: 20px;
}

/* RIGHT COLUMN
--------------------------------------------------------- */

#ja-rightcol {
   color: #FFFFFF;
   float: right;
   width: 150px;
}

#ja-rightcol a {
   color: #FFFFFF;
   text-decoration: underline;
}

#ja-rightcol a:hover, #ja-rightcol a:active  {
   text-decoration: none;
}

#ja-rightcol table {
   background: #001237;
}

#ja-rightcol a.mainlevel {
   padding-left: 20px;
   background: url(../images/arrow-off.gif) no-repeat 5px 4px;
}

#ja-rightcol a.mainlevel:hover, a.mainlevel:active {
   background: url(../images/arrow-on.gif) no-repeat 5px 4px;
}

#ja-rightcol a.sublevel {
   padding-left: 3px;
}

#ja-rightcol div.moduletable {
   margin-left: 5px;
   color: #FFFFFF;
   background: #001237;
   margin-bottom: 5px;
}

#ja-rightcol tr.sectiontableentry1 td, #ja-rightcol tr.sectiontableentry2 td {
   padding: 0;
   background: #001237;
   border: none;
}

/* TOP NAVIGATION
----------------------------------------------------------- */

#ja-topnav {
   background: url(../images/header-main-bottom.gif) no-repeat top right;
   height: 33px;
   width: 605px;
   margin-top: 5px;
   font-size: 11px;
}

#ja-topnav ul {
   margin: 0;
   padding: 0 4px;
   list-style: none;
}

#ja-topnav li {
   padding: 0;
   margin: 0;
   display: inline;
   background: none;
   height: 33px;
   line-height: 33px;
}

#ja-topnav a {
   padding: 0 12px;
   color: #FFFFFF;
   text-align: center;
   display: block;
   float: left;
}

#ja-topnav li.active_menu a {
   background: #44567B;
}

#ja-topnav a:hover, #ja-topnav a:active {
   color: #FFFFFF!important;
   background: none #44567B!important;
}

/* SUB NAVIGATION
----------------------------------------------------------- */

#ja-subnav {
   background: #44567B;
   width: 140px;
   margin-bottom: 5px;
   padding: 5px;
}

#ja-subnav h3 {
   padding: 0;
   margin: 0 0 6px;
   color: #FFFFFF;
   font-size: 11px;
   text-transform: UPPERCASE;
}

#ja-subnav ul {
   margin: 0;
   padding: 0 4px;
   list-style: none;
}

#ja-subnav li {
   padding: 0;
   margin: 0;
   background: none;
}

#ja-subnav a {
   padding: 0 12px;
   color: #FFFFFF;
   text-decoration: none;
   background: url(../images/arrow-off.gif) no-repeat 1px 3px;
   line-height: 20px;
}

#ja-subnav li.active_menu a {
   color: #FFFFFF;
   background: url(../images/arrow-on.gif) no-repeat 1px 3px;
   font-weight: bold;
}

#ja-subnav a:hover, #ja-topnav a:active {
   color: #FFFFFF;
   background: url(../images/arrow-on.gif) no-repeat 1px 3px;
}

/* FOOTER
--------------------------------------------------------- */

#ja-footer {
   background: #E6E6E6;
   position: relative;
   padding: 0 10px;
   margin: 5px 0 5px;
   height: 70px;
}

#ja-footerlogo {
   position: absolute;
   top: 20px;
   left: 10px;
   height: 40px;
}

#ja-footermain {
   position: absolute;
   top: 15px;
   left: 154px;
   border-left: 1px solid #000000;
   padding-left: 10px;
   height: 40px;
}

#ja-footer ul {
   margin: 0 0 5px;
   padding: 0;
   list-style: none;
}

#ja-footer li {
   padding: 0;
   margin: 0;
   display: inline;
   background: none;
}

#ja-footer a.mainlevel-nav {
   padding: 0;
   margin-right: 10px;
   text-decoration: underline;
}

#ja-footer a:hover, #ja-footer a:active {
   text-decoration: none;
}

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

div.back_button a {
   float: right;
   display: block;
   width: auto;
   padding: 0 10px;
   height: 18px;
   background: url(../images/but-bg.gif) no-repeat bottom right;
   text-indent: -2000px;
}

div.back_button a:hover {
   color: #666666;
   text-decoration: none;
   cursor: default;
}

div.back_button a:active {
   color: #666666;
   text-decoration: none;
   cursor: default;
}

#mod_login_password, #mod_login_username  {
   width: 120px;
   margin-top: 2px;
   background: #FFFFFF;
}

#mod_login_remember {
   border: none;
   padding: 0!important;
}


/* Firefox Scrollbar Hacked - Do not remove
------------------------------------------*/
html {
   height: 100%;
   margin-bottom: 1px;
}

/* Clear fix
------------------------------------------*/
.clearfix:after {
   clear: both;
   display: block;
   content: ".";
   height: 0;
   visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */