A:link {COLOR: #000000; text-decoration: none;}
A:visited {COLOR: #000000; TEXT-DECORATION: none;}
A:active {COLOR: #464646; TEXT-DECORATION: underline}
A:hover {COLOR: #464646; TEXT-DECORATION: underline;}

A.i1:link {COLOR: #006600; text-decoration: none}
A.i1:visited {COLOR: #006600; TEXT-DECORATION: none}
A.i1:active {COLOR: #006600; TEXT-DECORATION: underline}
A.i1:hover {COLOR: #464646; TEXT-DECORATION: underline;}

.table1  {

border-collapse:collapse;

}
.table1 td {

border: 1px solid #bdbdbd;
padding: 6px;
background-color:#fdfdfd;
}

BODY{
	margin: 0px;
	background-image: url(image/bg.jpg);
overflow-x: hidden;
}
TD {
	font-size: 12px;
	color: #464646;
	font-family:  "Arial", "Helvetica", "sans-serif";
} 
LI { LINE-HEIGHT: 14pt }
A {TEXT-DECORATION: underline }
div{font-size: 12px;
	color: #464646;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";}

.list_w{ font-size:12.8px; font-weight:bold; color:#FFFFFF; }
.copyright{ ine-height:16px }
.newstitle { font-size:16px; COLOR:#2460CE; font-weight:bold; letter-spacing:3px}

.products {
	font-size: 12px;
	
}
.logk {
	border: 1px solid #000000;
	text-decoration: none;
}
.titr {
	color: #DD4A5B;
}
.titl1 {
	font-size: 14px;
	color: #FFFFFF;
	padding-left:3px;
}
.titla {
	color: #006600;
	padding-left: 15px;

}
.tit1 {
	font-size: 16px;
	color: #464646;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	padding-left: 15px;


}
.titt1 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 30px;

}

.tit11 {

	font-size: 16px;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
}

h1 {
	font-size: 16px;
	color: #464646;
	font-weight: bold;
	margin-bottom: 0px;


}
h2 {
	font-size: 13px;
	color: #464646;
	font-weight: bold;
	margin-bottom: 0px;


}
.dd-option-text{float:left;}
#t2 table td{ position:relative; *position:inherit;}
#t2 table td div{ left:160px; z-index:999; margin-top:-22px; *margin-top:-7px;}
.logo{float:left;width:200px;}
.header{  width: 984px;overflow: hidden;background: #fff;margin: 0px auto;  padding: 0;}
.topright{  float: right;width: 784px;margin-top: 7px;}
.scoreimg{float:left;width:326px;padding-top: 3px;}
.selectoption {float: left;padding-right: 4px;margin-top: 2px;}
.topmenubt{float:left;width:784px;padding-bottom: 3px;}
.trackimg {float: left;width: 120px;}
.selectoption select{display:block;}
.dd-select{padding-right:20px;text-align: left;}
.menu{display:inline-table;padding: 6px 0px 0px 0; float: left;box-sizing: border-box;}
.menustatic{float:left;width:auto;  padding: 6px 5px 0px 25px;}
.hundred{width:100%}
.contact13 {font-size: 12px;font-family:verdana;padding-bottom: 10px;color:#555;padding-right: 15px;  float: left;  margin-top: -1px;}
.twoseventy{width:274px;}
.contact13 img {margin-left: 15px;}
.tableimg{ width:696px; height:180px}
.rightbg{width:274px;}
.leftbg{width:700px;}
.tablecontainer{width:984px;margin: 0 auto;}
.righttdimg{width:288px;height:180px;}
 #testimonials{position:absolute; width:273px; height:120px; z-index:1}
 .leftpanelimg{width:181px;height:40px;}
 .oneeightytd{width:181px;}
 table.tabtable{width:181px;}
 .leftfl{height:45px;}
 .innerleftbg {width: 695px;}
 #h1{position:absolute; width:181px; height:115px; z-index:2; visibility: hidden;}
 #h2{position:absolute; width:181px; height:115px; z-index:2; visibility: hidden;}
 #h3{position:absolute; width:181px; height:115px; z-index:2;}
 #h4{position:absolute; width:181px; height:115px; z-index:2; visibility: hidden;}
 #h5{position:absolute; width:181px; height:115px; z-index:2; visibility: hidden;}
 .responsivemenu-toggle, .staticmenu{display:none;}
 .menuflow {
    display: inline-table;
	float: right;
	width: 590px;
}
 #t1{position:absolute; visibility: hidden;}
 #t2{position:absolute;visibility: hidden;}
  .absolutebottom{width:210px}
.responsebitele{display:none;}
.sixshow{display:none;}
.qualityimg{width: 180px; height: 135px}
.contactext{width:378px;height:154px}
.frame{width:425px;height:400px;}
.surveyarea{width:336px;height:64px;}
#t1 { height: auto; position: absolute;visibility: hidden; width: 198px;z-index: 1;}
#t2 {height: auto;position: absolute;visibility: hidden;width: 196px;z-index: 1;}
#t22{position:absolute; width:200px; height:auto; z-index:2; visibility: hidden}
#t21{position:absolute; width:198px; height:86px; z-index:2; visibility: hidden }
.ab{width:900px;}
.mailresponsive{float:left;}
.phoneresponsive{float:left;margin-left: 4px;}
.respondtd{display:none;}
#d3{width:125px}
#l1{position:absolute; width:485px; height:263px; z-index:1; visibility: hidden;}
#l2{position:absolute; width:485px; height:263px; z-index:1; visibility: hidden;}
#l3{position:absolute; width:485px; height:263px; z-index:1;}
#l4{position:absolute; width:485px; height:263px; z-index:1; visibility: hidden;}
#l5{position:absolute; width:485px; height:263px; z-index:1; visibility: hidden;}
.responsetable{border-color:#c8c8c8; border-width:1px; border-style:solid}

/* HEADER BANNER */

.header-banner{
    width: 984px; 
	height: 306px; 
	margin: 0 auto; 
	background: url('../image/header.jpg'); 
	background-position: center; 
	background-repeat: no-repeat;
}

.header-banner-content {
    display: block;
    position: relative;
    top: 50%;
    margin-top: -52px;
}

.header-banner h1 {
    margin: 0;
    display: block;
    font-size: 37px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial;
}

.header-banner .quote-buttons {
    display: block;
	text-align: center;
	margin-top: 15px;
}

.header-banner .quote-buttons .quote-button {
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    width: 280px;
    margin: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.header-banner .quote-buttons .quote-button.assembly-quote {
    border: solid 3px #f1971d;
	background: rgba(241, 151, 29, .6);
}

.header-banner .quote-buttons .quote-button.fabrication-quote {
    border: solid 3px #2bc697;
	background: rgba(43, 198, 151, .6);
}

/* HEADER BANNER HDI */

.header-banner-hdi{
    position: relative;
    max-width: 984px;  
	margin: 0 auto; 
	background-color: #fff;
}

.header-banner-hdi .quote-buttons {
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    right: 0;
    margin-top: -61px;
    height: 122px;
    width: 300px;
}

.header-banner-hdi .quote-buttons .quote-button {
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    width: 215px;
    margin: 10px 0;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.header-banner-hdi .quote-buttons .quote-button.assembly-quote {
    border: solid 3px #f1971d;
	background: rgba(241, 151, 29, .8);
}

.header-banner-hdi .quote-buttons .quote-button.fabrication-quote {
    border: solid 3px #2bc697;
	background: rgba(43, 198, 151, .8);
}

.header-banner-hdi .quote-buttons .quote-button.free-parts {
    border: solid 3px #bb3c3c;
    background: rgba(228, 97, 97, 0.8);
}

.header-banner-hdi .quote-buttons.three-buttons {
    text-align: right;
    padding-right: 10px;
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button {
    font-size: 11px;
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button.assembly-quote {
    width: 165px;
    border: solid 3px #2bc697;
    background: rgba(43, 198, 151, .8);
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button.fabrication-quote {
    width: 165px;
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button.free-parts {
    width: 165px;
	border: solid 3px #2bc697;
	background: rgba(43, 198, 151, .8);
}

.header-banner-hdi .hdi-header-image {
    width: 100%;
	display: block;
}

.header-banner-hdi .hdi-header-image.mob {
    display: none;
}

/* -- CLEAR FIX -- */

.cf:before,
.cf:after
{
display: table;
content: ' ';
}

.cf:after
{
clear: both;
}

/* -- MOBILE MENU --*/

.mobile-menu
{
display: none;
}

/* ----- RESPONSIVE ----- */	

	
/* -- MAX WIDTH 1150px --*/

@media (max-width:1150px){
    


}

/* -- MAX WIDTH 1023px --*/

@media (max-width:1023px){

.rightbg{width:30%}
.leftbg{width:70%;}
.tableimg { height:190px; width: 100%;}
.righttdimg {height: 190px;width: 100%;}
.innerleftbg {width: 100%;}
.indextdtab{width:70%}
.oneeightytd{width:30%}

.tablecontainer{width:95%;}
.header{width:95%}
.header-banner, .header-banner-hdi{width:95%} /* NEW CONTENT */
.logo{width:18%}
.logo img{width:95%}
.monitor, .monitortele{display:none;}
.responsebetext{width:100%;}
.responsebitele {display:block}
.qualityimg {height: auto; width: 80%;}
.monitortab{display:none}
#h1, #h2, #h3, #h4, #h5 {width: 18%;}
table.tabtable {width: 100%;}
.leftpanelimg { height: auto; width: 100%;}
.responsetable{width:100%}
.leftfl a{float:left;width:100%}
.indextdtab {width: 72%;}
.oneeightytd {display: block;float: left;height: 250px;width: 28%;}
#l1, #l2, #l4, #l5{ width:41%;height:263px; z-index:1; visibility: hidden;}
#l3{ width:41%;height:263px; z-index:1;}
.restdtab{width:auto}
.topright{width:79%}
.scoreimg {width: 35%;}
.topmenubt { float: right;padding-bottom: 7px; width: 79%;}
/* .trackimg {width: 27%;} */

}

/* -- MAX WIDTH 1000px --*/

@media (max-width:1000px){

.righttdimg {height: 180px;}
.tableimg { height:180px;}
.menu{padding:6px 0 0 0}
.menustatic{padding:6px 5px 0 18px}
.topright{width:78%}
.topmenubt{width:78%}
.ab{width:auto;}
.indextdtab{width:71%}
	
}

/* -- MAX WIDTH 980px --*/

@media (max-width:980px){

.monitormail{display:none;}
.topright {
    width: auto;
    float: right;
}

}

/* -- MIN WIDTH 961 --*/

@media (min-width: 961px) {
    
.header-banner-hdi .quote-buttons.three-buttons {
    margin-top: 0;
    height: 182px;
    width: 236px;
    top: 0;
}

}

/* -- MAX WIDTH 960px --*/

@media (max-width:960px){

.scoreimg{width:28%}

.header-banner-hdi .quote-buttons {
    padding-right: 30px;
}
	
}

/* -- MAX WIDTH 960px and MIN WIDTH 700px --*/

@media (max-width:960px) and (min-width:700px){

.header-banner-hdi .quote-buttons {
    text-align: right;
    margin-top: -46px;
    height: 92px;
    width: 234px;
}

.header-banner-hdi .quote-buttons.three-buttons {
    margin-top: 0;
    height: 138px;
    top: 0;
    width: 186px;
}

.header-banner-hdi .quote-buttons .quote-button {
    width: 180px;
    margin: 5px 0;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
}
	
}

/* -- MAX WIDTH 930px --*/

@media (max-width:930px){
   
.trackimg {width: 23%;}

}

/* -- MAX WIDTH 900px --*/

@media (max-width:900px){

.scoreimg{width:23%}
.righttdimg {height: 150px;}
.tableimg { height:150px;}
.vtop{vertical-align: top}
.twoseventy{width:90%;}
.responsivetd{width:100%}
#testimonials{position:absolute; width:auto; height:120px; z-index:1}
.bannerslidetd{width:100%}
.hundred{width:98%}
.menu { padding: 6px 5px 0 10px;}
.menustatic{ padding: 6px 5px 0 10px;}
#h1, #h2, #h3, #h4, #h5 { width: 16%;}
.responsetable {height: 335px;width: 100%;}
.indextdtab {width: 72%;}
	
}

/* -- MAX WIDTH 837px --*/

@media (max-width:837px){
   
.scoreimg {width: 19%;}

}

/* -- MAX WIDTH 800px --*/

@media (max-width:800px){
   
.topright { width: 65%;}
.indextdtab {float: none; width: 100%;}

#h1, #h2, #h3, #h4, #h5{width:65%;}
table.tabtable{width:100%}
.leftfl{width:29%}
.responsetable{height:280px}
.rightbg{display:none;}
.leftbg {width: 90%;}
.tableimg { height: auto;}
#h1, #h2, #h3, #h4, #h5 { width: 86%;}
.responsivemenu-toggle{display:block;background: url(image/responsive-menu.png) no-repeat;width:30px;height:30px;cursor:pointer;}
.crossicon{display:block;background: url(image/responsive-menu.png) no-repeat;width:30px;height:30px;cursor:pointer;}
.staticmenu{display:block;}
#t1 {height: 122px !important;position: relative;visibility: visible !important; width: 198px !important;z-index: 1;}
#t2 {height: 322px !important;position: relative;visibility: visible !important;width: 196px;z-index: 1;}
#t22{position:relative; width:200px; height:auto; z-index:2; visibility: visible !important}
#t21{position:relative; width:198px; height:86px; z-index:2; visibility: visible !important}
#t2 table td div {left: 0px; margin-top: 0;z-index: 999;  margin-bottom: 5px;}
table.reswhite tr td{background:#fff}
.fbold{font-weight: bold}
.vtop{vertical-align:top}
.respondtd{display:block;}
#l1, #l2, #l4, #l5{ width:65%;height:263px; z-index:1; visibility: hidden;}
#l3{ width:65%;height:263px; z-index:1;}

.menuflow
{
display: none;
}

.responsivemenu-toggle
{
float: right; 
margin-right: 10px;
cursor: pointer;
}

.mobile-menu
{
display: none;
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
border: 1px solid #dadada;
background: #fafafa none repeat scroll 0 0; 
}

.mobile-menu > li 
{
float: none;
position: relative; 
padding: 0 10px;
font-size: 14px;
font-weight: bold;
}

.mobile-menu > li:last-child a
{
border-bottom:none;
}

.mobile-menu li a
{
display: block;
line-height: 30px;
border-bottom: 1px solid #ccc; 
}

.mobile-menu li a:hover,
.mobile-menu li a:focus,
.mobile-menu li a:active,
.mobile-menu ul li a:hover,
.mobile-menu ul li a:focus,
.mobile-menu ul li a:active
{
text-decoration: none;
background: none;
}

.mobile-menu ul
{
display: none;
padding: 0;
list-style-type: none;
}

.mobile-menu ul li
{
position: relative;
font-size: 12px;
font-weight: normal;
background: #fff;
}

.mobile-menu ul li:last-child
{
border-bottom: none;
}

.mobile-menu ul li.parent
{
font-weight: bold;
}

.mobile-menu ul li a
{
padding: 0 10px;
}

.mobile-menu ul ul li a
{
padding: 0 20px;
}

.submenu-toggle
{
display: inline-block;
position: absolute;
right: 0;
top: 0;
padding-right: 10px;
width: 40px;
height: 30px;
text-align: right;
}

.submenu-toggle span
{
display: inline-block;
position: relative;
top: 7px;
width: 15px;
height: 15px;
line-height: 15px;
border: solid 1px #000;
color: #000;
font-size: 10px;
text-align: center;
cursor: pointer;
}

.header-banner-hdi .quote-buttons {
    padding-right: 10px;
}
	  
}

/* -- MAX WIDTH 800px and MIN WIDTH 400px --*/

@media (max-width:800px) and (min-width:400px){

.staticmenu 
{
float: right;
position: relative;
right: 20px;
}

.logo img
{
width: auto;
}

.topright
{
float: right;
width: auto !important;
right: 11px;
position: relative;
}

.contact13
{
padding-right: 0;
}

}

/* -- MAX WIDTH 740px --*/

@media (max-width:740px){

.topright {width: 75%;}

/* NEW CONTENT */

.header-banner-content {
    margin-top: -45px;
}

.header-banner h1 {
    font-size: 25px;
}

.header-banner .quote-buttons .quote-button {
    width: 204px;
	font-size: 13px;
}
	
}

/* -- MAX WIDTH 700px --*/

@media (max-width:700px){

.header-banner-hdi .quote-buttons:not(.three-buttons) {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: 0;
    padding: 0;
    margin-top: 0;
    height: auto;
    width: 100%;
}

.header-banner-hdi .quote-buttons.three-buttons {
    top: 0;
    margin-top: 0;
}

.header-banner-hdi .quote-buttons .quote-button {
    width: 180px;
    margin: 0px 5px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button {
    margin-top: 5px;
}

.header-banner-hdi .hdi-header-image.des {
    display: none;
}

.header-banner-hdi .hdi-header-image.mob {
    display: block;
}

}

/* -- MAX WIDTH 640px --*/

@media (max-width:640px){

.logo img {width: 100%;}
.logo{width:30%}
.topright {margin-top: 21px;width: 54%;}
.topmenubt { padding-bottom: 6px; width: 95%;}
.sixshow{display:none;}
.absolutebottom{display:none;}
.inlinetd{display:none;}
.phoneresponsive{float:none;margin-left:0px}
.mailresponsive{float:none;margin-bottom:5px;}
.assemblyquote-form {width: 250px;margin: 0 auto 1em;text-align: center;}
.header-banner-hdi .quote-buttons .quote-button.free-parts {
    margin-top: 10px;
}
	 
}

/* -- MAX WIDTH 680px and MIN WIDTH 640px --*/

@media (max-width:680px) and (min-width:640px){

.logo img {width: 100%;}

}

/* -- MAX WIDTH 600px --*/

@media (max-width:600px){
   
.topright {width: 60%;}
.titla{display:none}
.responsetable{height:310px}
.leftfl { height: 36px;}

/*
.oneeightytd {height: auto;float: none;width: 100;}
.leftpanelimg{border:1px solid #ccc;border-top-left-radius: 10px;
border-bottom-left-radius: 10px;}
.leftpanelimg {height: auto; width: 100%;}
.leftfl{float:left;margin-right:2%;width:23%}
.leftfl:last-child{margin-right:0px;}
.responsetable{margin-top:36px;}
*/

}

/* -- MAX WIDTH 540px --*/

@media (max-width:540px){

body { 
   background: #fff;
}

.topmenubt{width:99%;}
.topright {width: 64%;}

.header-banner-hdi .quote-buttons {
    bottom: 5px;
}

.header-banner-hdi .quote-buttons .quote-button {
    width: 160px;
    margin: 0 5px;
    height: 25px;
    line-height: 25px;
    font-size: 10px;
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button {
	margin-top: 5px;
    font-size: 9px;
}

.header-banner-hdi .quote-buttons.three-buttons {
    position: relative;
    height: auto;
    padding: 10px 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
	background-color: #fff;
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button.assembly-quote,
.header-banner-hdi .quote-buttons.three-buttons .quote-button.free-parts,
.header-banner-hdi .quote-buttons.three-buttons .quote-button.fabrication-quote {
    width: 130px;
	font-size: 8px;
	margin-left: 0;
	margin-right: 0;
	border: solid 3px #777;
    background: #888;
}

.header-banner-hdi .quote-buttons.three-buttons .quote-button.free-parts {
     display: none;
}

}

/* -- MAX WIDTH 526px --*/

/* NEW CONTENT */

@media (max-width:526px){

.header-banner-content {
    margin-top: -90px;
}

.header-banner .quote-buttons .quote-button.assembly-quote {
    margin-bottom: 15px;
}
	
}

/* -- MAX WIDTH 500px --*/

@media (max-width:500px){

.topright {width: 48%;}
.logo {width: 28%;}
.contact13 {font-size: 10px; padding-right: 5px; margin-top: -13px;}
.header {width: 98%;}
.header-banner, .header-banner-hdi {width: 98%;} /* NEW CONTENT */
.tablecontainer {width: 98%;}
.menuflow{right:1%}
.qualityimg { height: auto; width: 90%;}
.contactable{width:100%;overflow:hidden;}
.frame {height: 300px;width: 320px;}
.fivemonitor{display:none}
.selectoption{display:none;}
.footerfont{}
.aboutfont{}
     
}

/* -- MAX WIDTH 500px and MIN WIDTH 380px --*/

@media (max-width:500px) and (min-width:380px){

.logo
{
width: auto;
}

.contact13
{
padding-right: 0;
}

}

/* -- MAX WIDTH 440px --*/

@media (max-width:440px){

.footerfont a{margin-left: 8px; margin-right: 8px;line-height: 22px}
.aboutfont a{margin-left: 8px; margin-right: 8px;line-height: 22px}
.footerfont a:last-child{margin-left: 15px; margin-right: 8px;line-height: 22px}
.fourmonitor{display:none;}
	
}

/* -- MAX WIDTH 405px --*/

@media (max-width:405px){

.aboutfont a:last-child{margin-left: 8px; margin-right: 8px;line-height: 22px}
	
}

/* -- MAX WIDTH 400px --*/

@media (max-width:400px){

.topright {padding-right: 8px;width: auto;}   
.logo {width: 44%;}
.dd-container{float:left}
.topright{margin-top:5px}
.contact13 img {margin-left: 0;}
.contact13{float:left;margin-top: 4px;}
.menustatic{ font-size: 10px;padding: 6px 5px 0 6px;}
.contactext{width:100%;height:154px}
.frame {height: 250px;width: 290px;}
.surveyarea{width:100%;height:64px;}

.header-banner-hdi .quote-buttons .quote-button {
    width: 145px;
    margin: 0 5px;
    height: 20px;
    line-height: 20px;
    font-size: 9px;
    border-radius: 4px;
}
    
}

/* -- MAX WIDTH 360px --*/

@media (max-width:360px){

.menustatic{font-size: 11px;padding: 6px 5px 0 7px;}
.tablecontainer {padding: 0 1%;width: 100%;}
.header {padding:0 1%; width: 98%;}
   
}

/* -- MAX WIDTH 1000px --*/

@media (max-width:340px){

.aboutfont a:last-child, .footerfont a:last-child{margin-left: 8px; margin-right: 8px;line-height: 22px}

}


.effectfront:hover {  -webkit-transform: scale(1.7);  
-moz-transform: scale(1.7); 
 -o-transform: scale(1.7); 
 transform: scale(1.7);  
 transition: all 0.3s; 
 -webkit-transition: all 0.3s;}


/* -- SIDE MENU - HOME -- */

ul#side-menu {
    padding: 0;
	margin: 0 0 0 10px;
    list-style-type: none;
	width: 180px;
}

ul#side-menu li {
    display: block;
	font-size: 14px;
	height: 40px;
	border: solid 1px #ededed;
	border-right: 0;
	border-radius: 10px 0 0 10px;
	margin-bottom: 5px;
	width: 100%;
	line-height: 40px;
    box-sizing: border-box;
	background-image: url('../image/side-menu-arrow.png');
	background-repeat: no-repeat;
	background-position: 95% center;
	cursor: pointer;
}

ul#side-menu li:hover,
ul#side-menu li.active {
	background-color: #3d833a;
	background-image: url('../image/side-menu-arrow-green.png');
}

ul#side-menu li a,
ul#side-menu li a:hover {
    display: block;
    color: #666;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 20px;
}

ul#side-menu li.active a,
ul#side-menu li.active a:hover {
    color: #fff;
}