/****************************************
Made by Baldeep Birak
© Baldeep Birak 2015 and beyond
Colour Changes (since w3c does not recognise)
lightsteelblue - #B0C4DE
lightslategrey -  #778899
lightcyan - #638000
More colours available:
- http://www.draac.com/colorconvert.html
CSS Compress:
-https://www.giftofspeed.com/css-compressor/
****************************************/

/******************** Center Page Content ********************/
#container{	/*****Centers Page Content*****/
	margin: -0.6em auto 0em auto;
}

/******************** Body of Page ********************/
body {
	background:#EAEBEE;
	color: black;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12pt;
	z-index:0;
}

/******************** HTML Content on page ********************/
.pageContentBackground {
	background: #FFFFFF; /**Alternatives FFFFCC **/
	color:black;
}

.pageContent {	/*****Centers Page Content*****/
	min-height: 500px;
	min-width: 770px; /*54em;*/
	max-width: 1020px; /*71.8em;*/
	margin: -0.6em auto 0em auto;
	color:black;
}

.pageContent a {
	color: #ADADAD;
}
	
.pageContent a:hover {
	color: #A9C433;
}

.pageSlides {
	background: #FFFFFF;
}

/******************** Navigation Bar (AKA Page Header) ********************/
.pageHeaderBackground {
	background: #0D3049; /**Alternatives 9999CC **/
	height:120px;
}

.pageHeader {	/*****Centers Page Content*****/
	min-width: 770px; /*54em;*/
	max-width: 1020px; /*71.8em;*/
	margin: 0em auto 0em auto;
	
/*	border-bottom: 0px dotted #000000; */
	font: bold 8pt Helvetica;
/*	margin:-10px auto 1px auto;*/
	position:relative; 
}

.headerTitle a{
	color: #A9C433; /****OR ADADAD****/
	float:left;
	font: bold 28pt Helvetica;
	height: 100px;
	margin: 0.4em 0em 0.5em 0.2em;
	padding: 0em 0em 0em 0em;
	text-align:left;
	text-decoration: none;
	width: 250px;
}

.headerTitle  a:hover{
	color: #A9C433;
}

.headerContact {
	color: #FFFFFF;
	float:right;
	font: bold 12pt Helvetica Arial;
	height: 1.2em;
	margin-top:0.6em;
	width: 10em;
	z-index:2; 
}

.headerContact a{
	color: #A9C433; /****OR ADADAD****/
	text-decoration: none;
}

.headerContact a:hover{
	color: #A9C433;
}

.headerSelect{
	height:1.4em;
}

.headerLinksBackground {	/*****Centers Page Content*****/
	background: url("") top repeat-x #0D3049;
/**	border-bottom: 2px dotted #000000; **/
	height:40px;
}
	
.headerLinks{
	min-width: 770px; /*54em;*/
	max-width: 1020px; /*71.8em;*/
	margin: 0em auto 0em auto;
	
	font: bold 14pt Arial;;
	margin:-10px auto 1px auto;
	position:relative; 
	z-index:2;

}

.headerItem{
	color:#ADADAD;
	margin-left: 10px;
	padding: 5px;
	text-decoration:none;
}

.headerItemleft{
	float:left;
	margin-left:-5px;
}

.headerItemRight{
	color:#ADADAD;
	float:right;
	padding-top: 5px;
	text-decoration:none;
}

.headerItemRight a{
	margin-left: 5px;
	margin-right: 10px;
	padding-left:5px;
	padding-right:10px;
}

.headerLinks a, .headerLinks a:active{
	color:#ADADAD;
	text-decoration:none;
}

.headerLinks a:hover{
	color:#A9C433;
	text-decoration:underline;
}

/******************** HTML Content on page ********************/
.pageSplit1Background {
	background: #FFFFCC; /**Alternatives ADADAD A9C433 FFFFCC **/
	color:#FFFFFF;
	margin: -1.4em auto 0.8em auto;
	min-height:100px;
}

.pageSplit1 {	/*****Centers Page Content*****/
	min-width: 770px; /*54em;*/
	max-width: 1020px; /*71.8em;*/
	color:black;
	margin: 0em auto 0.8em auto;	
	/**min-height:100px;**/
}

.testimonialComment{
	color: #A9C433; /**** OR A9C433 ****/
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22pt;
	/**font-weight:bold;**/
	padding-left: 20px; 
	padding-right: 20px;
	padding-top:10px;
	line-height: 50px;
	margin: 30px 20px 20px 20px;
	text-align: center;
}

.testimonialCompany{
	color: #ADADAD;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20pt;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom:20px;
	text-align: right;
}

/******************** Begin Side Menu ********************/

.sideMenu{
	background: top repeat-x #FEFDFB;
	border: 0.07em solid #A9C433;
	float:left;
	min-height:28.6em;
	margin: 0.2em 1.4em 2.3em 0em;	
	width:10em;
}

.sideMenuBar { /**Shows Underline**/
	border: 0.15em solid #CCCCCC;
	height: 0px;  
	margin-top: -0.2em;
	margin-bottom: 0em;
}

.sideMenu li {
/*	color: #000; */
	margin-left: -1.35em;
	list-style-type: none;	
}

.sideMenu li a:hover {
	background-color: #4272B5;
	color: #FFF;
}

.sideMenu ul {
	margin-left: -1.6em;
	margin-top: 0.2em;
}

.ulNavHeader, .ulNavHeader li{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0.2em;
	padding: 0.25em 0em 0.2em 0.40em;
	text-align:left;
}

.ulNavFooter, .ulNavFooter li{
	font: 12px Arial;
	padding: 0.2em 0em 0.3em 1.55em; /**Repeated below to make it work properly**/
	text-align: left;
}

.ulNavHeader a{
	color: #000;
	display: block;
	margin: -0.2em 0em -0.2em -0.35em;
	padding: 0.2em 0em 0.2em 0.35em;		
	text-decoration:none;	
}

.ulNavFooter a{
	color: #000;
	display: block;
	margin: -0.2em 0em -0.3em -1.6em;
	padding: 0.2em 0em 0.25em 1.6em; /**This cancels it out and makes block work well**/
	text-decoration:none;	
}

.ulNavHeader a:visited, .ulNavFooter a:visited, .subTitle a:visited{
	color: #000;
}

.ulNavHeader a:hover, .ulNavFooter a:hover, .subTitle a:hover{
	color: #FFF;
	text-decoration: underline;
}

.menuTitle{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.subTitle{
	font-weight: bold;
	font-size: 14px;
	margin-top:-0.3em;
	padding-left:0.35em;
}

.subTitle a{
	color: #000;
	display: block;
	margin: -0.2em 0em -0.2em -0.35em;
	padding: 0.2em 0em 0.2em 0.35em;		
	text-decoration:none;	
}

.subTitle a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#activeLink{ /**Becomes highlighted and indents**/
	background-color: #4A81C9;
	color: #FFF;
}
	/******************** Page with Side Menu ********************/

	.contentCenteredWMenu{
		min-width:42em;
		max-width:1020px;
		margin-left:10em;
	}

/******************** End Side Menu ********************/

/******************** 'A' TAGS ********************/
a:active {
	color: #ADADAD;
}

a:hover {
	background-color: transparent;
	color: #A9C433;
	text-decoration: none;
}

a:visited {
	/**color: #ADADAD;**/
}

.anchorText a {
	text-decoration: none;
}

/******************** Blog ********************/
.blogbio{
	border: 0.08em solid #A9C433;
	font-size: 10pt;
	width:800px;
	min-height:80px;
	margin: 30px auto 30px auto;
}

p.blogbio{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.blogbio a{
	color: #A9C433;
}

/******************** Submit Buttons ********************/
a.dynamicButton {
	background-color: #01304A;
	border:0px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	min-height:25px;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
	min-width: 180px;
}

a.dynamicButton:hover{
	background-color: #9CC547;
	color: #FFFFFF;
	cursor: pointer;
}

/**Input button example: https://www.w3schools.com/csS/css3_buttons.asp **/
.inputButton {
	background-color: #01304A;
	border:0px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	padding: 4px 15px 4px 15px;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
}

.inputButton:hover{
	background-color: #9CC547;
	color: #FFFFFF;
	cursor: pointer;
}

/******************** Contact US ********************/
.contentCentered{
/*	margin: 20px 20px 0px 40px; */
	margin: 20px auto 0px auto;
	text-align:left;	
	max-width:1000px;
}

.contentLeft{
	width:500px;
	text-align:left;	
	margin: auto;
}

/******************** Fieldsets ********************/
.fieldCol{
	border: 0.08em solid #000099;
	background-color:#E0E0E0;
	color:#0000FF;
}
.legCol{
	border: 0.08em solid #000099;	
	background-color:#E0E0E0;
	padding: 0.35em 0.8em;
}

/******************** Forms ********************/
.formTextBox{
	border: 0.08em solid #A9C433;
	min-height: 2em;
}

.formLogin{
	font-weight: bold;
	font-size: 10pt;
	width:38em;
	height:9em;
	margin-left:auto;
	margin-right:auto;
}

.formNewletter{
	margin-left:20px;
}

/******************** Form Validation ********************/
.formError{
	color:#FF0000; 
	font-family: Verdana, Arial, sans-serif; 
	text-align:center;
}

.formSuccess{
	color:#66CC00;
	font-family : Verdana, Arial, sans-serif; 
	text-align:center;	
}

/******************** Headings ********************/
h1{
	color: #A9C433; /**** OR A9C433 ****/
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22pt;
	padding-left: 20px; 
	padding-right: 20px;
	text-align: center;
	max-width:1000px;
}

h2{
	color: #ADADAD;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18pt;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

h3{
	color: #A9C433;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
}
/******************** Image Settings ********************/
img{ /**By Default images should have no border**/
	border: 0em;
}

.imageCenter, .imageCenter a{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imageLeft{
	border: 0px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

.imageRight{
	border: 0px;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

.imageRef img{
	border: 0px orange solid;
	vertical-align: bottom;
}

/**********Actual Images**********/
.iconSH{ /*Plus minus*/
	border: 0px;
	height:21px;
	margin: auto auto auto auto;
	vertical-align: middle;
	width: 21px;
}

.imgIcons{   /**Footer Buttons and RSS Feed**/
	margin: 1px auto -2px auto;
}

.imgSocial{
	height:24px;
	width:24px;
}

.imageService{
	float: left;
	height: 250px;
	margin: 0 20px 0 20px;
	width: 250px;
}

.imageServiceLeft{
	position: absolute;
	height: 250px;
	margin: 50px 10px 0 20px;
	width: 250px;
}

.imageServiceRight{
	float: right;
	height: 250px;
	margin: 50px 20px 0 10px;
	width: 250px;
}

.imageServices{
	height:200px; 
	margin: 10px 20px 10px 20px;
	width:200px; 
	opacity:0.6;
}

.imageServices:hover{
	opacity:1.0;
}

.services{
	text-align: center;
		color:white;
}
	width:200px; 
}

.services a{
	color:white;
}

.services a:hover{
	color:black;
}

/******************** Iframe Settings ********************/
.iframeCenter { /**Makes the iframe center of the page if width and height is set**/
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/******************** Tables ********************/

/********* Tables settings Universal *********/
table{
	border-collapse: collapse;
	font-family: arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

th{
	background: url("") repeat-x; 
	color:#000;
}

tr.color0 td {
	background-color: #FCF6CF;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	padding-left:3px;
	padding-right:3px;
}

tr.color1 td {
	background-color: #FEFEF2;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px 2px 0px 2px;
	padding-left:3px;
	padding-right:3px;
}

td{
	padding-bottom: 20px; /**Adds line break between form fields**/
}

/********** Table Indiv Settings **********/
.tableCompare td.left{
	text-align: justify;
}

.tableCompare a:hover{
	color:blue;
}

.tableLeft{
	text-align: justify;
}

/******************** Other CSS ********************/

/******************** Standard Tags ********************/
.nopreview { /** Hide row in table from visitor**/
	display:none;
}

label.nodisplay { /**Used for Accessibility**/
	display:none;
}

p, .paragraph {
	line-height: 24px;
	margin: 20px 20px 20px 20px;
	text-align: justify;
}

ul.paragraph{
	line-height: 24px;
	margin-left: -5px;
}

li{
	line-height: 25px;
	margin-left: 5px;
}

/********** Forum Navigation **********/
.forumNav{
	background: #99CC99;
	border: 1px solid #99CC99;
	color: #FFFFFF;
	float: right;
	font: bold 8pt Arial;
	margin: 0px 20px 0px 0px;
}

.forumNav tbody{
	
}

.forumNav tr{
	margin: 0px 0px 0px 10px;
}

.forumNav td{
	padding: 10px 2px 10px 1px;
}

.link {
	background: #DEE1EF;
	border-left: 1px solid #849FDD;
	border-right: 0px solid #849FDD;
	border-bottom: 1px solid #99CC99;
	border-top: 1px solid #99CC99;
	color: #000000;
}

.forumNav a{
	background: #F5F5FF;
	color:#000000;
	border-top: 10px solid #F5F5FF;
	border-left: 4px solid #F5F5FF;	
	border-right: 4px solid #F5F5FF;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 1px 10px 1px;
	text-decoration: none;
}

.forumNav a:hover{
	background: #F5F5FF;
	color: #000000;
}

/***** Forum Tables *****/

.catTab{ /**Cat and Topic Table**/
	min-width:560px;
	width: 100%;
}

.catTab a:hover /**highlight top poster, topic and other links**/{
	color: #EC0000;
}

.catHead{
	background:#738FBF;
	border-bottom: 2px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-left: 1px solid #738FBF;
	border-right: 1px solid #738FBF;	
	color: #FFF;
	font: bold 12pt Arial;
	text-align: left;
	padding-left: 5px;
}

.catFoot a:hover{
	color: red;
	text-decoration:underline;
}

.lastPost{
	font: 8pt Arial; 
	width:180px;
}

.topName{ /**Topic anc Cat Desc**/
	font: bold 10pt Arial;
}

.topDesc{ /**Topic anc Cat Name**/
	font: 10pt Arial;
	padding-right: 5px;
}

.links{ /**Forum Login Links**/
	font: 10pt Arial;
	padding-left: 3px; 
	padding-right:3px;
}

/**#tbody1 a.members:hover //highlight top poster just before click
{
	color: #EC0000;
}**/

/***** Rating System *****/
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating .current-rating{
	background: url("/images/icons/star.gif") left -1000px repeat-x;
}

.star-rating{
	background-position: left top;
	height:1.5em;
	list-style:none;
	margin-left:0.20em;
	margin-top: 0.20em;
	padding:0em;
	position:relative;
	width:7.6em;
}

.star-rating a, .star-rating .current-rating{
	height:1.65em;
	outline:none;
	margin-left:-0.15em;
	margin-top:-0.1em;
	position:absolute;
	text-indent:-1000em;
	width:8.6em;
}

.star-rating a:hover, .star-rating a:active{
	background-position: left bottom;
}
.star-rating a.rating1{
	width:10%;
	z-index:11;
}
.star-rating a.rating2{
	width:20%;
	z-index:10;
}
.star-rating a.rating3{
	width:30%;
	z-index:9;
}
.star-rating a.rating4{
	width:40%;
	z-index:8;
}
.star-rating a.rating5{
	width:50%;
	z-index:7;
}
.star-rating a.rating6{
	width:60%;
	z-index:6;
}
.star-rating a.rating7{
	width:70%;
	z-index:5;
}
.star-rating a.rating8{
	width:80%;
	z-index:4;
}
.star-rating a.rating9{
	width:90%;
	z-index:3;
}
.star-rating a.rating10{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
	display:none;
}

/******************** Page Footer ********************/
.pageFooterBackground {
	background: url("") top repeat-x #295077; /**Alternatives 99CC99 9999CC **/
	border-top: 1px dotted #ADADAD; /*****OR border-top: 1px dotted #ADADAD; *****/
	margin: 0em auto 2em auto;
	padding: 1em auto 1em auto;

}

.pageFooter {/*****Centers Page Content*****/
	font: bold 10pt Arial;
	color: #FFFFFF; /**Font white**/
	min-height: 100px; /**/
	min-width: 770px;
	max-width: 1020px;
	margin: -1em auto 0em auto;
/*	margin: 0px auto 0px auto; */
}

.pageFooterShareBackground {
	background: url("") top repeat-x #295077; /**Alternatives 99CC99 9999CC **/
	border-top: 1px dotted #295077; /*****OR border-top: 1px dotted #ADADAD; *****/
	margin: 0em auto 0em auto;
}
.pageFooterShare{
	background: url("") top repeat-x #295077; /**Alternatives 99CC99 9999CC **/
	font: bold 10pt Arial;
	height: 35px;
	min-width: 150px; /*54em;*/
	max-width: 180px; /*71.8em;*/
	margin: 0em auto 0em auto;.
}

.pageFooter a:hover{
	color:#A9C433;
	text-decoration: underline;
}

.pageFooterShare a{
	color:#FFFFFF;
	text-decoration: none;
}

.footerIcon{
	margin: 0.3em 0em 0.5em 0em; 
	vertical-align: middle;
}

.footerItem{
	border: 0px;
	color:#FFFFFF;
	float:left;
	margin: 5px 10px 5px 10px;
	text-align:center;
	text-decoration:none;
	vertical-align: middle;	
}

.vertcenter{	/**Used to v-align footer text as it does not without floats**/
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	max-width:300px;
}

.topright{	/**used to align right side link in the footer**/
	float:right; 
	margin-right:0.3em;
}

/******************** ERRORS - 404 ********************/
.error404{
	border: 1px dashed black;
	text-align:left;
	margin:auto;
}

.error404 th{
	color: rgb(204, 0, 0);
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 18px;
	font-style: italic;
}

/******************** Filetypes: icons ********************/
/**http://www.iconfinder.net**/

/* External links - keep first as icon hidden if file download*/
a[href^="http://"], a[href^="https://"] {
background: url(/images/icons/external.png) center right no-repeat;
display:inline-block;
padding-right:15px;
line-height:15px;
}

/* Archive documents links */
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] {
background:transparent url(/images/icons/filetypes/zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Excel document links */
a[href$='.xls'] {
background:transparent url(/images/icons/filetypes/xls.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* PDF document links */
a[href$='.pdf'] {
background:transparent url(/images/icons/filetypes/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Powerpoint document links */
a[href$='.ppt'] {
background:transparent url(/images/icons/filetypes/ppt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Text Files and RTFs */
a[href$='.rtf'], a[href$='.txt'] {
background:transparent url(/images/icons/filetypes/txt.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Word document links */
a[href$='.doc'], a[href$='.docx'] {
background:transparent url(/images/icons/filetypes/doc.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}
 
/* Contact us and Mailto: links */
a[href^="contactme.php"], .contact {
background:transparent url(/images/icons/filetypes/mail.png) center left no-repeat;
display:inline-block;
padding-left:20px;
padding-right:0px; /**hide external link icon**/
line-height:15px;
}

/* Hide external link image */
a.noicon{
background: url("");
padding-left:0px;
padding-right:0px;
}

/******************** External Classes / ID ********************/
a.addthis_button {
	background: url("");
	color: #FFFFFF;
	margin-top: -0.1em;
	padding-left:0em;
	padding-right:0em;
}

/******************** INDIV PAGES ********************/

/* Homepage */
.imgHomeSocial{
	margin-bottom:-5px;
	margin-left:10px;
}

/* Contact Form */
.formComments{
	float:right;
}

.imgContactSocial{
	height:24px;
	margin-bottom:-10px;
	margin-left:10px;
	width:24px;
}

/* Downloads Page for IE11 and Edge */
.iframeCaptcha{
	margin-left:auto; 
	margin-right:auto;
	margin-top: 0px;
	width:35.8em; 
}

/* Services */
.listServices{
	min-width:300px; 
	max-width:750px;
	margin: auto auto auto auto;
}

/**** Homepage - Slideshow ****/

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/

/* Bullet points alignment */
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet element */
	width: 16px;
	height: 16px;
	background: url('/images/menus/bullet05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l                  (normal)
.jssora12r                  (normal)
.jssora12l:hover            (normal mouseover)
.jssora12r:hover            (normal mouseover)
.jssora12l.jssora12ldn      (mousedown)
.jssora12r.jssora12rdn      (mousedown)
*/

/* Arrows alignment */
.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url('/images/menus/arrow12.png') no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }