body{margin: 0px;padding: 0px;background:#F6F6F6 url(/images/body_bg.jpg) repeat-x;font-family:Arial,Verdana,Helvetica,Sans-Serif;font-size:11pt;}
img{border:none;}

h1{color: #F28000;font-weight: normal;font-size: 16pt;margin: 0px 0px 20px 0px;border-bottom: dotted 1px #F28000;text-align: left !important;}
h2{color: #F28000;font-weight: normal;font-size: 14pt;margin: 10px 0px 15px 0px;text-align: left;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.round{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.inner{padding:7px 7px 20px 7px}

#container{width: 1000px;height:100%;margin: 0px auto;}

#header{margin-bottom: 15px;min-height: 187px;}
#header #logo{width: 266px;float: left;margin-top: 45px;}
#header #contact{width: 170px;float: right;}
#header #contact #location{margin-bottom: 5px;width: 157px;height: 30px;font-size: 9pt;background-image: url(/images/headerContactBG.png);background-repeat: no-repeat;line-height: 20px;text-align: left;float: right;padding: 8px 0px 0px 12px;}
#header #contact #location a{color: #333333;text-decoration: none;text-align: left;padding-top: 1px;display: block;}
#header #contact #area{width: 150px;text-align: left;padding-top: 5px;}
#header #contact img{width: 32px;float: left;}
.areaBox{float: left;width: 80px;margin: 10px;text-align: center;font-size:10pt;}
.ten_years{height: 74px !important;width:92px !important;float:right !important;margin-top:20px;}

#navBar{background:url(/images/nav_bg.png) no-repeat;font-size: 10pt;height: 36px;margin-top: 20px;}
#navBar ul{padding: 0px;margin: 0px;}
#navBar ul li{list-style-type: none;display: inline-block;width: 148px;text-align:center;line-height:36px;}	
#navBar a{color: #FFF;text-decoration: none;display: block;}
#navBar a:hover{background:url(/images/nav_hover_bg.jpg) repeat-x;}

.sub_nav{color: #000; margin: 0px auto;line-height:36px;}
.sub_nav ul{float:right;padding: 0px;margin: 0px; font-size: 10pt;font-weight:bold;}
.sub_nav ul li{list-style-type:  square;display: inline-block;width: 128px;text-align:center;}	
.sub_nav a{color: #F28000;text-decoration: none;display: block;}
.sub_nav span{font-size: 14pt;color:#F28000;}
	
#main{background-color:#FFF;border:solid 1px #CCC;}

#top_box{width:982px; height:306px;border:solid 1px #CCC;}
#top_buttons{margin-top: 7px;}
#top_buttons a{margin-top:7px;color:#333;font-weight: bold;text-decoration:none;font-size:10pt;margin-right: 5px;}
#top_buttons a.last{margin-right:0px;}
#package1{background:url(/images/package1.jpg) no-repeat;width:225px;display:block;height:53px;text-align:center;float:left;margin-right:26px;}
#package2{background:url(/images/package2.jpg) no-repeat;width:225px;display:block;height:53px;text-align:center;float:left;margin-right:26px;}
#package3{background:url(/images/package3.jpg) no-repeat;width:225px;display:block;height:53px;text-align:center;float:left;margin-right:26px;}
#package4{background:url(/images/package4.jpg) no-repeat;width:225px;display:block;height:53px;text-align:center;float:left;}
.packageText{padding: 15px 0px 0px 40px;font-size:12pt; line-height: 20px;}
#portal_text img{width:150px;margin-right:60px;}
#portal_text p{margin-left: 80px;}

table#products td{text-align:center;width:25%;}

#footer{margin: 10px 10px 0px 10px;margin-right: auto;margin-left: auto; height: 100px;width: 985px;}

.contactBox{float: right;width: 457px;padding-bottom: 10px;margin-top: 14px;margin-bottom: 10px;text-align: left;}
.contactBox .contactField{height: 31px;margin-bottom: 20px;clear:both;}
.contactBox .contactField img{float:left;}
.contactBox a{text-decoration:none;padding-bottom:0px;}
.contactText{padding: 6px 0px 0px 8px; text-align:left; float: left;}

    
#enquiryBox{float: left;width: 485px;margin-top: 14px; text-align: left;}
#enquiryBox label{width: 100px;display: block;float: left;}
#enquiryBox input[type=text]{margin-bottom: 5px;}
#enquiryBox textarea{margin-bottom: 5px;}
#enquiryBox .frameworkFormRequiredField{padding-left: 100px;margin-bottom: 5px;}
#enquiryBox #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ctl00_contactCaptchaDiv{margin-left: 100px;}
#enquiryBox #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ctl00_contactCaptchaDiv input[type=text]{padding: 0px !important;}
#enquiryBox #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ctl00_contactCaptchaDiv img{border: solid 1px #D8D8D8;padding: 5px 70px 5px 70px;background-image: url(/images/capback.gif);}
#enquiryBox #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ctl00_submitDiv{margin-left: 100px;}

#ultraDemoBox{text-align: left;height:600px;width: 385px;font-size: 10pt;background-image: url(/images/logo.png);background-repeat: no-repeat;background-position: bottom center;}
#ultraDemoBox .label{width: 80px;float: left;}
#ultraDemoBox input[type=text]{width: 275px;float: left;margin-bottom: 5px;}
#ultraDemoCaptcha input[type=text]{padding: 0px !important;width: 355px;}
#ultraDemoCaptcha img{border: solid 1px #D8D8D8;padding: 5px 88px 5px 88px;background-image: url(/images/capback.gif);}
#ultraDemoBox .formRight textarea{border: solid 1px #D8D8D8;height: 68px;width: 360px;overflow: auto;font-size: 11pt;font-family: Trebuchet MS, Tahoma, Verdana, Arial, helvetica, Sans-Serif;color: #C5C5C5;}
#ultraDemoBox .formRight input[type=text]{width: 325px;}
#DemoBookingForm_ImgBntCalc1{padding: 0px;margin: 0px 0px -4px 0px;}
#ultraDemoBox .field{color: Black;margin-bottom: 3px;padding: 0px;margin: 0px;}
#ultraDemoBox .fieldLarge textarea{color: #FFFFFF;margin-bottom: 3px;padding: 0px;height: 115px;}
#ultraDemoBox .fieldLeft{width: 158px;float: left;padding: 0px;margin: 0px;}
#ultraDemoBox .fieldRight{width: 164px;float: right;padding: 0px;margin: 0px;}
#ultraDemoBox .fieldRight input{width: 120px;float: left;}
#ultraDemoBox .label{margin: 0px;padding: 0px;}
#ultraDemoBox .timeList{float: right;width: 33px;}
#ultraDemoBox #submitSection{text-align: center;}
#ultraDemoBox #submitSection input{/*padding-top: 25px;*/}
#ultraDemoBox textarea{height: 68px;width: 324px;border: solid 1px #D8D8D8;overflow: auto;font-size: 11pt;font-family: Trebuchet MS, Tahoma, Verdana, Arial, helvetica, Sans-Serif;color: #C5C5C5;}
#ultraDemoBox .captchaStyle{margin-top: 10px;float: left;}
#ultraDemoBox .captchaText{color: Red;}
	
#sddm{margin: 0;padding: 0;z-index: 30;}
#sddm li{margin: 0;padding: 0;list-style: none;float: left;}
#sddm li a{display: block;margin: 0 1px 0 0;width: auto;text-align: center;text-decoration: none;margin-right: 20px;}
#sddm #noBorder li a{border-right: none;}
#sddm li a:hover{text-decoration: none;}
#sddm div{position: absolute;visibility: hidden;margin-top: 1px;padding: 0;z-index: 1;padding-top: 6px;}
#sddm div a{position: relative;display: block;margin: 0;padding: 5px 10px;width: 110px;white-space: nowrap;text-align: left;text-decoration: none;background: #CCCCCC;color: #FFFFFF;font: 11px arial;}
#sddm div a:hover{background: #A9A9A9;color: #FFF;}

#case_study_container{width: 980px;overflow: none;overflow-x: auto;display: block;}
#case_study_inner{width:2000px;height:190px;}
.caseStudy{height: 150px; width: 150px; overflow:hidden; float: left; text-align: center; margin: 10px; padding: 10px; border: solid 1px #A9A9A9;background-color:#F7F7F7;}
.caseStudy img{width:150px;}
.caseStudy .csImage{height: 95px; overflow:hidden; width: 150px;-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		border: solid 1px #CCC;}

#contact_form{ width:100%; margin:0 auto; position:relative; }
#contact_form form fieldset{ font-size:1.2em; margin:0px 0px 20px 0px; width:578px; position:relative; border:none !important;display:block; padding: 0px 10px 8px; }
#contact_form form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
												font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }

label									{ font-size:12px; display:block; float:left; width:50px; text-align:left;
												margin:.2em .2em 0 0; color:#F9F137; padding:8px 0px; }

#contact_form label									{ font-size:90%; display:block; float:left; width:50px; text-align:left;
												margin:.2em .2em 0 0; color:#000; padding:0px; }

#contact_form label.error           { font-weight:normal;color:red;text-align:left;width:100px; padding-left:25px;
                        background: transparent url(/images/cancel.png) no-repeat scroll left; }
#contact_form input.text-input,textarea.text-input			{background: #ECECEC url(/images/contact_bg.jpg) repeat-x;
border: 1px solid #E5E5E5;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 #777777;
color: #333333;
font-size: 14px;
padding: 5px 4px 5px 20px;
text-shadow: 0 1px 0 #FFFFFF;
width: 240px;
float:left; }
#contact_form textarea{ height:75px;}
#contact_form input.submit_button,#ultraDemoBox input.submit_button	{  height:21px; float:right; width: 150px;
										color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif;
										background:url(/images/button_bg2.jpg) repeat-x; border:none;
										-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
#contact_form input.submit_button{margin-right: 140px;}
#contact_form .field {padding: 5px 0px;}

#contact_form input.submit_button:hover, #ultraDemoBox input.submit_button:hover		{  }

#call_me_back{width:280px;margin: 0px auto;}
#call_me_back input[type=text]	{background: #ECECEC url(/images/contact_bg.jpg) repeat-x;
border: 1px solid #E5E5E5;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 #777777;
color: #333333;
font-size: 14px;
padding: 5px 4px 5px 20px;
text-shadow: 0 1px 0 #FFFFFF;
width: 160px;
float:left; }
#call_me_back input[type=submit]{  height:21px; float:right; width: 150px;
										color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif;
										background:url(/images/button_bg2.jpg) repeat-x; border:none;
										-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; margin-right: 30px;
#call_me_back input[type=submit]:hover{ background:url(/images/nav_hover_bg.jpg) repeat-x;border:2px solid #666; color:#FFF;}

/* slider specific CSS */
       .titles{
	color:white;
	margin-top:30px;
	width:100%;
	overflow:hidden;
	
	background:url(img/bg_dark.png) #28313b;
	padding:20px 10px 10px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}

.titles{
	width:140px;
	padding:10px 15px;
	height:55px;
}

.product{
	width:370px;
	height:150px;
	background:url(img/product_bg.png) repeat-x;
	padding-top:10px;
	float:left;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}

.product .pic{
	float:left;
	width:128px;
	height:128px;
	padding:0 10px 5px;
	margin-top:-15px;
}

.product .link,.product .price{
	font-size:10px;
	text-transform:uppercase;
	padding:4px 0;
}

.product .price{
	color:#CCCCCC;
}

.product .title{
	font-size:16px;
	font-weight:bold;
}
        
        /* end */

.pageInfo{
  margin:0 auto;
  width:700px;
  clear:both;
  color:white;
  font-size:12px;
  text-align:center;
}

.box1
{
	float: left;
	width: 475px;
	margin-top: 13px;
	margin-left: 5px;
}

.box2
{
	float: right;
	width: 454px;
	margin-top: 13px;
}

.articleIcon
{
	width: 69px;
	height: 58px;
	margin-right: 10px;
	padding-bottom: 3px;
}

.articleContainer
{
	margin-bottom: 15px;
	margin-left: 18px;
	width: 69px;
	height: 90px;
	float: left;
	text-align: center;
	margin-right: 10px;
}
.articleContainer h2 a, .articleContainer h2
{
	margin-bottom: 5px;
	margin-top: 0px;
	color: #000000 !important;
	font-size: 8pt !important;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

/* Ticker Styling */
.ticker-wrapper.has-js {
	margin: 0px 0px 20px 0px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #CCC;
	background-color:#F7F7F7
}
.ticker {
	width: 955px;;
}
	.tickerImg 
	{
		float: left;
		width: 150px;
		height: 95px;
		overflow:hidden;
		margin-right: 20px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		border: solid 1px #CCC;
	}
	.ticker img
	{
		width: 150px;
	}
	.tickerText
	{
	}
.ticker-title {
	font-weight: bold;
	background-color: #f8f0db;
	text-transform: uppercase;
}
.ticker-content 
{
	color: #333 !important;
	margin: 0px;
	color: #1F527B;
	font-weight: bold;
	width: 100%;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
.ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #f8f0db;
	display: block;
	width: 800px;
	height: 23px; 
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #f8f0db;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}