/* BODY */



body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:120%;
	background-color: #E3E3E3;
	color: #4E5657;
}

* {
	margin: 0px;
	padding: 0px;
}

/* CONTAINER */

DIV#container {
	width: 870px; 
	
	margin-left: auto;
	margin-right: auto;

	border: 1px solid #999999;
	background-color:#FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;

}

/* HEAD */

DIV#head {
	height: 142px;
}

DIV#head SPAN {
	display:none;
}

DIV#head DIV#site_name {
	margin:0;
	padding:0;
	width:292px;
	height:82px;
	line-height:10px;
	font-size:10px;
	float:left;
	top:10px;
	left:10px;
	position:relative;
}

DIV#head DIV#site_name A {
	display:block;
	margin:0px;
	padding:0;
	width:292px;
	height:82px;
	background-image:url("../images/logo1.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	
}

DIV#head DIV#site_name A SPAN {
	display:hidden;
}

DIV#head DIV#site_links{	
	height:30px;
	width:500px;
	top:102px;
	left:-282px;
	position:relative;
	float:left;
	display:inline;
}

DIV#head DIV#site_links A.business_link{
	display: inline-block;
	width: 118px;
	height: 30px;
	text-decoration: none;
	background-image:url(../images/business_link.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


DIV#head DIV#site_links A.schools_link{
	display: inline-block;
	width: 110px;
	height: 30px;
	text-decoration: none;
	background-image:url(../images/schools_link.jpg);
	background-position:center top;
	background-repeat:no-repeat;

}


DIV#head DIV#site_links A.home_link{
	display: inline-block;
	width: 97px;
	height: 30px;
	text-decoration: none;
	background-image:url(../images/home_link.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

DIV#head DIV#callback A.callback{
	display: inline-block;
	width: 142px;
	height: 41px;
	text-decoration: none;
	background-image:url(../images/callback_button.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

DIV#head DIV#site_links A.business_link:hover,
DIV#head DIV#site_links A.schools_link:hover,
DIV#head DIV#site_links A.home_link:hover,
DIV#head DIV#callback A.callback:hover {
	background-position:center bottom;
}

SPAN.displace {
	position: absolute;
	left: -5000px;
}
	
DIV#head DIV#details {
	height:51px;
	width:500px;
	float:right;
	top:-20px;
	right:10px;
	position:relative;	
	text-align:right;
}

DIV#head DIV#sm {
	height:61px;
	width:250px;
	float:right;
	position:relative;	
	text-align:right;
	margin-right:20px;
	overflow:hidden;
}

DIV#head DIV#sm IMG:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

DIV#head DIV#callback A.callback{
	display: inline-block;
	width: 142px;
	height: 41px;
	margin-top:9px;
	text-decoration: none;
	background-image:url(../images/callback_button.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}



DIV#head DIV#details H2{
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:normal;
	font-size:20px;
	margin-bottom:5px;
}

DIV#head DIV#details H2 SPAN{
	color:#800000;
	display:inline;
}



DIV#content H2 SPAN{
	color:#CCCCCC;	
}

DIV#head DIV#callback {	
	height:41px;
	width:142px;
	float:right;
	top:0px;
	right:10px;
	position:relative;	
}
	
DIV#head DIV#details P.phone{
	font-size:26px;
	top:20px;
	right:10px;
	position:relative;
	
}

DIV#head DIV#details P.email{
	font-size:18px;
	top:40px;
	right:10px;
	position:relative;
}

/* CONTENT */

DIV#content {
	margin:0;
	text-align: justify;
	font-size:15px;
	
}

DIV#content H1 {
	font-size:19px;
	height: 1em;
	padding: 2px;
	color: #800000;
	font-weight:normal;
	margin:15px 0 10px 0;
}

DIV#content H2 {
	font-size:18px;
	height:1em;
	padding: 8px 0 8px 0;
	font-weight:normal;
	text-align:left;
	border-bottom: 1px dotted #4E5657;
	margin:0 10px 0 10px;
	
}

DIV#content H2 A{
	color:#4E5657;
}

DIV#content H3 {
	font-size:22px;
	margin-bottom: 10px;
	padding: 5px 0 0 0;
	color:#E28403;
	font-weight:normal;
}

DIV#content H4 {
	font-size:18px;
	margin-bottom: 10px;
	padding: 5px 0 0 0;
	font-weight:normal;
}

DIV#content H5 {
	background-image:url(../images/site/subnav-bg.jpg);
	background-repeat:repeat-x;
	font-size:16px;
	margin:0 0 10px 0;
	padding:8px 10px 11px 10px;
	text-align:center;
	height:16px;
	border: 1px solid #DDDDDD;
}


DIV#content H6 {
	font-size:18px;
	margin-bottom: 10px;
	padding: 5px 0 0 0;
	font-weight:normal;
}


DIV#content {	
	text-align: justify;
	margin:0 0 0 10px;
	width:850px;
}

DIV#content P {
	margin:10px 0;
	
}

DIV#content UL {
	padding-left:40px;
	margin-left:10px;
}

DIV#content LI {
	padding-bottom:10px;
}

DIV#info{
	width:600px;
	height:180px;
	background-image:url(../images/info_bg.jpg);	
	background-repeat:no-repeat;
	padding:30px 230px 20px 20px;
}

DIV#error{
	width:600px;
	height:350px;
	background-image:url(../images/error_bg.jpg);	
	background-repeat:no-repeat;
	padding:30px 230px 20px 20px;
}

/* NAVIATION TOP */

DIV#nav {
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
	height:39px;
	margin:0 0 0 10px;
	width:850px;
}

DIV#nav UL {
	
	margin: 0;
	list-style-type:none;
	color: #FFFFFF;
	float: left;
}

DIV#nav UL LI {
	display: inline; 
	
}

DIV#nav UL LI A {
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	font-size:12px;
	margin-right: 2px;
	border-right: 1px solid #FFFFFF;
}

DIV#nav UL LI A:hover,
DIV#nav UL LI A.selected
 {
	background-color:#800000;
	color: #FFFFFF;
}

/* SUB NAVIGATION */

DIV#sub-nav {
	border: 1px solid #DDDDDD;
	float:left;
	margin: 0 0 20px 0;
	width:167px;
}

DIV#sub-nav  H2 {
	background-image:url(../images/site/subnav-bg.jpg);
	background-repeat:repeat-x;
	font-size:16px;
	margin:0;
	padding:9px 10px 10px 10px;
	font-weight:bold;
	text-align:center;
	height:16px;
}

DIV#sub-nav  UL {
	margin:12px 0 0 25px;
	padding:0;
}

DIV#sub-nav  UL LI {
	list-style:none;
}

DIV#sub-nav  UL LI A:hover{
	text-decoration:none;
	color: #02246B;
}
DIV#product-detail {
	float:right;
	width:674px;
}

/* FOOTER */

.footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}



DIV#foot {
	font-size:10px;
	padding:10px 0 10px 0;
	text-align:center;
	border-top: 1px solid #999999;
	margin:15px 0 0 10px;
	width:850px;
}

DIV#footarea {
	font-size:10px;
	padding:10px 0 10px 0;
	text-align:center;
	border-top: 1px solid #999999;
	margin:0px 0 0 10px;
	width:850px;
}


DIV#foot-left,  
DIV#foot-right
{
	float: left;
	width: 280px;
	font-size: 11px;
	
}

DIV#foot-left
{
	text-align: left;
}

DIV#foot-center
{
	margin: 0 0px 0 0px;
	text-align: center;
	width: 290px;
	float: left;
}

DIV#foot-right
{
	float: right;
	text-align: right;
}

DIV#foot P.credits {
	text-align: center;
	font-size:11px;
	text-transform:none;	
}

DIV#foot UL {
	padding: 2px 0 0 0;
	list-style-type:none;
	color: #FFFFFF;
	text-transform:uppercase;
}

/* NAVIGATION FOOTER */

DIV#foot UL LI {
	display: inline; 
}

DIV#foot UL LI A {
	padding: 11px 7px 10px 7px;
	color: #ffffff;
	text-decoration: none;
	font-size:12px;
}


/* PORTAL LOGIN */

DIV#portal-login {
	float:right;
	top:10px;
	right:20px;
	position:relative;
}

DIV#portal-login  A {
	color:#FFFFFF;
	text-decoration:none;
}

DIV#portal-login  A:hover {
	color:#E28403;
	text-decoration:none;
	
}

DIV#foot DIV#portal-login  {
	display:none;
	visibility:hidden;
}

/* MAP */

DIV#google-map {
	width:640px;
	height:480px;
	position:relative;
	float:right;
	margin: 10px 0 35px 0;
	padding:2px;
	border: 1px solid #999999;
}

DIV#contact-details {
	width:180px;
	position:relative;
	float:left;
	margin-bottom: 25px;
}

/* MISC*/

A {
	color: #800000;
	text-decoration:none;
	outline:none;
}

A:hover {
	text-decoration:underline;
}

IMG {
	padding: 2px;
	border: 1px solid #999999;
}

IMG.img-no-border{
	padding:0px;
	border:none;	
}

IMG.left {
	float:left;
	margin: 0 15px 5px 0;
	clear: left; 

	
}

IMG.right {
	float:right;
	margin: 0 0 10px 25px;
	clear: right; 

}

IMG.partners {
	float:left;
	margin: 0 5px 5px 0;
	border:none;
	
}

DIV#images-gallery  {
	width:624px;
	padding:10px 20px 15px 20px;
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
	margin:0;
}

DIV#images-gallery  IMG{
	margin:11px;
}

DIV#images-gallery  H4{
	border-bottom: 1px solid #DDDDDD;
	margin:0 8px 10px 8px;
	padding-bottom:3px;
	color:#02246B;
}

DIV#email-form {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding: 10px;
}

DIV#email-form  TABLE TR TD{
	padding:1px 20px 1px 1px ;
	border:none;
}

DIV#email-form  INPUT.ext_box,
DIV#email-form  INPUT.standard_box,
DIV#email-form  INPUT.error_box {
		height:15px;
		padding:4px;
		border:1px solid #999999;
		vertical-align: middle;
}

DIV#email-form  INPUT.standard_box,
DIV#email-form  INPUT.error_box{
		width:380px;
}

DIV#email-form  INPUT.error_box,
DIV#email-form  TEXTAREA.error_box{
		background-color:#FFFFCC;
		border:1px solid #BB0000;
}

DIV#email-form  INPUT.ext_box{
		width:120px;
}

DIV#email-form  INPUT.hidden{
	visibility: hidden;
}

DIV#email-form TEXTAREA {
		width:380px;
		height:70px;
		padding:4px;
		border:1px solid #999999;
}

DIV#email-form H6 {
	color:#BB0000;
	font-weight:normal;
	background-image:none;
	font-size:20px;
	margin:0 0 15px 3px;
}

.mandatory {
	color:#FF0000;
}


.clear
{
	width: 100%;
	clear: both;
	height: 1px;
}

/*Front table section*/
TABLE.main-items
{
	border-collapse:collapse;
	margin:10px 0 10px 0;
}

TABLE.main-items TR
{
}

TABLE.main-items TR TD
{
	width:240px;
	padding:10px;
	vertical-align: top;
}

TABLE.main-items TR.table-middle TD
{
	background-image: url("../images/rounded_box_bg.jpg");
	background-repeat:repeat-y;
}

TABLE.main-items TR TD.middle-middle
{

}

TABLE.main-items TR.table-bottom TD
{
	text-align:right;
	
}

TABLE.main-items TR.table-top TD 
{
	background-image: url("../images/rounded_box_top.jpg");
	background-repeat:no-repeat;
	padding:0px;
	height:15px;
	
	
}

TABLE.main-items TR.table-bottom TD 
{
	background-image: url("../images/rounded_box_bottom.jpg");
	background-repeat:no-repeat;
	height:19px;
	padding:10px;
}

TABLE.main-items TR TD.spacer
{
	border: none;
	width:35px;
	padding:0px;
	margin:0px;
	background-image:none;
	background-color:#FFFFFF;
}

TABLE.main-items TR.table-top TD H2
{
	text-align:center;
}

TABLE.main-items TR.table-middle TD P
{
	margin:2px 0px 1px 0px !important;
}

DIV#info-top{
	background-image: url("../images/info_bg_top.jpg");
	background-repeat:no-repeat;
	margin:0px;	
	height:33px;
	
}

DIV#info-middle{
	background-image: url("../images/info_bg_middle.jpg");
	background-repeat:repeat-y;
	margin:0px;
	padding:1px 10px 1px 10px;		
}




DIV#info-middle DIV#left-col {
	margin:0px;	
	float:left;
	width:210px;
	text-align:left;
	font-size:13px;
}

 
DIV#left-col DIV#left-col-borders {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

DIV#info-middle DIV#right-col{
	margin:0px;	
	float:right;	
	width:600px;
text-align:left;
	
}

DIV#info-bottom{
	background-image: url("../images/info_bg_bottom.jpg");
	background-repeat:no-repeat;
	margin:0px 0 10px 0;	
	height:14px;
}

DIV#clear{
	clear:both;	
}
DIV#info-middle DIV#left-col H4{
	background-image: url("../images/info_h4_bg.jpg");
	background-repeat:repeat-x;
	font-size:16px;
	padding: 3px;
	margin:0px;
	height:22px;
	color:#ffffff;
}

DIV#info-middle DIV#left-col H6{
	background-image: url("../images/info_h4_bg.jpg");
	background-repeat:repeat-x;
	font-size:16px;
	padding: 3px;
	margin:0px;
	margin-bottom:5px;
	height:22px;
	color:#ffffff;
}

DIV#info-middle DIV#left-col UL{
	list-style:none;
	padding:0px;
	margin:0px;

}

DIV#info-middle DIV#left-col UL LI{
	background-color:#E3E3E3;
	padding:0px;
}



DIV#info-middle DIV#left-col UL LI:hover A{
	color:#000000;	
	
}

DIV#info-middle DIV#left-col UL LI A{
	text-decoration:none;
	color:#333333;
	display: block;
	padding:1px 1px 1px 3px;
}

DIV#info-middle DIV#left-col UL LI A:hover,
DIV#info-middle DIV#left-col UL LI A.selected{
	text-decoration:none;
	color:#800000;
	background-color:#CCCCCC;
	
}

IMG.img-twitter-logo,
IMG.img-facebook-logo,
IMG.img-blog-logo{
	border:none;
}

div#remote-support-left{
	float:left;
	width:580px;

	text-align:left;
}

div#remote-support-right{
	float:right;
	width:220px;
	border: 1px dotted #999999;
	padding:10px;	
	text-align:left;
	font-size:12px;
}

div#remote-support-right INPUT.textbox{
	margin:6px 0 6px 0;	
	border: 1px solid #999999;
	padding:2px;
	color:#999999;
}

div#remote-support-right IMG{
	border:none;
}

div#remote-support-right SPAN.highlight-text{
	color:#FF0000;
	font-style:italic;	
}

div#remote-support-right H1{
	margin-top:0px;	
}

SPAN.response{
	color:#FF0000;
	font-size:15px;
	text-align:center;	
}

P.response{
	margin:10px 0 0 0 !important;	
}