body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-color: #000000;
	
}

@font-face {
font-family:cb;
src:url("../fonts/corbelb_3.eot")
}
@font-face {
font-family:cb;
src:url("../fonts/corbelb_3.ttf")
}
@font-face {
font-family:dz;
src:url("../fonts/DieselisEconomic-Zero.eot")
}
@font-face {
font-family:dz;
src:url("../fonts/DieselisEconomic-Zero.ttf")
}

.topbar{ 
font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000000; }
.topbar:hover{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#FA9100;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000000; 
}
 .formal{
	font-family: dz;
	color:#ffffff;
	font-size:25px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #000000; 

}
.formaltop{
	font-family: dz;
	color:#000000;
	font-size:18 px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #ffffff;
	background-color:#4694C2; 
    border-radius: 5px 5px 5px 5px;

}
.formaltop:hover{
	font-family:dz;
	color:#ffffff;
	font-size:18 px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #000000; 
}
.formalblack{
	font-family: dz;
	color:#000000;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;

}
.formalblack:hover{
	font-family:dz;
	color:#FF9400;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.formalyellow{
	font-family: dz;
	color:#FDAE2D;
	font-size:25px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #000000; 

}
 .formalwhite{
	font-family: dz;
	color:#ffffff;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;

}
.imgb{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.tarea {
 
	height: 100px;
	width: 225px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size:10px;
 font-weight:none;
border:0;
background-color:#ffffff;
border-radius: 5px 5px 5px 5px;

}
.select  {
  outline: 0;
  overflow: hidden;
  height: 25px;
  background: #ffffff;
  color:#000000;
  border:#699001 ;
  border-size:1px;
  padding:2px 2px 2px 2px;
border-radius: 5px 5px 5px 5px;

 width:190px;
}.btn {
height: 27px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
padding-top:5px;
border:0;
background:#4694C2;
font-family:dz;
	font-size:16px;
	color:#000000;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;	
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 2px 2px 2px #FFFFFF; 
border-radius: 5px 5px 5px 5px;
}

.in {
background:transparent;
height: 28px;
width: 175px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:10px;
font-weight:bold;
border:0;
border-radius: 5px 5px 5px 5px;
background:ffffff;


}
.inn {
height: 25px;
width: 190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:10px;
font-weight:none;
border:0;
border-radius: 10px 10px 10px 10px;
background:DFDFDF;

}
.btnn {
height: 30px;
border:0;
padding:5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
background:#2D91C3;
font-family:dz;
	font-size:16px;
	color:#000000;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;	
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 2px 2px 2px #FFFFFF; 
}



.td{
background:url(../images/1.jpg);
background-position:center top;
height:207px;
	}
.td2{
background:url(../images/8.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#D6D6D6;
	}
	
	.td3{
background:url(../images/4.jpg);
background-position:center top;
height:39px;
	}
	.td4{
background:url(../images/6.png);
background-position: bottom;
background-repeat:no-repeat;
	}
.td5{
background:url(../images/5.png);
background-position: top;
background-repeat:no-repeat;
	}
.td6{
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
background-color:#ABE3FF;
	}
	.td7{
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
background-color:#FFA50B;
	}

	.td8{
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
background-color:#ffffff;
height:25px;
	}


	.td9{
border-top-left-radius:0px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:0px;
background-color:#FFC800;
height:35px;
	}

	.td9:hover{
border-top-left-radius:0px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:0px;
background-color:#FFffff;
height:35px;
	}
	
	.td10{
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
background-image:url(../images/2.jpg);
background-color:#FFC800;
height:50px;
	font-family:dz;
	font-size:22px;
	color:#000000;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;	
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 2px 2px 2px #FFFFFF; 
		}
	.td11{
border: 1px dashed; #999999;
background:#FFFFFF;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
	}
	.td12{
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
background-image:url(../images/45.png);

border:1px solid #e3e3e3;
	webkit-transition: box-shadow .5s ease-in-out;
	-moz-transition: box-shadow .5s ease-in-out;
	-o-transition: box-shadow .5s ease-in-out;
	transition: box-shadow .8s ease-in-out;
	-webkit-box-shadow: 0px 0px 0pxrgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 0pxrgba(0, 0, 0, 0);
	box-shadow:        0px 0px 0pxrgba(0, 0, 0, 0)
}

.td12:hover{
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
background-image:url(../images/45.png);

border:1px solid #3A9ACA;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 10px rgba(10, 10, 10, 10);
	-moz-box-shadow:    0px 0px 10px rgba(10, 10, 10, 10);
	box-shadow:        0px 0px 10px rgba(10, 10, 10, 10);}
	.td13{
background-image:url(../images/111.jpg);
background-color:#000000;
background-repeat:repeat-x;
	}	
	.td14{
	background-color:#FFFFFF;
	webkit-transition: box-shadow .5s ease-in-out;
	-moz-transition: box-shadow .5s ease-in-out;
	-o-transition: box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out;
	-webkit-box-shadow: 0px 0px 0pxrgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 0pxrgba(0, 0, 0, 0);
	box-shadow:        0px 0px 0pxrgba(0, 0, 0, 0)
	}
	.td14:hover{
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 10pxrgba(10, 10, 10, 10);
	-moz-box-shadow:    0px 0px 10px rgba(10, 10, 10, 10);
	box-shadow:        0px 0px 10px rgba(10, 10, 10, 10);
	}
.gray{ 
	font-family:tahoma;
	font-size:9pt;
	color:#cac8cb;
	font-weight:none;
	text-decoration:none;

}
	 .eightarialb{
	font-family:arial;
	font-size:9pt;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	 }
.top{ 
	font-family:DZ;
	font-size:20px;
	color:#ffffff;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;	
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 2px 2px 2px #000000; 
	 }
	 
	
.top:hover{ 
	font-family:DZ;
	font-size:20px;
	color:#FFFC00;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;	
	font-variant:normal;
		font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 2px 2px 2px #000000; 
	 }
	 .topblack{ 
	font-family:DZ;
	font-size:18px;
	color:#000000;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;	
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff; 
	 }
	 
		.td14{
	background-color:#FFFFFF;
	border:dashed #000000 1px;
	webkit-transition: box-shadow .5s ease-in-out;
	-moz-transition: box-shadow .5s ease-in-out;
	-o-transition: box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out;
	-webkit-box-shadow: 0px 0px 5pxrgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 5pxrgba(0, 0, 0, 0);
	box-shadow:        0px 0px 5pxrgba(0, 0, 0, 0)
	}
	.td14:hover{
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 20pxrgba(10, 10, 10, 10);
	-moz-box-shadow:    0px 0px 20px rgba(10, 10, 10, 10);
	box-shadow:        0px 0px 20px rgba(10, 10, 10, 10);
	}
.topblack:hover{ 
	font-family:DZ;
	font-size:18px;
	color:#FFFC00;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;	
	font-variant:normal;
		font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000000; 
	 }
.norm{
	font-family:tahoma;
	font-size:8pt;
	color:#ffffff;
	font-weight:none;
	text-decoration:none;

}
.tenwhiteb{
	font-family:tahoma;
	font-size:9pt;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	height:1px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='000000', Direction=100, Strength=1);
}
.tenblackb{
	font-family:tahoma;
	font-size:9pt;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
 }

.artfront{
	font-family:tahoma;
	font-size:8pt;
	color:#4cb7e5;
	font-weight:none;
	text-decoration:none;
}
.morefront{
	font-family:tahoma;
	font-size:8pt;
	color:#181818;
	font-weight:none;
	text-decoration:underline;
}
.bottom{
	font-family:tahoma;
	font-size:8pt;
	color:#ffffff;
	font-weight:none;
	text-decoration:none;
}
.bottomf{
	font-family:tahoma;
	font-size:8pt;
	color:#fcd429;
	font-weight:bold;
	text-decoration:none;
}
.bottomf:hover{
	font-family:tahoma;
	font-size:8pt;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.eightgray{
	font-family:tahoma;
	font-size:8pt;
	color:#C4C4C4;
	font-weight:bold;
	text-decoration:none;
}

.eightyellowb{
	font-family:tahoma;
	font-size:8pt;
	color:#FFA50B;
	font-weight:bold;
	text-decoration:none;
}
.eightblackb{
	font-family:tahoma;
	font-size:8pt;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.eightblackb:hover{
	font-family:tahoma;
	font-size:8pt;
	color:#FDAE2D;
	font-weight:bold;
	text-decoration:none;
}
.tenwhite{
	font-family:tahoma;
	font-size:10pt;
	color:#ffffff;
	font-weight:none;
	text-decoration:none;
}
.txtdefault22{
	border-left:1px solid #134d79;
	border-right:1px solid #134d79;
	border-top:1px solid #134d79;
	border-bottom:1px solid #134d79;
	color:#000000;
	background-color:#ffffff;
	background-image:url('inputbg.jpg');
	width:170;
	height:100px;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;

}
.txtdefault{
	font-family: tahoma;
	font-size: 10px;
	color: #ffffff;
	background:transparent;
	height: 26px;
	width: 190px;
		border-left:0px;
	border-right:0px ;
	border-top:0px ;
	border-bottom:0px ;


}
.txtcontact{
	border-left:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	border-top:1px solid #9F9F9F;
	border-bottom:1px solid #9F9F9F;
	color:#000000;
	background-color:#ffffff;
	background-image:url('inputbg.jpg');
	width:150;
	height:18px;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;

}
.txtFld{
	font-family:tahoma;
	font-size:11px;
	color:#000000;
	font-weight:none;
	text-decoration:none;
	border-style:1;
}

.txtsub{
	border-left:1px solid #9F9F9F;
	border-right:1px solid #9F9F9F;
	border-top:1px solid #9F9F9F;
	border-bottom:1px solid #9F9F9F;
	color:#000000;
	background-color:#ffffff;
	background-image:url('inputbg.jpg');
	width:130;
	height:18px;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;

}
.txtsearch{
	border-left:1px solid #115582;
	border-right:1px solid #115582;
	border-top:1px solid #115582;
	border-bottom:1px solid #115582;
	color:#000000;
	background-color:#ffffff;
	background-image:url('inputbg.jpg');
	width:150;
	height:18px;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	
	
	

}.inqty{
	height: 25px;
	width: 30px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size:10px;
 font-weight:none;
border-radius: 0px;
text-align:center;
border:0;
background-color:#ffffff;
border-radius: 5px 5px 5px 5px;
}
.txtqty{
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	color:#000000;
	background-color:#FFFFFF;
	background-image:url('inputbg.jpg');
	width:30;
	height:20px;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;

}

.news_head{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.news_detail{
	font-family:verdana;
	font-size:10px;
	font-weight:none;
	color:#000000;
	text-decoration:none;
}
.news_more{
	font-family:verdana;
	font-size:11px;
	font-weight:none;
	color:#000000;
	text-decoration:underline;
}.news_more:hover{
	font-family:verdana;
	font-size:11px;
	font-weight:none;
	color:#FFEC31;
	text-decoration:underline;
}
.eightblack{
	font-family:verdana;
	font-size:8pt;
	color:#000000;
	font-weight:none;
	text-decoration:none;
}
.eightwhite{
	font-family:verdana;
	font-size:8pt;
	color:#ffffff;
	font-weight:none;
	text-decoration:none;
}









.left{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#ffff00;
	text-decoration:none;


}
.left:hover{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;



}
.left2{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;


}
.left2:hover{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;


}

.menu3
{font-family:tahoma;
	font-size:8pt;
	color:#FFFFFF;
	font-weight:none;
	text-decoration:none;

}
.menu3:hover
{font-family:tahoma;
	font-size:8pt;
	color:#000000;
	font-weight:none;
	text-decoration:none;

}
.eightwhiteb
{font-family:tahoma;
	font-size:8pt;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000000; 
}
.eightblackb
{font-family:tahoma;
	font-size:8pt;
	color:#000000;
	font-weight:bold;
	text-decoration:none;

}
.tenblack
{font-family:tahoma;
	font-size:9pt;
	color:#000000;
	font-weight:none;
	text-decoration:none;
}
.paging
{font-family:tahoma;
	font-size:9pt;
	color:#ffffff;
	font-weight:none;
	text-decoration:none;
}
.paging:hover
{font-family:tahoma;
	font-size:9pt;
	color:#4694C2;
	font-weight:none;
	text-decoration:none;
}











/* ------------------ Tooltip ------------------- */
.tooltip {
position:relative; /* make span relative to anchor */
text-decoration:none; /* no underline */
cursor:pointer; /* make cursor point */
}
.tooltip span { /* main body of tooltip */
position:absolute; /* AP it */
bottom:66px; /* FADE IN/OUT BEGIN */
left:50%; /* CENTER TOOLTIP */
margin-left:-72px; /* CENTER TOOLTIP */
width:130px; /* tootip width */
opacity:0; /* HIDE TOOLTIP in modern browsers */
visibility:hidden; /* HIDE TOOLTIP in IE */
padding:10px 5px; /* padding */
color:#000000; /* text color */
font:bold 75%/1.5 Arial, Helvetica, sans-serif; /* font */
text-align:center; /* center text */
pointer-events:none; /* no unintended tooltip popup for modern browsers */
border-radius:0px; /* round corners */
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6); /* text shadow */
background:rgb(255,161,0); /* IE6/7/8 */
background:rgba(255,161,0,.8); /* modern browsers */
border:2px solid rgb(255,255,255); /* IE6/7/8 */
border:2px solid rgba(255,255,255,.8); /* modern browsers */
box-shadow:0px 2px 4px rgba(0,0,0,0.5); /* shadow */
-webkit-transition:all 0.3s ease-in-out; /* animate tooltip */
-moz-transition:all 0.3s ease-in-out; /* animate tooltip */
-o-transition:all 0.3s ease-in-out; /* animate tooltip */
-ms-transition:all 0.3s ease-in-out; /* animate tooltip */
transition:all 0.3s ease-in-out; /* animate tooltip */
}
.tooltip span.dif { /* different width tooltip */
width:190px; /* width */
margin-left:-102px; /* center it */
}
.tooltip span:before, .tooltip span:after { /* bottom triangle - the white border */
content:''; /* add html content */
position:absolute; /* AP bottom triangle */
bottom:-13px; /* position bottom triangle */
left:50%; /* center bottom triangle */
margin-left:-12px; /* center bottom triangle */
border-left:12px solid transparent; /* build bottom triangle */
border-right:12px solid transparent; /* build bottom triangle */
border-top:12px solid rgb(255,255,255); /* build bottom triangle IE6/7/8 */
border-top:12px solid rgba(255,255,255,.8); /* build bottom triangle modern browsers */
}
.tooltip span:after { /* top triangle - the blue background */
bottom:-10px; /* position top triangle */
margin-left:-10px; /* center top triangle */
border-width:10px; /* build top triangle */
border-top:10px solid rgb(255,161,0); /* build top triangle IE6/7/8 */
border-top:10px solid rgba(255,161,0,.8); /* build top triangle modern browsers */
}
.tooltip:hover span { /* reveal tooltip */
opacity:1; /* REVEAL TOOLTIP in modern browsers */
bottom:110px; /* FADE IN/OUT END */
visibility:visible; /* REVEAL TOOLTIP in IE */
}
.tooltip span:hover {
visibility:hidden; /* hide tooltip when moving from link to span in IE */
}
@media (min-device-width:320px) and (max-device-width:768px) {.tooltip span{display:none;}.tooltip:hover span{display:block;} } /* iPad & iPhone simulate :hover */




p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

p#socialicons2 img:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
}

p#socialicons3 img:hover{ 
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}