/*------------------------------------------------------------------------
# JA Drimia 1.0 - Dec, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/


/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	line-height: 160%;
}

body#bd {
	background: #EFEFEF;
	color: #666666;
	padding: 0;
}

body.contentpane {
#	background: #FFFFFF;
#	color: #000000;
#	font-family: serif;
	font-size: 11px;
#	line-height: 140%;
#	margin: 1em 2em;
#	width: auto; /* Printable Page */
}

body.fs1 {
	font-size: 9px;
}

body.fs2{
	font-size: 10px;
}

body.fs3{
	font-size: 11px;
}

body.fs4{
	font-size: 12px;
}

body.fs5{
	font-size: 13px;
}

body.fs6{
	font-size: 14px;
}



/* Normal link */
a {
	color: #FF760E;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #FF760E;
	text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {
	color: #545454;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate, .modifydate {
	color: #999999;
	font-size: 100%;
}

/* Heading */
h1 {
	font-size: 175%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	background: url(../images/bullet-list.gif) no-repeat 18px 8px;
	line-height: 180%;
	padding-left: 30px;
}

ol li {
	line-height: 180%;
	margin-left: 35px;
}

th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #CCCCCC;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 100%;
}

address {
	background: url(../images/contact.png) no-repeat bottom right;
	font-style: normal;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;        
	padding: 1px;
}

select, textarea, .inputbox {
	background: #FFFFFF;
	color: #666666;
}

.button {
	background: url(../images/grad1.jpg) repeat-x center #EFEFEF;
	border: 1px solid #DDDDDD;
	border-bottom-color: #CCCCCC;
	color: #666666;
        vertical-align: bottom;
	padding: 2px 8px;
}

.button2 {
	background: url(../images/grad1.jpg) repeat-x center #EFEFEF;
	border: 1px solid #DDDDDD;
	border-bottom-color: #CCCCCC;
	color: #666666;
        vertical-align: bottom;
	padding: 2px 8px;
}

* html .button, *+html .button {
	padding: 1px 5px !important;
}

.inputbox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	padding: 3px 2px;
}

.inputbox:hover, .inputbox:focus {
	background: #FFFFEA;
	border: 1px solid #999999;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	background-color: #FFFFEA;
	border-left: 5px solid #666666;
	margin: 5px 0 15px;
	padding: 10px 15px;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	background: url(../images/so-q.gif) no-repeat left top;
	padding: 3px 0 3px 30px;
}

blockquote span.close {
	background: url(../images/sc-q.gif) no-repeat bottom right;
	padding: 3px 30px 3px 0;
}

/* Blockquote home */
blockquote.home {
	margin: 0 0 5px 0;
	padding: 0;
}

.home span.open {
	background: url(../images/open-q.gif) no-repeat left top;
	padding: 1px 0 2px 15px;
}

.home span.close {
	background: url(../images/close-q.gif) no-repeat right bottom;
	padding: 2px 15px 1px 0;
}

/* Dropcap */
.dropcap {
	color: #FF760E;
	display: block;
	float: left;
	font: 50px/40px Georgia, Times, serif;
	padding: 4px 8px 0 0;
}

/* Tips, Error, Message, Hightlight*/
.error {
	background: url(../images/bullet-error.gif) no-repeat top left;
	color: #CC0000;
	padding-left: 25px;
}

.message {
	background: url(../images/bullet-info.gif) no-repeat top left;
	color: #16A9CD;
	padding-left: 25px;
}

.tips {
	background: url(../images/bullet-tips.gif) no-repeat top left;
	color: #FF760E;
	padding-left: 25px;
}

.highlight {
	background-color: #FFFFEA;
	font-weight: bold;
	padding: 1px 5px;
}

/* Note Style */
p.stickynote {
	background: url(../images/sticky-bg.gif) no-repeat 10px 10px #FFFFEA;
	border: 1px solid #DDDDDD;
	padding: 10px 20px 20px 60px;
}

p.download {
	background: url(../images/download-bg.gif) no-repeat 10px 10px #FFFFEA;
	border: 1px solid #DDDDDD;
	padding: 10px 20px 20px 60px;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	background: url(../images/checklist-bg.gif) no-repeat 5px 5px;
	margin-left: 10px;
	padding: 0 0 2px 20px;
}

/* Star list */
ul.stars {
	list-style: none;
}

ul.stars li {
	background: url(../images/star-bg.gif) no-repeat 4px 3px;
	margin-left: 10px;
	padding: 0px 0 2px 20px;
}

/* Arrow list */
ul.arrow {
	list-style: none;
}

ul.arrow li {
	background: url(../images/list-arrow.gif) no-repeat 4px 6px;
	margin-left: 10px;
	padding: 0px 0 2px 20px;
}

/* Smallnumber */
ol.smallnumber {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.smallnumber li {
	line-height: 150%;
	margin: 10px 0 10px 20px;
	padding: 3px 0 5px 40px;
}

ol.smallnumber li.number-1 {
	background: url(../images/n-1.gif) no-repeat left top;
}

ol.smallnumber li.number-2 {
	background: url(../images/n-2.gif) no-repeat left top;
}

ol.smallnumber li.number-3 {
	background: url(../images/n-3.gif) no-repeat left top;
}

ol.smallnumber li.number-4 {
	background: url(../images/n-4.gif) no-repeat left top;
}

ol.smallnumber li.number-5 {
	background: url(../images/n-5.gif) no-repeat left top;
}

ol.smallnumber li.number-6 {
	background: url(../images/n-6.gif) no-repeat left top;
}

ol.smallnumber li.number-7 {
	background: url(../images/n-7.gif) no-repeat left top;
}

ol.smallnumber li.number-8 {
	background: url(../images/n-8.gif) no-repeat left top;
}

ol.smallnumber li.number-9 {
	background: url(../images/n-9.gif) no-repeat left top;
}

/* Bignumber */
.bignumber {
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 7px 7px 5px 7px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
	margin-left: 15px;
	padding-left: 15px;
}

div.bubble1 div {
	background: url(../images/bub1-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	background: url(../images/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	background: url(../images/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	background: url(../images/bub4-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	background-color: #FFFFFF;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -12px;
}

.legend {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	background: url(../images/sep.gif) no-repeat center right;
	display: block;
	height: 30px;
}

#ja-col1 .article_seperator, #ja-col2 .article_seperator {
	display: none;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: 1;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
}

table.contenttoc td {
	background: url(../images/arrow.png) no-repeat 10px 9px;
	padding: 3px 5px 3px 22px;
}

table.contenttoc th {
	background: url(../images/grad1.jpg) repeat-x bottom #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #F3F3F3;
	font-weight: bold;
	padding: 5px;
	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 .sectiontableheader {
	padding: 8px 5px !important;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 2px!important;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #F3F3F3;
	border: none;
}

table.pollstableborder tr.sectiontableentry2 td {
	border: none;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
	width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
	margin: 10px 0;
}

.blog_more strong {
	display: block;
	font-size: 155%;
	line-height: 30px;
	margin: 0 0 5px;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	background: url(../images/arrow.png) no-repeat 12px 8px;
	margin: 0;
	padding: 0 0 0 24px;
}

td.buttonheading {
	padding: 0 0 0 8px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}

.componentheading {
	background: url(../images/dot.gif) repeat-x bottom;
	color: #545454;
	font-size: 250%;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 0 0 15px 0;
}

.contentdescription {
	padding-bottom: 30px;
}

table.blog .contentheading {
	font-size: 165%;
}

.contentheading {
	font-size: 160%;
	font-weight: bold;
	padding: 5px 0;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	color: #545454;
	text-decoration: none;
}

a.readon {
	background: url(../images/readon.png) no-repeat top;
	color: #666666;
	display: block;
	float: left;
	font-size: 10px;
	height: 20px;
	line-height: normal;
	line-height: 20px;
	text-decoration: none;
	text-indent: 30px;
	width: 101px;
}

a.readon:hover, a.readon:active, a.readon:focus {
	background: url(../images/readon.png) no-repeat bottom;
	color: #666666;
	text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.createdate {
}

.modifydate {
	height: 15px;
}

.moduletable {
	padding: 0;
}
.moduletable_menu {
	padding: 0;
}

.moduletable_text {
	padding: 0;
}

.mosimage {
	margin: 5px 15px 5px 0;
	padding: 0 0 5px;
}

.mosimage2 {
	margin: 5px 15px 5px 0;
	padding: 0 0 5px;
        width  : 550px ;
        height : 400px ;
}

* html .mosimage {
	margin: 5px 5px 10px 0;
	padding: 0 !important; /*IE 6*/
}

*+html .mosimage {
	margin: 5px 10px 10px 0;
	padding: 0 !important; /*IE 7*/
}

.mosimage img {
	margin: 0 !important;
	padding: 0 !important;
}

.mosimage_caption {
	margin-top: 3px;
	padding: 1px 2px;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
	padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	background: url(../images/grad1.jpg) repeat-x center #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
	border-top: 1px solid #F3F3F3;
	color: #666666;
	padding: 3px 6px;
	text-decoration: none;
}

a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
	background: #999999;
	color: #FFFFFF;
	padding: 3px 6px;
	text-decoration: none;
}

.pagenavbar {
	background: url(../images/pages.gif) no-repeat center left;
	padding-left: 14px;
}

.pagenavcounter {
	background: url(../images/pages.gif) no-repeat 0 11px;
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	background: url(../images/grad1.jpg) repeat-x bottom #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #F3F3F3;
	font-weight: bold;
	padding: 5px;
}

tr.sectiontableentry1 td {
	background: url(../images/dot.gif) repeat-x bottom;
	padding: 7px 5px;
}

tr.sectiontableentry2 td {
	background: url(../images/dot.gif) repeat-x bottom;
	padding: 7px 5px;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/dot.gif) repeat-x bottom #FFFFEA;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper1 {
	clear: both;
	margin: 0 auto;
	width: 1150px;
}

.narrow #ja-wrapper1 {
	width: 770px;
}

#ja-wrapper2 {
	background: url(../images/shadow-left.gif) repeat-y top left;
	padding-left: 15px;
}

#ja-wrapper3 {
	background: url(../images/shadow-right.gif) repeat-y top right;
	padding-right: 15px;
}

#ja-wrapper4 {
	background: #FFFFFF;
	padding: 0 20px 30px;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
	background: url(../images/content-center.gif) repeat-y;
	float: right;
	width: 66%;
}

#ja-content div.ja-innerpad {
	clear: both;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
}

/* SECONDARY COLUMNS
--------------------------------------------------------- */

/*	background: url(../images/col-center.gif) repeat-y center top; */

#ja-colwrap {
        
        -moz-border-radius-bottomleft:6px;
        -moz-border-radius-bottomright:6px;
        -moz-border-radius-topleft:6px;
        -moz-border-radius-topright:6px;
        background:#F3F3F3 none repeat scroll 0 0;
	float: left;
	overflow: hidden;
	width: 34%;
}

/*	background: url(../images/col-top.gif) no-repeat top; */

#ja-colwrap-top {

	padding-top: 10px;
}


/*	background: url(../images/col-bot.gif) no-repeat bottom; */

#ja-colwrap-bot {
	padding-bottom: 10px;
}

/*	background: url(../images/col-center-n.gif) repeat-y center top; */

.narrow #ja-colwrap {

}

.narrow #ja-colwrap-top {
	background: url(../images/col-top-n.gif) no-repeat top;
}

.narrow #ja-colwrap-bot {
	background: url(../images/col-bot-n.gif) no-repeat bottom;
}

#ja-colwrap-bot div.ja-innerpad {
	background: url(../images/vline.gif) repeat-y center;
	display: block;
	overflow: hidden;
}
/* background: url(../images/mc-bg.gif) no-repeat #FF760E;  color: #FFFFFF;  */

#ja-masscol {
        -moz-border-radius-bottomleft:6px;
        -moz-border-radius-bottomright:6px;
        -moz-border-radius-topleft:6px;
        -moz-border-radius-topright:6px;
        background-color:#F3F3F3;
        border:1px none #000000;	
	display: block;
	float: left;
	height: 76px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	width: 34%;
}

* html #ja-masscol {
	margin-bottom: 8px !important;
}

*+html #ja-masscol {
	margin-bottom: 10px !important;
}

#ja-masscol div.moduletable {
	left: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	width: 90%;
}

#ja-masscol div.moduletable_menu {
	left: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	width: 90%;
}

#ja-masscol div.moduletable_text {
	left: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	width: 90%;
}

/* background: url(../images/mc-bg-n.gif) no-repeat #FF760E; */

.narrow #ja-masscol {
	
}

#ja-masscol h3 {
	display: none;
}

#ja-masscol a, #ja-masscol a:hover, #ja-masscol a:active, #ja-masscol a:focus {
	color: #FFFFFF;
	text-decoration: underline;
}

#ja-masscol .nftitle {
	font-size: 150%;
	font-weight: bold;
	padding-top: 5px;
}

#ja-masscol .nftitle a,
#ja-masscol .nftitle a:hover,
#ja-masscol .nftitle a:active,
#ja-masscol .nftitle a:focus {
	text-decoration: none;
}

#ja-masscol ul {
	margin: 1em 0;
	padding: 0;
}

#ja-masscol ul li {
	background: url(../images/bullet-list2.gif) no-repeat 2px 8px;
	padding-left: 13px;
}

#ja-col1 {
	float: left;
	overflow: hidden;
	width: 50%;
}

#ja-col1 div.ja-innerpad{
	padding: 15px;
}

#ja-col2 {
	float: right;
	overflow: hidden;
	width: 49.9%;
}

#ja-col2 div.ja-innerpad{
	padding: 15px;
}

#ja-col1 table, #ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
	padding: 0;
}

#ja-col1 ul li, #ja-col2 ul li {
	background: url(../images/bullet-list.gif) no-repeat 2px 8px;
	padding-left: 13px;
}

#ja-masscol .article_seperator {
	display: none;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap, #ja-containerwrap-cm, #ja-containerwrap-c, #ja-containerwrap-f {
	padding: 0;
}

#ja-container {
	padding: 10px 0;
}

/* full */
#ja-containerwrap-f #ja-content {
	float: none;
	width: 100%;
}

/* content + col + mass */
#ja-containerwrap-cm {
}

#ja-containerwrap-cm #ja-colwrap .ja-innerpad {
	background: none;
}

#ja-containerwrap-cm #ja-col1,
#ja-containerwrap-cm #ja-col2 {
	width: 100%;
}

/* content + col */
#ja-containerwrap-c #ja-content {
	width: 78%;
}

#ja-containerwrap-c #ja-colwrap {
	background: url(../images/col-center1.gif) repeat-y center;
	width: 20%;
}

#ja-containerwrap-c #ja-colwrap-top {
	background: url(../images/col-top1.gif) no-repeat top;
}

#ja-containerwrap-c #ja-colwrap-bot {
	background: url(../images/col-bot1.gif) no-repeat bottom;
}

.narrow #ja-containerwrap-c #ja-colwrap {
	background: url(../images/col-center1-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-c #ja-colwrap-top {
	background: url(../images/col-top1-n.gif) no-repeat top;
}

.narrow #ja-containerwrap-c #ja-colwrap-bot {
	background: url(../images/col-bot1-n.gif) no-repeat bottom;
}

#ja-containerwrap-c #ja-colwrap .ja-innerpad {
	background: none;
}

#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
	width: 100%;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	position: relative;
	z-index: 10;
}

#ja-header {
	background: url(../images/head-bg.gif)  no-repeat scroll right 60px;
	height: 140px;
	position: relative;
	z-index: 999;
}

.narrow #ja-header {
	background: url(../images/head-bg-n.gif) no-repeat 0 60px;
}

h1.logo {
	font-size: 300%;
	height: 45px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
	width: 198px;
}

h1.logo a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	float: left;
	height: 45px;
	outline: none;
	text-indent: -5000px;
	text-transform: uppercase;
	width: 198px;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
	bottom: 36px;
	height: 44px;
	left: 30%;
	position: absolute;
	z-index: 10;
}

#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus {
	outline: none;
}

#ja-mainnav span.separator {
	display: block;
}

/* Default Joomla! Menu */

/* Default Joomla! Menu */
a.mainlevel {
	border-bottom: 1px solid #DDDDDD;
	color: #666666;
	display: block;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-indent: 5px;
	width: 99%;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	background: url(../images/grad1.jpg) top #FFFFFF;
	color: #666666;
	text-decoration: none;
}

a.mainlevel#active_menu {
	background: #DDDDDD;
	color: #666666;
	font-weight: bold;
}

a.sublevel {
	background: url(../images/arrow.png) no-repeat 5px 12px;
	color: #666666;
	display: block;
	padding: 5px 4px 5px 15px;
	text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	color: #FF760E;
	text-decoration: underline;
}

#active_menu {
	color: #FF760E;
	font-weight: bold;
}


#form-login ul li {
	background: none !important;
}
ul.menu li {
	background: none !important;
}

ul.menu li a {
	border-bottom: 1px solid #DDDDDD;
	color: #666666;
	display: block;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-indent: 5px;
	width: 99%;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	background: url(../images/grad1.jpg) top #FFFFFF;
	color: #666666;
	text-decoration: none;
}

ul.menu #current a {
	background: #DDDDDD;
	color: #666666;
	font-weight: bold;
}

ul.menu li ul li a {
	background: url(../images/arrow.png) no-repeat 5px 12px !important;
	color: #666666;
	display: block;
	padding: 5px 4px 5px 15px;
	text-decoration: none;
	font-weight: normal !important;
	line-height: 20px !important;
	border: 0 !important;
	height: 20px !important;
}

ul.menu #current ul li a:hover,
ul.menu #current ul li a:active,
ul.menu #current ul li a:focus {
	color: #FF760E;
	text-decoration: underline;
}

ul.menu li ul #current a {
	color: #FF760E;
	font-weight: bold !important;
}

#ja-pathwaywrap {
	background: url(../images/pw-l.gif) no-repeat left #F3F3F3;
	display: block;
	height: 27px;
	margin: 0 0 15px;
	padding-left: 10px;
}

#ja-pathway {
	background: url(../images/pw-r.gif) no-repeat right #F3F3F3;
	display: block;
	float: left;
	height: 27px;
	line-height: 27px;
	width: 100%;
}

#ja-pathway img {
	margin: 0 5px 1px;
}

#ja-pathway a {
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable-hilite h3 {
	color: #FF760E;
	font-size: 150%;
	line-height: normal;
	margin: 0 0 8px;
	padding: 0;
}
div.moduletable_menu h3 {
	color: #FF760E;
	font-size: 150%;
	line-height: normal;
	margin: 0 0 8px;
	padding: 0;
}

div.moduletable_text h3 {
	color: #FF760E;
	font-size: 150%;
	line-height: normal;
	margin: 0 0 8px;
	padding: 0;
}

div.moduletable h3 span,
div.moduletable-hilite h3 span {
	background: url(../images/h3-bg.gif) no-repeat center right;
	padding-right: 20px;
}

div.moduletable_menu h3 span {
	background: url(../images/h3-bg.gif) no-repeat center right;
	padding-right: 20px;
}

div.moduletable_text h3 span {
	background: url(../images/h3-bg.gif) no-repeat center right;
	padding-right: 20px;
}

div.moduletable {
	padding: 10px 20px;
}

div.moduletable_menu {
	padding: 10px 20px;
}

div.moduletable_text {
	padding: 10px 20px;
}

div.module h3 {
	border-bottom: 1px solid #DDDDDD;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0 -20px 10px;
	padding: 5px 20px;
	white-space: nowrap;
}

div.moduletable-hilite {
	background: url(../images/grad2.jpg) repeat-x top #EFEFEF;
	border: 1px solid #DDDDDD;
	border-bottom: 2px solid #CCCCCC;
	margin: 10px;
	padding: 10px 10px 15px;
}

div.moduletable-hilite h3 {
	color: #666666;
}

div.moduletable-hilite h3 span {
	background-image: url(../images/h3-bg2.gif);
}

div.module h3 span {
	background: none;
}

div.module {
	background: url(../images/box-br.gif) no-repeat bottom right;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

div.module div {
	background: url(../images/box-bl.gif) no-repeat bottom left;
	padding: 0;
}

div.module div div {
	background: url(../images/box-tr.gif) no-repeat top right;
	padding: 0;
}

div.module div div div {
	background: url(../images/box-tl.gif) no-repeat top left;
	padding: 0 20px 15px;
}

div.module div div div div {
	background: none;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-left, .ja-box-leftcol, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-full {
	float: none;
	overflow: hidden;
}

.ja-box-left div.moduletable {
	padding: 0 10px 0 0;
}

.ja-box-right div.moduletable {
	padding: 0 0 0 10px;
}

.ja-box-left div.moduletable_menu {
	padding: 0 10px 0 0;
}

.ja-box-right div.moduletable_menu {
	padding: 0 0 0 10px;
}

ja-box-left div.moduletable_text {
	padding: 0 10px 0 0;
}

.ja-box-right div.moduletable_text {
	padding: 0 0 0 10px;
}

.ja-box-left div.module {
	margin: 0 0 0 20px;
}

.ja-box-right div.module {
	margin: 0 0 0 20px;
}

/* Top Spotlight */
#ja-topsl {
}

#ja-topsl ul {
	margin: 0;
	padding: 0;
}

#ja-topsl li {
	background: url(../images/arrow.png) no-repeat 2px 10px;
	margin: 0;
	padding-left: 12px;
}

#ja-topsl div.moduletable {
	margin-bottom: 20px;
}
#ja-topsl div.moduletable_menu {
	margin-bottom: 20px;
}
#ja-topsl div.moduletable_text {
	margin-bottom: 20px;
}

/* Bottom Spotlight */
#ja-botsl {
	clear: both;
	padding: 30px 0 0;
}

/* Common Style for Spotlight */
#ja-botsl ul {
	margin: 0 0 0 2px;
	padding: 0;
}

#ja-botsl li {
	background: url(../images/arrow.png) no-repeat 0 8px;
	margin: 0;
	padding-left: 12px;
}

#ja-topsl td, #ja-botsl td {
	padding: 0;
}

#ja-topsl .article_seperator, #ja-botsl .article_seperator {
	display: none;
}

#ja-topsl table, #ja-botsl table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-botsl a, #ja-botsl a:focus, #ja-botsl a:active, #ja-botsl a:focus {
	color: #666666;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	clear: both;
	font-size: 92%;
	margin-top: 30px;
}

#ja-footer {
	background: #F3F3F3;
	border-top: 1px solid #CCCCCC;
	clear: both;
	padding: 8px 0;
	position: relative;
}

#ja-footer small {
	color: #999999;
	display: block;
	float: left;
	font-style: normal;
	line-height: normal;
	padding: 4px 0 0 10px;
}

small.ja-copyright {
	position: absolute;
	right: 10px;
}

#ja-footer a {
	text-decoration: none;
}

#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
	text-decoration: underline;
}

#ja-footer ul {
	background: url(../images/vline.gif) no-repeat center right;
	float: left;
	line-height: normal;
	margin: 4px 0 5px 10px;
	padding: 0;
}

#ja-footer li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#ja-footer li a {
	background: url(../images/vline.gif) no-repeat center left;
	display: inline;
	line-height: normal;
	padding: 0 10px;
}

/* Search */
#ja-search {
	background: url(../images/seach-bg.gif) no-repeat;
	display: block;
	height: 22px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 166px;
}

#ja-search .inputbox {
	border: none;
	color: #666666;
	font-size: 11px;
	margin: 3px 0 0 5px;
	padding: 0;
	width: 135px;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus {
	background: #FFFFFF;
	border: none;
}

/* USER TOOLS
--------------------------------------------------------- */
#ja-usertools {
	left: 200px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
}

#ja-usertools ul {
	display: inline;
	line-height: normal;
	margin: 0 10px 0 0;
	padding: 0;
}

.narrow #ja-usertools ul {
	margin: 0 5px 0 0;
}

#ja-usertools ul li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#ja-usertools img {
	margin: 0;
	padding: 0;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

div.ja-innerdiv {
	border-bottom: 1px solid #DDDDDD;
	margin: 5px 0;
	overflow: hidden;
	padding: 0 0 10px 0;
}

#ja-banner {
	clear: both;
	display: block;
	margin: 10px 0 0;
	text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	text-decoration: none;
}

#mod_login_password, #mod_login_username {
	width: 90%;
}

#mod_login_remember {
	background: none;
	border: none;
}

/* SLWI */
.ja-slwi-container {
	width: 100%;
}

.ja-slwi-container h3 {
	color: #545454 !important;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100% !important;
	line-height: normal !important;
	margin: 0 !important;
	padding: 7px 10px !important;
}

.ja-slwi-container h3 span {
	background: none !important;
}

.ja-slwi-text p {
	color: #666666;
	margin: 0;
	padding: 0 10px;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	height: 100% !important;
	height: auto;
	margin-bottom: 1px;
}

div.banneritem {
margin : 2px ;
}

/* TABS */


dl.tabs { float:left; margin:0px 0px -1px 0px; z-index:0; }
dl.tabs dt { float:left; width:120px; height:32px; line-height:32px; color:black; text-align:center; margin-right:1px; border:1px  solid #ccc;  }
dl.tabs dt.open {  top left no-repeat; z-index: 100; }
dl.tabs dt.closed {  top left no-repeat; z-index: 100; background:#ebeaea; }
div.current { clear:both; width:97%; min-height:370px; border:1px solid #ccc; padding:10px 10px;  }
div.current dd { padding:0; margin:0;   }



div.lyrics {
background-color:#F8F8F8;
border:1px solid #DDDDDD;
display:block;
position:relative;
margin:10px 0 10px;
padding:10px 20px 20px 10px;
}

#primary { display : block ;
              float: right;
          font-size: 1.1em;
         min-height: 6.75em;
              width: 690px ;
         }

.module_recent{margin-bottom:8px;}

.module_top {float:left; width:100%; height:4px; background:url("../images/primary-top.png") no-repeat;line-height:4px;}
.module_top h2 {

background:transparent none repeat scroll 0 0;
color:#343640;
float:none;
font-size:18px;
font-weight:bold;
line-height:1.1em;
padding:4px 18px 0;
text-shadow:1px 1px 1px #F1F1F1;
width:auto;
}

#primary .module_top,  .sub-department 
#primary .module_top,  .top-with-content .module_top {border-bottom:1px solid #cfcfcf;height:auto;background:url("../images/primary-top-with-content.png") no-repeat;line-height:inherit;}

.module_top{background:url("../images/primary-full-top.png") no-repeat;}

#primary_main .module_top{background:url("../images/primary_main-top.png") no-repeat;}

.top-with-content .module_top{background:url("../images/primary-top-with-content.png") no-repeat;border-bottom:1px solid #cfcfcf;height:auto;line-height:inherit;}

#primary_main .top-with-content .module_top{background:url("../images/primary_main-top-with-content.png") no-repeat;border-bottom:1px solid #cfcfcf;height:auto;line-height:inherit;}

#primary .top-with-content .module_top h2,#primary_main .top-with-content .module_top h2{background:none;color:#333;float:none;font-size:19px;font-weight:bold;line-height:1.1em;padding:16px 15px 4px;text-shadow:1px 1px 1px #f1f1f1;width:auto;}

.top-with-content .module_top p.tagline{font-size:10px;line-height:16px;padding:0 15px 10px;color:#8c8c8c;}

.modulecontent div.sub-heading{margin:0 1px;border-bottom:1px solid #CFCFCF;background:url("../images/bg-sub-heading.gif") left 50% repeat-x;}
.modulecontent div.sub-heading div.sub-heading-content{padding:5px 13px;}
.modulecontent div.sub-heading img.badge{float:left;margin-right:8px;}
.modulecontent div.sub-heading div.single-line{padding-bottom:3px;line-height:24px;}

.modulecontent table { 
                      background:transparent none repeat scroll 0 0;
                      padding:16px 15px 0;
                      width:100%;
}

#primary_main #promo-bar .module_btm{background-image:url("../images/primary_main-btm-alt2.png");}


.full .module_recent h2{background:url("css/i/aos/module/primary-full-h2-top.png") no-repeat;}
.module_recent h2 span{display:block;padding:0 0 5px 12px;background:#2d5e9f url("css/i/aos/module/h2.png") repeat-x;font-weight:bold;font-size:13px;line-height:14px;color:#fff;text-shadow:1px 1px 1px #224272;}
#navigation .module_recent h2 span a:hover{text-decoration:none;}
.module_recent .modulecontent h2,.module_recent .modulecontent table td h2,.full .module_recent .modulecontent h2,#primary_main .module_recent .modulecontent h2,#navigation .module_recent .modulecontent h2,#secondary .module_recent .modulecontent h2,#navigation .footerblock .modulecontent .list_head h2,#secondary .footerblock .modulecontent .list_head h2{clear:left;float:none;width:auto;padding:0;background:none;}
#primary_main .modulecontent #store_details h2,#navigation .module_recent .modulecontent h2,#secondary .module_recent .modulecontent h2,#navigation .footerblock .modulecontent .list_head h2,#secondary .footerblock .modulecontent .list_head h2{padding:0 12px .25em;font-weight:bold;font-size:12px;color:#333;}
#navigation .footerblock .modulecontent h2,#secondary .footerblock .modulecontent h2{padding-top:16px;}
#navigation .footerblock .modulecontent h3,#secondary .footerblock .modulecontent h3{padding-top:16px;padding-left:14px;padding-bottom:0;float:none;width:auto;}
div#landing-page-header{position:relative;padding:0;border-top:1px solid #BBB;z-index:100;}
div#landing-page-header div.modulecontent{min-height:61px;background:url("css/i/aos/module/landing-page-header.gif") left bottom no-repeat;}
div#landing-page-header div.modulecontent div.heading{padding:16px 0 0 20px;}
div#landing-page-header div.modulecontent div.heading h2{margin-bottom:2px;color:#333;font-size:1.7em;font-weight:bold;}
#primary_main .footerblock #store_details h2{padding-left:0;padding-right:0;}
#navigation .module_recent ul#shopdetails{border-top:1px solid #ccc;margin-bottom:0;padding-top:6px;}
#shopdetails strong{display:block;font-size:14px;}
.search-results #primary .module_recent .module_top h2,.sub-department #primary .module_recent .module_top h2,.category #primary .module_recent .module_top h2,.top-with-content .module_top h2{float:none;width:auto;padding:16px 15px 0;font-weight:bold;font-size:19px;line-height:1.1em;background:none;color:#343640;text-shadow:1px 1px 1px #f1f1f1;}
.sub-department #primary .module_recent .sans-tagline h2{margin-bottom:-6px;padding:27px 15px 22px;}
.top-with-content .module_top p.tagline{font-size:10px;line-height:16px;padding:0 15px 8px;}
.sub-department #primary .module_recent .module_top p.shippingnotice,.category #primary .module_recent .module_top p.item-count,.category #primary .module_recent .module_top p.item-count-noscript{float:right;font-size:.95em;line-height:1.5em;margin:-2px 0 0;padding:6px 18px 0 0;_margin:-6px 0 0;}
.sub-department #primary .module_recent .sans-tagline p.shippingnotice{margin:-37px 0 0;padding:6px 18px 0 0;_margin:-41px 0 0;}
.category #primary .module_recent .module_top p.item-count,.category #primary .module_recent .module_top p.item-count-noscript{float:right;font-size:.95em;margin:-32px 0 0;padding:6px 18px 0 0;_margin:-36px 0 0;}

.modulecontent{display:inline;float:left;width:100%;padding:10 px;background:url("../images/primary-bg.png") repeat-y;}
.full-width-gradient .modulecontent{background:url("css/i/aos/module/primary-full-bg-full-gradient.gif") bottom left no-repeat;}
.module_recent .module-primary{color:#333;display:inline;float:left;line-height:1.4em;margin:0 25px;width:575px;}
.module_recent .module-secondary{float:left;margin:0 0 0 5px;width:145px;}
.sub-department #primary .modulecontent,.category #primary .modulecontent{padding:0;background:url("../images/primary-bg.png") repeat-y;}
.full .modulecontent{background:url("css/i/aos/module/primary-full-bg.png") repeat-y;}
.full-gradient .module_top{background:url("css/i/aos/module/primary-full-bg-gradient.gif") top left no-repeat;}
.full-width-gradient .module_top{background:url("css/i/aos/module/primary-full-top.png") top left no-repeat;}
.family .full-gradient .modulecontent{background:url("css/i/aos/module/primary-full-bg-gradient.gif") bottom left no-repeat;padding-bottom:10px;margin-bottom:8px;}
#primary #primary_main .modulecontent{background:url("css/i/aos/module/primary_main-bg.png") repeat-y;}

.module_btm{margin-bottom:7px;clear:left;float:left;width:100%;height:5px;background:url("../images/primary-btm.png") no-repeat;line-height:5px;}
#promo-bar .module_btm{background:url("../images/promo-primary_btm.png") no-repeat;}
.category .module_btm{background:url("css/i/aos/module/category-primary_btm.png") no-repeat;}
.full .module_btm{background:url("css/i/aos/module/primary-full-btm.png") no-repeat;}
.full-width-gradient .module_btm{background:url("css/i/aos/module/primary-full-btm-full-gradient.gif") no-repeat;}
#primary #primary_main .module_btm{background:url("css/i/aos/module/primary_main-btm.png") no-repeat;}


/*  END OF FILE */


/** Table styles **/

table.adminlist {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.adminlist td,
table.adminlist th { padding: 4px; }

table.adminlist thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.adminlist thead a:hover { text-decoration: none; }

table.adminlist thead th img { vertical-align: middle; }

table.adminlist tbody th { font-weight: bold; }

table.adminlist tbody tr			{ background-color: #fff;  text-align: left; }
table.adminlist tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }

table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td  { background-color: #ffd ; }

table.adminlist tbody tr td 	   { height: 25px; background: #fff; border: 1px solid #fff; }
table.adminlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }

table.adminlist tfoot tr { text-align: center;  color: #333; }
table.adminlist tfoot td,
table.adminlist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.adminlist td.order 		{ text-align: center; white-space: nowrap; }
table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }

table.adminlist .pagination { display:table; padding:0;  margin:0 auto;	 }

/********************  *******************/

a.download-button:hover, a.download-button:focus {
background-position:0 -5px;
color:#111111;
}

a.download-button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-x-system-font:none;
background:#99CC22 url(http://i50.tinypic.com/2pseu6w.png) repeat-x scroll 0 0;
border:1px solid #DDFF66;
color:#333333;
display:block;
font-family:Helvetica,Arial,Sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:8px 10px;
text-align:center;
text-decoration:none;
text-shadow:0 1px 0 #DDFF66;
}
