@charset "utf-8";
/* CSS Document */
* { margin: 0; }

body {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#333;background: url(../images/bg-main.png) repeat-y center #003366; }

/*default*/
form { background:none; margin:0; padding:0; border:0 !important;}
a img{ border:0;}
a { color: #444444; }
ul { list-style:none;}
.clear { padding:0; margin:0; clear:both;}
h1 { font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#003366; margin: 0 0 10px 0;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003366; font-weight:normal;}
/*wrapper*/
 .wrapper {  width:980px; height: auto !important;  overflow:hidden; margin: 0 auto; background:#fff; }

h1.news { font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#003366; margin: 20px 0 20px 0;}

/*Header*/
.header { width:980px; float:left; height:auto; height:110px; background:url(../images/header-bg.png) repeat-x; color:#fff;}
.tophead-left { width:350px; float:left;padding:10px 0 0 42px; }
.tophead-right { width:500px; float:right; text-align:right; font-size:11px; color:#fff; padding:10px 21px 0 0; }
.tophead-right a{ color:#fff; text-decoration:none;}
.tophead-right a:hover{ text-decoration:underline;}
.tophead-right span{ padding:0 10px;} 

.menu-holder { width:/*704*//*584*/584px; float:left; height:auto; padding:19px 0 0 0;}
ul.main-menu { display:block; font-size:11px; color:#FFFFFF;}
ul.main-menu li{ display:inline; text-align:center; color:#FFFFFF;}
ul.main-menu li a{ color:#FFFFFF; text-decoration:none; display:block; width:107px; height:26px; padding:13px 0 0 0; background:url(../images/menu-btn-bg.jpg) no-repeat; text-align:center; float:right; font-weight:bold; margin-left:1px;}
ul.main-menu li a.long{ height:34px; padding:5px 0 0 0; }
ul.main-menu li a:hover{ background:url(../images/menu-btn-hover.jpg) no-repeat; color:#000000;} 
a.menu-active { background:url(../images/menu-btn-hover.jpg) no-repeat !important;  color:#000000 !important; cursor:default; } 
.support-head { width:167px; float:right; margin:-12px 0 0 0;}

#d2 { display: none; }
/*Content*/
.content { width:980px; float:left; height:auto;  color:#000;}

.ulLimited { list-style-type:disc; margin: 5px 10px 5px 10px; padding: 0; list-style-position: inside;}
.ulLimited li { padding: 1px; }

.front-show { width:905px; float:left; height:280px; background:url(../images/front-pane-bg.jpg) repeat-x; padding:0 0 0 75px;}
.front-show-L { width:335px; float:left; padding:35px 0 0 0;}
p.front-text { display:block; font-size:11px; color:#333333; padding:6px 0 6px 2px; line-height:14px;}
p.front-text2 { display:block; font-size:11px; color:#333333; padding:10px 0 15px 2px; line-height:16px;}
p.front-text3 { display:block; font-size:11px; color:#333333; padding:0 0 10px 2px; line-height:16px;}
.front-show-L ul{ display:block; padding:12px 0 0 25px;}
.front-show-L ul li{ list-style:none; background:url(../images/icon-chek.png) no-repeat left; padding:0 0 0 19px; margin-bottom:6px;}
a.learn-more { display:block; color:#CC6600; float:right; padding:24px 76px 0 0; text-decoration:none; font-weight:bold;}
a:hover.learn-more { color:#333;}
a.learn-more2 { display:block; color:#CC6600; float:right; padding:10px 0 0 0; text-decoration:none; font-weight:bold;}
a:hover.learn-more2 { color:#333;}
.front-show-R { width:500px; float:left; padding:14px 0 0 0; text-align: center; }

.front-content { width:908px; float:left; background:url(../images/front-content-bg.jpg) no-repeat top  #ffffff;  height:auto; padding:30px 0 0 72px;}
.front-content-L { width:530px; float:left; height:auto; }
.front-content-R { width:240px; float:right; padding:0 65px 0 0;  }
.qoute-form { width:240px; float:left; height:auto; padding:10px 0 0 0;}
.qoute-form-H { width:240px; float:left; height:auto; margin-bottom:3px;}
.qoute-form-H2 { width:240px; float:left; height:auto; margin-bottom:3px; padding:7px 0 0 0;}
.qoute-form-H2 span{ padding:0 0 4px 0;}
.qoute-form-H2 textarea{ width:228px; height:55px; color:#333; font-size:11px; padding:5px; border:1px solid #6A9BCD; background:#fff; }
.qoute-form-H3 { width:240px; float:left; height:auto; margin-bottom:3px; padding:12px 0 0 0; text-align:right;}
.qoute-form-H3 input{ background:none; border:none; color:#CC6600; font-weight:bold; font-size:11px; text-align:right; cursor:pointer;}
.qoute-form-H4 { width:240px; float:left; height:auto; margin-bottom:3px; padding:12px 0 0 0; text-align:right;}
.qoute-form-L { width:48px; float:left; height:auto; padding:3px 0 0 0;}
.qoute-form-R { width:192px; float:right; height:auto;}
.qoute-form-R input{ width:180px; height:18px; border:1px solid #6A9BCD; background:#fff; color:#333; font-size:11px; padding:3px 5px 0 5px;}
.qoute-form-R select{ width:192px; height:21px;border:1px solid #6A9BCD; background:#fff; color:#333; font-size:11px; padding:3px 0 0 5px;}


.front-content-bot { width:919px; float:left; height:auto;  background:url(../images/front-content-bot.jpg) no-repeat top; padding:15px 0 0 61px;}
.front-content-bot-1 { width:268px; float:left; height:auto; margin-right:25px;}
.front-content-bot-2 { width:260px; float:left; height:auto;  margin-right:46px;}
.front-content-bot-3 {width:265px; float:left; height:auto; }
p.front-content-botext { display:block; font-size:11px; color:#333333; padding:12px 0 0 2px; line-height:16px;}

.page-inside { width:980px; float:left; height:auto; min-height:700px; background:url(../images/page-inside-bg.jpg) no-repeat top left; padding:16px 0 0 0;}
.page-crumb-line { width:916px; float:left; padding:0 0 0 64px; font-size:10px; color:#999999; }
.page-crumb-line a{ color:#CC6600; text-decoration:none;}
.page-crumb-line a:hover { text-decoration:underline;}

.page-inside-box { width:906px; float:left; padding:22px 0 0 74px} 
.page-inside-box-L { width:527px; float:left; margin-right:75px;}
p.ps-text { display:block; font-size:11px; color:#333333; padding:6px 0 6px 2px; line-height:16px;}
p.ps-text2 { display:block; font-size:11px; color:#333333; padding:0 0 10px 2px; line-height:16px;}

p.ps-text3 { display:block; font-size:11px; color:#333333; padding:10px 0 10px 20px; line-height:16px;}
p.ps-text3 span{ color:#191F26;}
.pane-page { width:527px; float:left; height:auto; padding:20px 0 0 0;}
p.pane-title { display:block; margin-bottom:10px;}
.servicesTitle{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#036;}
.servicesSubTitle{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999;}
.pane-pageL { width:120px; float:left; margin-right:10px; }
.pane-pageR { width:397px; float:left;  }

.page-inside-box-R { width:280px; float:left; }

.page-eCommerce-box { width:906px; float:left; padding:22px 0 0 66px} 
.page-eCommerce { width:980px; float:left; height:auto; min-height:700px; background:url(../images/page-eCommerce-bg.jpg) no-repeat top left; padding:16px 0 0 0;}
.page-eCommerce-content { width:850px; float:left; height:auto;}
.eCom-heading { width:840px; float:left; margin-bottom:30px;}
.eCom-heading-L { width:260px; float:left;}
.eCom-heading-R { width:580px; float:left; padding:8px 0 0 0; text-align: right;}
.eCom-heading-R ul{ display:block; list-style:none; padding:0; margin:0;}
.eCom-heading-R ul li{ display:inline; margin-right:35px; font-weight: bold;} 
.eCom-heading-R ul li a { color: #404040; text-decoration: none; } 
li.ecom-last { margin:0 !important;}
.eCom-heading-description { color: #404040; margin: 0 0 10px 0; }

.listSeparator { width: 100%; background-image: url(../images/page-separator.gif); height: 31px; clear: both; }

.page-eCommerce-box-L { width:350px; float:left; height:auto;}
.page-eCommerce-box-R { width:470px; float:right; height:auto; padding-right:10px;}
p.eCom-text {display:block; font-size:11px; color:#333333; padding:10px 0 10px 2px; line-height:16px;}
p.eCom-text span{ font-weight:bold;}
p.eCom-text2 {display:block; font-size:11px; color:#333333; padding:0 0 10px 2px; line-height:16px;}
p.eCom-text2 span{ font-weight:bold;}

.page-eCommerce-body { clear: both; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: solid 1px #f9f9f9; }
.page-eCommerce-body ul, .page-eCommerce-body ol { margin: 10px 10px 10px 10px; padding: 0; list-style-position: inside; }
.page-eCommerce-body ul { list-style-type:disc; }
.page-eCommerce-body ul li { padding: 2px; }
.page-eCommerce-availability { border: solid 1px #666666; padding: 10px; margin: 20px; background-color: #f9f9f9; }
.page-eCommerce-availability ul { list-style-type:disc; margin: 10px 0px 10px 0px; padding: 0; list-style-position: inside; }
.page-eCommerce-availability ul li { padding: 2px; }

.page-eCommerce-availabilityBuy { border: solid 1px #666666; padding: 10px; margin: 20px 10px 20px 20px; background-color: #f9f9f9; }
.page-eCommerce-availabilityBuy ul { list-style-type:disc; margin: 10px 0px 10px 0px; padding: 0; list-style-position: inside; }
.page-eCommerce-availabilityBuy ul li { padding: 2px; }

.portfolio-holder { width:850px; float:left; height:auto; margin: 5px 0 0 0;}
.portfolio-box {width:850px; float:left; height:auto; margin-bottom:40px;}
.portfolio-box-1 { width:270px; float:left; height:auto; text-align: center; }
.portfolio-box-2 { width:270px; float:left; height:auto; text-align: center; padding:0 20px;}
.portfolio-box-3 { width:270px; float:left; height:auto; text-align: center;}
.portfolio-box-0 { width:270px; float:left; height:auto; text-align: center;}
.portfolio-holder img { margin: 20px 0 0 0;}
.portfolio-holder span { font-weight: bold; color: #666666; text-decoration: none;}

.portfolioS-holder { /*width:330px;*/ float:left; height:auto; margin: 5px 0 0 0;}
.portfolioS-holder-full { width:850px; float:left; height:auto; margin: 5px 0 0 0;}
.portfolioS-ajax-holder { width:490px; float:left; height: 200px; margin: 5px 0 0 0;}
.portfolioS-box {width: 100%; float:left; height:auto; }
.portfolioS-ajax-box {width: 100%; float:left; height: 340px; border: solid 1px #d2d2d2; margin: 10px; background-color: #f9f9f9;}
.portfolioS-box-1 { width:/*165*/170px; float:left; height:185px; text-align: center; cursor: pointer; margin: 0 0 0 20px; }
.portfolioS-box-0 { width:170px; float:left; height:185px; text-align: center; cursor: pointer;}
.portfolioS-holder img { margin: 10px 0 0 0;}
.portfolioS-holder span, .portfolioS-holder-full span { font-weight: bold; color: #666666; text-decoration: none;}

#ajaxLoader {margin-left: 240px; margin-top: 140px;}
#ajaxContent {padding: 10px;}

/*Footer*/

.footer { width:980px; margin:0 auto; text-align:center; height:85px;overflow:hidden;  background:#004C7F; color:#fff; padding:10px 0 0 0;}
.footer a{ color:#fff;}
.footer a:hover{ text-decoration:none;}
.footer p{ display:block; padding:0; margin:0 0 13px 0;}

 





/*COMPUNIX*/
.emailToFriend { margin: 10px 0 10px 20px; font-size: 90%;}
.portfolio-landing-block { text-align: center; margin: 20px 0 0 0; float: left; width: 400px; background-image: url(../images/landingbackground.gif); background-position: top left; background-repeat: no-repeat; }
.portfolio-landing-block .portfolio-landing-box { text-align: left; }
.portfolio-landing-block .portfolio-landing-box a img { margin: 10px 0 0 10px; }
.portfolio-landing-block .portfolio-landing-box .portfolio-landing-content { margin: 20px; text-align: center; }
.portfolio-landing-block .portfolio-landing-box .portfolio-landing-content .readMore { margin: 10px; text-align: right; font-size: 90%; }
.portfolio-landing-block .portfolio-landing-box div h3 { font-size: 12px; margin: 10px; }
.portfolio-landing-divider  { margin-top: 50px; width: 50px; height: auto; float: left; /*background-image: url(../images/verticalseparator.gif);*/ background-repeat: repeat-y; background-position: center center; }

.txtMessage { font-family: Arial; font-size: 12px; }
td.First
{
	text-align:right;
	vertical-align: middle;
	font-weight: bold;
	font-style: italic;
	padding: 0 5px 0 0;
}
td.Second
{
	text-align:left;
	vertical-align:middle;
}

.ulNormal { list-style-type:disc; margin: 10px 10px 10px 10px; padding: 0; list-style-position: inside;}
.ulNormal li { padding: 2px; }

.listItem img { margin: 0 20px 0 0; }
.listItem H2 { margin: 5px 0 10px 0; }


/* ThickBox */
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

div.moreAbout { padding: 0 0 0 0; }
div.moreAbout ul { list-style-type: disc; margin: 5px 0 10px 20px; }