/*--- Global Reset ---*/

* { 
padding: 0;
margin: 0;
border: 0;
list-style:none;
outline:0;
}
body, html {
color:#666; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background: url(images/bg-body.jpg) repeat-x #FFF; 
text-align: center; 
line-height: 18px;
font-size: 11px;
height: 100%;
}
#Container {
	width:850px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
	position:relative;
	text-align: left;
}
#Push {
height: 180px; /* .push must be the same height as .footer */
clear:both;
}
p {
margin-bottom:15px;
}
a.Button {
display:block;
height:25px;
line-height:25px;
background:blue;
text-align:center;
padding:0 15px;
text-decoration:none;
font-weight:bold;
cursor:pointer;
margin-right:10px;
color:#FFF;
float:left;
border:1px solid #5cbdf7;
background: url(images/bg-button.jpg) top left; 
}
a:hover.Button, .Button:hover {
border:1px solid #356298;
color:#FFF;
background: url(images/bg-button.jpg) bottom left; 
}

/*--- Header ---*/

#Header {
height: 170px;
background: url(images/bg-header.jpg) no-repeat;
}
#Logo {
float:left;
width:470px;
padding-top:70px;
}
#Logo h1 a {
color:#FFF;
font-size:30px;
font-family: Verdana, Arial, Tahoma, sans-serif;
display:block;
margin-bottom:5px;
text-decoration:none;
}
#Logo p {
color:#FFF;
font-style:italic;
padding-left:70px;
}

/*--- Navigation ---*/

#Navi {
height: 40px;
}
#Navi li {
float: left;
}
#Navi li a {
font-size:13px;
height: 40px;
line-height: 40px;
display: block;
float:left;
width:120px;
font-weight:bold;
color:#d7f0ff;
text-decoration: none;
text-align: center;
background: url(images/bg-navi.jpg) no-repeat;
}
#Navi li a:hover {
color:#FFF;
}
#Navi li a.Act {
background: url(images/bg-navi.jpg) bottom no-repeat;
color:#FFF;
}

/*--- USPbox ---*/

#USP {
	height:auto;
	width:210px;
	margin-bottom:15px;
	background:#FFF;
	float:right;
	padding:10px;
}

#USP ul {
margin:7px 0 15px 0;
}
#USP ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(images/ico-tick.png) top left no-repeat;
}

/*---Content ---*/

#Main {
padding-top:15px;
}
#Content {
float:left;
width: 425px;
text-align:justify;
margin-bottom:15px; 
}
#Content2{
	float:left;
	width: 610px;
	text-align:justify;
	margin-bottom:15px;
}
a {
color:#1a6bad;
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#59BBF8;
}
#Content h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#Content p {
margin-bottom:15px;
}

/*---SubContent ---*/

#SubContent {
float:left;
width: 538px;
text-align:justify;
margin-bottom:15px; 
background:#FFF;
padding:10px;
}
#SubContent h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubContent p {
margin-bottom:15px;
}

/*--- Right ---*/

#Right {
float:right;
width: 360px;
}
#Right2 {
	float:left;
	width: 840px;
}
#Right2 .Box  {
	background: url(images/bg-bluebox.jpg) left bottom repeat-x #488dc1;
	height:110px;
	margin-bottom:15px;
	color:#FFF;
	padding:10px;
	border:1px solid #335d93;
	float:right;
	width:395px;
}
#Right2 .Box1  {
	float:left;
	background: url(images/bg-bluebox.jpg) left bottom repeat-x #488dc1;
	width:395px;
	height:110px;
	margin-bottom:15px;
	color:#FFF;
	padding:10px;
	border:1px solid #335d93;
}
#Right2 .Box  a {
color:#FFF;
text-decoration:underline;
}
#Right2 .Box  a:hover {
color:#59BBF8;
}
#Right2 b {
color:#FFF;
font-size:13px;
margin-bottom:10px;
display:block;
}
#Right2 img {
float:left;
}


#Right .Box  {
background: url(images/bg-bluebox.jpg) left bottom repeat-x #488dc1;
height:110px;
margin-bottom:15px;
color:#FFF;
padding:10px;
border:1px solid #335d93;
}
#Right .Box1  {
background: url(images/bg-bluebox.jpg) left bottom repeat-x #488dc1;
height:210px;
margin-bottom:15px;
color:#FFF;
padding:10px;
border:1px solid #335d93;
}
#Right .Box  a {
color:#FFF;
text-decoration:underline;
}
#Right .Box  a:hover {
color:#59BBF8;
}
#Right b {
color:#FFF;
font-size:13px;
margin-bottom:10px;
display:block;
}
#Right img {
float:left;
}

/*--- SubRight ---*/

#SubRight {
float:right;
background:#FFF;
width: 212px;
padding:10px;
}
#SubRight h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubRight ul {
margin:7px 0 15px 0;
}
#SubRight ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(images/ico-tick.png) top left no-repeat;
}

/*--- Footer ---*/

#Footer {
height: 180px;
text-align: center;
background:url(images/bg-footer.jpg) repeat-x #F2F2F2;
clear:both;
}
#Footer p {
margin:0;
}
#FooterWrap {
width:805px;
height: 115px; 
margin: 0 auto; 
padding-top:25px;
text-align:left;
}
#FooterWrap b {
font-size:13px;
}
.FooterBox {
width:380px;
float:left;
}
.Newsletter {
width:270px;
padding-left:110px;
float:right;
height:150px;
background: url(images/bg-newsletter.png) top left no-repeat; 
}

/*--- Scroller ---*/

#Scroller {
width:558px;
float:left;
margin-bottom:15px;
height:175px;
position:relative; 
margin-right:15px;
background: url(images/bg-scroller.jpg) bottom left; 
overflow:hidden;
}
#Controller span{
display:none;
visibility:hidden;
}
#jFlowSlide{
padding-left:30px;
}
#jFlowSlide ul li.Item {
float:left;
height:100px;
width:130px;
padding-top:10px;
margin-left:20px;
}
#jFlowSlide ul li.Desc {
float:left;
margin-top:20px;
color:#FFF;
margin-left:20px;
width:290px;
}
#jFlowSlide ul li.Desc h2 {
font-size:18px;
margin-bottom:15px;
}
#jFlowSlide ul li.Desc h2, #jFlowSlide ul li.Desc p {
margin-bottom:15px;
}
a.jFlowPrev, a.jFlowNext{
cursor:pointer;
position:absolute;
top:0;
display:block;
height:175px;
width:40px;
}
a.jFlowPrev{
left:0;
background: url(images/btn-scroller-prev.jpg) top left; 
}
a:hover.jFlowPrev{
background: url(images/btn-scroller-prev.jpg) bottom left; 
}
a.jFlowNext{
right:0;
background: url(images/btn-scroller-next.jpg) top left; 
}
a:hover.jFlowNext{
background: url(images/btn-scroller-next.jpg) bottom left; 
}

/* ---- ClientLogin ---- */

#ClientLogin{
	position:absolute;
	right:135px;
	float:right;
}
#ClientForm {
height:150px;
width:215px;
background:#FFF;
display:none;
}
#ClientForm a {
float:left;
display:block;
margin-left:10px;
margin-top:13px;
}
#ClientForm fieldset {
padding:10px;
}
#ClientForm fieldset p {
margin:2px 0 5px 0;
}
.SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
float:left;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(images/bg-button.jpg) top left; 
}
.SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background: url(images/bg-button.jpg) bottom left; 
}
a#ContactLink {
height:30px;
width:215px;
background:url(images/bg-clientlogin.png) repeat-y;
display:block;
outline:0;
line-height:30px;
text-decoration:none;
text-align:center;
cursor:pointer;
}
a:hover#ContactLink {
	color:#99CC00;
}
input.Text {
height:19px;
width:160px;
border:1px solid #ccc;
padding-left:5px;
padding-top:2px;
font-size:11px;
color:#666;
}

/*--- Service ---*/

.Service {
height:100px;
margin-bottom:20px;
}
.Service img {
float:left;
padding-right:15px;
}
.Service h3 {
font-size:11px;
padding-top:10px;
font-weight:bold;
color:#666;
}

/* ---- Contactform ---- */

#contact-area {
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
height:22px;
line-height:22px;
width: 250px;
margin: 0px 0px 10px 0px;
border: 1px solid #b5c9e5;
font-size:11px;
font-family:Verdana;
color:#666; 
padding-left:5px;
}
#contact-area textarea {
height: 100px;
width:400px;

padding-top:5px;
float:left;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #4587BB;
}
#contact-area label {
float: left;
text-align: right;
margin-right: 15px;
width: 80px;
padding-top: 5px;
}
#contact-area .SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
width:80px;
float:right;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(images/bg-button.jpg) top left; 
}
#contact-area .SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background: url(images/bg-button.jpg) bottom left; 
}
#Producttable {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#Producttable tr {
height:25px;
line-height:25px;
}
#Producttable td {
border:0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:0 10px 0 10px;
}
.searchbox{
 padding:4px 3px 3px 10px;
 font-family:"Lucida Sans Unicode";
 font-size:12px;
 color:#009900;
}
.search2{
	color:#009900;
	font-family:"Lucida Sans Unicode"; 
	font-size:12px;
	line-height:22px;
}
.search2:hover{
	color:#000;
	font-family:"Lucida Sans Unicode"; 
	font-size:12px;
	text-decoration:underline;
}
.ModalPopupBG
{
    border: 2px;
    background-color: #eee;
    filter: alpha(opacity=70);
    opacity: 0.7;
}