/*****************************************/
/* cardno.css                            */
/*****************************************/

/*****************************************/
/* HTML tag styles                       */
/*****************************************/

body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	background-color: #EEEEEE;
}

body.nite{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	background-color: #333333;
}



/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #6600FF;
}

a.plink, a.plink:visited, a.plink:hover{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}


/************** header tag styles **************/

h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #330066;
	font-weight: bolder;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 5px;
}

h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330066;
	font-weight: bolder;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 5px;
}

h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	font-weight: bolder;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 5px;
}



h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	font-weight: lighter;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 5px;
}

h4.nite{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #eeeeee;
	font-weight: lighter;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 5px;
}

h5{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	font-weight: lighter;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
}

h6{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
	font-weight: lighter;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
}

p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding-left: 10px;
}


img {
	padding: 5px;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-left-color: #EEEEEE;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: circle;
}

ul ul ul{
 list-style-type: none;
}


li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}


/********* Coloured text tags *********/



span.2xs {
	font-size: xx-small
}



span.red {
	color:#FF0000;
	font-weight: bolder;
}



span.yell {
	color:#FFFF00;
	font-weight: bolder;
}



/********* special tags *********/

.quote {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding-left: 50px;
	font-style: italic;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.note {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #330066;
	font-weight: bold;
	text-align: center;
}


/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}


label{
	color: #330033;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
}
				
input{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
.button{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
.querybox{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}


 /************ table styles ************/

thead {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	font-weight: bolder;
}



th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}


td {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
}


table.chart {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #222222;
}

thead.chart {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
}


th.chart {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	background-color: #AAAAAA;
	border: 1px solid #222222;
}

td.chart {
	color: #330066;
	font-weight: lighter;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	background-color: #FFFFFF;
	border: 1px solid #222222;
}

td.chartBold {
	font-size: 12px;
	color: #330066;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	background-color: #FFFFFF;
	border: 1px solid #222222;
}




/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#smatoz {
	position:absolute;
	left:15%;
	top:5%;
	width:73px;
	height:32px;
	z-index:401;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	display: block;
}

#smfaq {
	position:absolute;
	left:65%;
	top:5%;
	width:73px;
	height:32px;
	z-index:401;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	display: block;
}

#smcontact {
	position:absolute;
	left:35%;
	top:15%;
	width:97px;
	height:90px;
	z-index:401;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	display: block;
}

#smabout {
	position:absolute;
	left:10%;
	top:35%;
	width:75px;
	height:80px;
	z-index:401;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	display: block;
}

#smform {
	position:absolute;
	left:70%;
	top:45%;
	width:75px;
	height:80px;
	z-index:401;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	display: block;
}

#smcatalogue {
	position:absolute;
	left:45%;
	top:50%;
	width:100px;
	height:84px;
	z-index:401;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
	display: block;
}


#sitesearch {
	position: absolute;
	top: 85px;
	right: 3%;
	visibility: visible;
	z-index: 100;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

/***********************************************/
/* Header Section                              */
/***********************************************/


#masthead{
	position: absolute;
	left: 0px;
	z-index: 99;
	top: 0px;
	height: 105px;
	width: 95%;
}

#masthead img {
	clear: left;
	top: 10px;
	z-index: 100;
	position: absolute;
	left: 0px;
}


/************* globalNav styles ****************/

#globalNav1 {
	position: absolute;
	z-index: 200;
	top: 10px;
	visibility: visible;
	left: 210px;
	text-align: right;
}

#globalNav{
	position: absolute;
	z-index: 200;
	top: 55px;
	left: 210px;
}

#globalLink{
	padding: 0px;
	margin: 0px;
	z-index: 100;
	line-height: normal;
	clear: none;
	float: left;
}




a.glink, a.glink:visited{
	font-size: 10px;
	color: #000066;
	margin: 0px;
	vertical-align: middle;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	text-align: right;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	z-index: 400;
	line-height: 20px;
}

a.glink:hover{
	text-decoration: none;
	color: #000066;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	background-image: url(images/artwork/a_link_hover.jpg);
	background-position: center center;
	padding: 2px;
}


/************* breadCrumb styles ***************/


#breadCrumb{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 0px 5px 10px;
	color: #330066;
	position: absolute;
	top: 85px;
	left: 0px;
	visibility: visible;
	z-index: 100;
	font-weight: bolder;
}

#breadCrumb a, #breadCrumb a:visited, #breadCrumb a:active{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 0px 5px 0px;
	color: #666666;
}

#breadCrumb a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


/***********************************************/
/*                       Side Navigation                              */
/***********************************************/

#pageNav{
	width:100px;
	padding: 0px;
	height: 475px;
	z-index: 400;
	left: 0px;
	top: 105px;
	position: absolute;
	text-align: justify;
	visibility: visible;
}

#pageNav p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCCFF;
	text-align: left;
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 1px;
	margin-left: 3px;
}

/**************** advert styles *****************/

#advert{
	padding: 5px;
}

#advert img{
	display: block;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	text-align: left;
	z-index: 400;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;

}

/**
#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}
**/

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	font-size:12px;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	color: #000066;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-position: center center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #999999;
	left: 2px;
}

#sectionLinks a:hover{
	font-weight: normal;
	text-decoration: none;
	background-repeat: repeat;
	background-position: center center;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(images/artwork/a_link_hover.jpg);
	color: #000066;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	border-right-color: #000000;
	border-left-color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}


/***********************************************/
/*                            Main Section                               */
/***********************************************/

/* mask out the coloured background in pagecell */
#contentsMask {
	position:absolute;
	top: 106px;
	left: 104px;
	width: 82.5%;
	padding: 0px;
	height: 474px;
	overflow: hidden;
	visibility: visible;
}

/* mask out the coloured background in pagecell */
#contentsMaskAll {
	position:absolute;
	top: 106px;
	left: 10px;
	width: 99%;
	padding: 0px;
	height: 474px;
	overflow: hidden;
	visibility: visible;
}

/* main page data section */
#contentsAll{
	position:relative;
	z-index: 100;
	top: 5px;
	left: 0px;
	width: 99.5%;
	padding: 0px;
	height: 470px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-image: url(images/artwork/pagecellmask_bg_grid_white.gif);
}


/* contentsTableHeader creates fixed headings row of price list */

#contentsTableHeader {
	position:relative;
	z-index: 100;
	top: 5px;
	width:99%;
	height: 57px;
	overflow: hidden;
	left: 5px;
	font-weight: bold;
	background-color: #FFFFFF;
}


/* contentsTableMain creates scrolling section of price list */

#contentsTableMain {
	position:relative;
	top: 5px;
	width:99%;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 410px;
	left: 5px;
	background-color: #FFFFFF;
}

/****************** intro style *********************/
/* for use in pagecell where no specific products shown */

#intro{
	position:relative;
	z-index: 100;
	top: 5px;
	left: 0px;
	width: 99.5%;
	padding: 0px;
	height: 470px;
	overflow-x: hidden;
	overflow-y: scroll;
}


#intro2{
	position:relative;
	z-index: 100;
	top: 5px;
	left: 30px;
	width: 96.5%;
	padding: 0px;
	height: 470px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #FFFFFF;
}


#intro3{
	position:relative;
	z-index: 100;
	top: 5px;
	left: 0px;
	width: 99.5%;
	padding: 0px;
	height: 470px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #FFFFFF;
}


#intro a:link, #intro a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
}

#intro a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
}

#intro img {
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#intro li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}


#introCl{
	padding: 5px;
	clear: both;
	float: none;
}

#introCl img{
	padding: 5px;
	clear: both;
	float: none;
}

#intro p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	padding-left: 10px;
}

#intro table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	left: 10px;
	height: auto;
	width: auto;
	border: 3px groove #666666;
}

#intro thead {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 5px;
	color: #330066;
	font-weight: bold;
	line-height: 25px;
}


#intro th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #330066;
	background-color: #999999;
	vertical-align: middle;
	font-weight: bold;
	border: 1px solid #333333;
}

#intro td {
	border: 1px solid #333333;
	padding-top: 2px;
	padding-right: 30px;
	padding-bottom: 2px;
	padding-left: 30px;
}

#intro3 a:link, #intro3 a:visited{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}

#intro3 a:hover{
	color: #6600FF;
}


/**********************************************/
/*              Footer Section                */
/**********************************************/
.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding-left: 10px;
	left: 0px;
	padding-right: 15px;
	top: 580px;
	padding-top: 10px;
	padding-bottom: 0px;
	position: absolute;
	visibility: visible;
	z-index: 100;
	width: 95%;
}

.footer a:link, .footer a:visited {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	line-height: normal;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #000000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	font-size: 10px;
}

.footer a:hover{
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #000000;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #000000;
	background-color: #222222;
}


/************************************************/
/*     Miscellaneous  Settings for Printing     */
/************************************************/
.printout {
	display: none;
}

.noprintout {
}

#page {

	page-break-before: always;
}


/***************************************/
/*          Index Page Styles          */
/***************************************/
p.abc {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #330033;
	margin-top: 50px;
	font-weight: bolder;
	padding-left: 50px;
}


a.abc, a.abc:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000FF;
}


a.abc:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
	text-decoration: none;
}


td.abc {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330033;
	vertical-align: middle;
}



p.abc1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330066;
}


a.abc1, a.abc1:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000FF;
}



a.abc1:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
	text-decoration: none;
}

a.abc2, a.abc2:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	padding-left: 45px;
}


a.abc2:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	text-decoration: none;
}

p.abc2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	padding-left: 45px;
}


/************************************/
/*     Pricelist popup pictures     */
/************************************/
.thumbnail{
position: relative;
z-index: 0;
}

.faq{
position: relative;
z-index: 0;
width: 98%;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.faq:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.faq span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FF6600;
	padding: 0;
	left: -1000px;
	border: 1px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width: 70%;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.faq span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 35px;
	left: 75px; /*position where enlarged image should offset horizontally */
	position: absolute;
}

.faq:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 35%;
	left: 25%; /*position where enlarged image should offset horizontally */
	width: 65%;
	position: fixed;
}

.faq p{
	color:#660066;
	font-weight: lighter;
}


/*************************************/
/******        Layers        *********/
/*************************************/

#pullonstrap {
	position:fixed;
	top:20%;
	z-index:500;
	visibility: hidden;
	left: 60%;
}

#transporterset {
	position:fixed;
	top:20%;
	z-index:500;
	visibility: hidden;
	left: 20%;
}


/* ==============             FAQ style      ========================== */

/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #333;padding:0 5px;margin-right:5px}
/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0;padding:0} 
/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}
/* image and left padding for DDs */
#TJK_DL dd {background:url(images/artwork/answer.gif) no-repeat;padding-left:55px}
#TJK_DL dd a, a:visited {
	color:#660000;
	font-weight: bolder;
}
#TJK_DL dd a:hover {
	color:#330033;
	font-weight: bolder;
}
/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 0 no-repeat;padding-left:32px;color:#000;text-decoration:none;display:block}
#TJK_DL dt a:visited {color:#666}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {font-weight:bold}
/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(images/artwork/toggleDLplus.gif)}
#TJK_DL .DTminus a {background-image:url(images/artwork/toggleDLminus.gif)}
/**********************************/
/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer;cursor:hand}


#cOnline
{
	display: block;
	height: 100px;
	background-image: url(images/logos/click_buy.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	width: 95px;
}

#cOnline:hover
{ 
  background-position: center -100px;
}

#cOnline span
{
  display: none;
}