﻿/* hello */
.global {
	opacity: 0.7;
/* Firefox uses the property opacity: x (CSS3 syntax for transparency), while IE uses filter: alpha(opacity=x)*/
	filter: alpha(opacity=70);
}

/*
h3, ul, li, p, a.name { 
  border:1px solid red;}
*/
body 
{
    margin-top:14px;
	line-height: 1.5em;
	/*font-size: 62.5%;*/
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	_text-align: center;
	background-color: #AFAFAF;
	/*background-color: White;*/
	color: #444;
	font-weight: normal;
	cursor: default;
}
a {
	text-decoration: none;
	color: #115F89;
	cursor: pointer;
	/*border-bottom: .1em dotted #115F89;*/
}
a:hover {
	/*border-bottom: .1em solid #115F89;*/
}


h2, h3, h4, .ContactTitle {
	font-family: verdana, arial, sans-serif;
	color: #222;
	clear:both;
}
.copy h2, .ContactTitle {
	margin: 0 .5em 0 .65em;
	font-size: 2.2em;
	line-height: 2em;
	font-weight: bold;
}
.copy h3 {
  font-size: 1.8em;
  /*line-height: 1.6em;*/
	font-weight: bold;
	margin: 1.5em 1em 0.5em;
	/*padding-top:1em;*/ 
	/*_padding-top:.5em;*/
  /* 
  ONLY FF: bottom margin of one element seems to overlap top margin of another element. 
  Workaround: using padding instead of margin for top spacing 
  */
}

caption {
  font-size: 1.8em;
	font-weight: bold;
	color: #000;
	padding-bottom:1em;
}  
textarea, input, select
{
    color:#555;
    font-family:verdana, arial, sans-serif;
}

caption {
  font-size: 1.8em;
	font-weight: bold;
	margin: 1.5em 0 0.5em;
}



table.terminology {      
  border-collapse:collapse;
  font-size:12px;  
  margin-left:20px;
} 

.terminology th, .terminology td {
  padding:5px;
  vertical-align:top;
} 

.terminology thead th {
  background-color:#333;
  color:#fff;
  text-align:left;
  font-weight:bold;
}

.terminology tbody th, .terminology tbody td {    
  text-align:left;    
  border:1px solid #ddd;
  padding-bottom:15px;  
} 

.terminology tbody th {    
  width:230px; 
  font-weight:bold; 
} 

.terminology tbody td {    
  background-color:#eee;  
} 

table.contactinfo {
  margin:1em 3em;
}
.contactinfo tr, .contactinfo th {
  padding-bottom:1.25em;
}
.contactinfo th {
  font-weight:bold;
  white-space:nowrap;
  padding-right:5px;
}

.contactinfo tbody input  {
  width:100%;
}

.contactinfo tbody textarea  {
  width:100%;
}

.buttonrow td{
  text-align:center;
}

.contactinfo .buttonrow td{
  text-align:right;
}

.subcontent .copy h3 {
	margin: 0em 1em 0.5em;
}

.copy h4 {
	margin: 0 1em 1em;
	padding-top:1em; 
	font-size: 1.4em;
	font-weight: bold;
	color:#444;
}

.copy h5 {
  color:#444;
}

.copy li h5 {
  display:inline;
  font-weight:bold;
  color: #444;
  margin-right:.5em;
}

.content p, .subcontent p, .ContactResponse, li {
	font-size: 1.2em;
}


.content p, .subcontent p, .ContactResponse {
	margin: 0 1.25em 1em;
	clear:both;
}

address {
	font-style: italic;
}
.copy th, .copy td {
	padding-bottom: .25em;
	font-size: 12px;
	vertical-align: top;
}
.pagewrapper {
	height:500px;
}
.page {
	margin: 0 auto;
	_text-align: left;
	position: relative;
	padding-top: 400px;
/* value accommodates banner ... */

	/*Relative Positions (absolute positioning kills alignment) is required here for top text display directly beneath footer;
NOTE IE 6:  Without parent div set to relative positioning toptext diplays at the bottom of the browser window leaving a significant space between it and the footer*/
	/*top: 0;
/* formerly used for the absolute positioning */
	width: 966px;
	height:400px;
}

.nobanner {
  padding-top: 140px;
}

div.header, div.toplinks, div.logo {
	width: 700px;
}
/*  set standard width for parent divs - add right margin value to align with header image  */
div.banner, div.content, div.subcontent, div.footer, div.extracontent, div.toptext{
}

div.subcontent {
  border-bottom:2px solid #777;
}

div.extracontent {
  clear:both;
}


div.toptext {
	height: 2em;
	position: absolute;
/* When absolute is set 100% displays toptext immediately under the footer - the last div with no positioning */
	/* position: relative;
/* Setting position to relative displays relative to padding of parent div */
	/* For relative positioning if the "top" value plus .page padding-top is high enough it will push toptext off the page;
but it does leave a blank space the height of the original div */
/* For absolute positioning you could place it off page - blackhat - would consider this the equivalent of visibility: hidden or display: none */
	top: 100%;
	/*margin-top: -2em;
	/* Your can use "top" with relative positioning but it leaves the space affecting elements after it;
so to compensate you set a negative margin which corresponds to height of the positioned div, toptext - basically places the toptext div that much above it's original position and index wise it in this case happens to display behind the banner otherwise would need to specify index to place it behind banner*/
	/*z-index: 1000;*/
	/*margin: auto;/* Use if moved outside of page div*/


text-align:center;
}

.toptext h1, .toptext p, .toptext a {
  display:inline;
  color:#ddd;
}

.toptext b, .toptext strong {
  font-weight:normal;
}

.content {
	background-color: #FFF;
	position:relative;
}
.content div.links {
	float: left;
	/* Could position in left margin  margin-left: -5em;
	position: relative;
*/
}
.content div.copy {
	float: left;
	margin-bottom:1.5em;
	width:550px;
}

.brochure_pdf_icon {
  width:128px;
  height:122px;
  position:absolute;
  top:228px;
  right:0px;
  z-index:100;
	background:transparent url(/portals/_default/skins/web2printpro/images/brochure-pdf-icon.png) no-repeat;  

}

.products .brochure_pdf_icon {
	width:199px;
  height:122px;
  top:253px;
	background:transparent url(/portals/_default/skins/web2printpro/images/brochure-pdf-icon-2.png) no-repeat;
}


.content .copy div.clientlogos {
	/*background: #FFF url(/portals/_default/skins/web2printpro/images/clients.jpg) no-repeat;*/
	width: 64.1em;
	height: 41.1em;
}
table.contactinfo {
	margin: 0 3em 1em;
}
.contactinfo tr, .contactinfo th {
	padding-bottom: 1.25em;
}
.contactinfo th {
	width: 7em;
}
.content div.ads {
	float: right;
	width:190px;
	margin-right:-100px;
	margin-left:-60px;
	_position:relative;
}



.content .ads .blurb {
	color:#fff;
	padding-bottom:.5em;
	margin-top:50px;
	background: #777268 url(/portals/_default/skins/web2printpro/images/banner-copy-background-gray.jpg) repeat-x;
}

.content .ads .blurb h4 {
  color:#FFF;
  background-color:#111;
  font-size: 1.2em;
  font-weight:bold;
  line-height: 2em;
  padding:0 1em;
  margin-bottom:.5em;
}

.content .ads p {
}

.subcontent {
	visibility: hidden;
	clear: both;
}
.showsub .subcontent {
	visibility: visible;
}
.subcontent {
	height: 170px;
	overflow: hidden;
	background-color: #FFF;
}
.subcontent .copy {
	height: 169px;
}


.linkbar2 {
  text-align:center;
	height: 26px;
	/*position: absolute;*/
	/*top: 310px;*/
	z-index: 1;
	background: #FFF url(/portals/_default/skins/web2printpro/images/linkbar-background.gif) repeat-x;
}

.subcontent .copy {
	clear:both;
}
.header {
  height: 138px;
	position: absolute;
	top: 0;
}
.toplinks {
	height: 31px;
	position: absolute;
	top:0;
	text-align: right;
}
.toplinks li {
	float: right;
	padding: 0 .5em 0 1em;
	
}
.logo {
	background: transparent url(/portals/_default/skins/web2printpro/images/logo-header.jpg) no-repeat bottom right;
	height: 107px;
	position:absolute;
	top:31px;
	text-align:center;
}
/* Hack for IE 6 Only*/
*html  .logo {
  _-position: relative;
  _-right:90;
} 

.logolink {
	width: 370px;
	height: 64px;
	float: right; 
	margin-right: 210px;

}
.qprintlink {
	width: 300px;
	height: 42px;
	float: right;
	margin-right: 55px;
	_-margin-right:-50px;
}
.footer {
	background: transparent url(/portals/_default/skins/web2printpro/images/footer-gradient.jpg) repeat-x;
	clear: both;
	background-color: #CCC;
	text-align: center;
	height: 13em;
}
.footer a {
	color: #666;
	border-bottom: .1em dotted #666;
}
.footer a:hover {
	border-bottom: .1em solid #666;
}
.footer a:active {
	border-bottom: .1em solid #666;
}
.banner {
	background-color: #444;
	height: 170px;
	position: absolute;
	top: 139px;
	color: #fff;
}

.banner h2 {

}

.banner div.copy {
	width: 647px;
	height: 170px;
}


.banner .copy p {
	margin: 0.5em 1.5em 0.25em;
	font-weight: normal;
	line-height: 1.4em;
	color: #DDD;

}

.banner .copy ul {
	margin: .5em 1.5em 0 4.5em;
	list-style-type: square;
	text-align: left;

}
.copy p b, .copy li b, .ads b {
  font-weight:normal;
}
.copy ul {
	margin: .5em 1.5em 0 3em;
	list-style-type: square;
	text-align: left;

}
.copy li {
  line-height:1.6em;
  padding-bottom:.2em;
}

.copy ul.columns {
	margin: .5em 0em 0 1.5em;
}
/* Default is 2 Columns */
.columns li {
  width:300px;
  float:left;
	margin: 0em 0 .25em 0em;
	padding: 0em 0 0 1.3em;
	background-position: 0 .55em;
	background-image: url(/portals/_default/skins/web2printpro/images/bullet-blue.gif);
	background-repeat: no-repeat; 
	list-style-type:none;
}
/* Number of colums */
.three li {
  width:190px;
}

ul.pagelinklist {
  margin:0 1.45em 0;
  _margin-bottom:-.7em;
}

.pagelinklist li {
  float:left;
  margin:0 2em 1.5em 0;
  list-style-type:none;
}


blockquote {
	font-size: 2em;
	line-height: 1.8em;
	font-family: Tahoma;
	margin:.5em 1em 0;
	text-align:left;
}
.banner {
	visibility: visible;
	background-color:#FFF;
}
.nobanner .banner, .nobanner .banner div.copy{
	height: 0;
	visibility:hidden;
}




/* NEW CLASSES */

.divRelInAbs {
    position:relative;    
}

.daHead {
    position:absolute;
    top:0px;
    left:0px;    
}

.HeadLinks  {
    position:absolute;
    top:77px;
    /*Right Width*/
    left:504px;
    width:457px;
    height:35px;
    z-index:25;
    border-right:solid 1px #A6A6A6;
}

.fix 
{
    position:absolute;
    z-index:1000;
}
.fTL
{
    top:0px;left:0px;height:5px;width:0px;border-left:solid 1px #AFAFAF;
}
.fTR
{
    top:0px;left:961px;height:5px;width:0px;border-right:solid 1px #AFAFAF;
}

.fML
{
    top:106px;left:0px;height:6px;width:0px;border-left:solid 1px #AFAFAF;
}

.fMR
{
    top:106px;left:961px;height:6px;width:0px;border-right:solid 1px #AFAFAF;
}

.fBL
{
    margin:-1px;top:105px;left:0px;height:6px;width:0px;border-left:solid 1px #AFAFAF;
}
.fBR
{
    top:105px;left:960px;height:5px;width:0px;border-right:solid 1px #AFAFAF;
}

.headlinkbar
{
    background: url(/images/print_tbar/headershadow_rt_bottom.gif) no-repeat top right;
}

.qplogo
{
    position:absolute;
    top:0px;
    width:406px;
    height:112px;
    /*background: white url(/images/print_tbar/header_qplogo.gif) no-repeat;    */
    border-left:solid 1px #A5A2A5;
}

.headspacer
{
    position:absolute;
    top:0px;
    left:406px;
    width:318px;
    height:112px;
    background: white url(/images/print_tbar/header_middlespacer.gif) repeat-x;
}

.qhlogo
{
    text-align:right;
    position:absolute;
    top:0px;
    /*Right Width*/
    left:718px;
    width:243px;
    height:112px;
    /*background: white url(/images/print_tbar/header_qhlogo.jpg) no-repeat;*/
    border-right:solid 1px #A6A6A6;
}



.daHomeBody
{
    position:absolute;
    top:112px;
    left:0px;
    height:350px;
    
}

.bannerLT
{
    position:absolute;
    top:0px;
    left:0px;
    width:412px;
    height:204px;
    background: white url(/images/banners/fp_bannerlefttop.jpg) no-repeat;
    border-left:solid 1px #A5A2A5;
}

.bannerLB
{
    position:absolute;
    top:204px;
    left:0px;
    width:406px;
    height:39px;
    background: white url(/images/banners/fp_bannerleftbottom.jpg) no-repeat;
    border-left:solid 1px #A5A2A5;
}

.FlashSwoop
{
    position:absolute;
    top:0px;
    left:407px;
    /*Right Width*/
    width:554px;
    height:204px;
    text-align:right;
    /*background: white url(/images/banners/fpbannerright_combo.jpg) no-repeat top left;*/
    border-right:solid 1px #A6A6A6;
    
}

.bodyTopSpacer
{
    position:absolute;
    top:204px;
    /*Right Width*/
    left:407px;
    width:554px;
    height:12px;
    text-align:right;
    background: white url(/images/homebody/rightside_bodytopspacer.jpg) no-repeat;
    border-right:solid 1px #A6A6A6;
}

.dTab1
{
    position:absolute;
    top:216px;
    /*Right Width*/
    left:407px;
    width:203px;
    height:27px;
    text-align:left;
    vertical-align:top;    
}

.dTab2
{
    position:absolute;
    top:216px;
    /*Right Width*/
    left:582px;
    width:223px;
    height:27px;
    text-align:right;    
}

.dTab3
{
    position:absolute;
    top:216px;
    /*Right Width*/
    left:777px;
    width:184px;
    height:27px;
    text-align:right;
    border-right:solid 1px #A6A6A6;
}

.daHomeText
{
    position:absolute;
    top:355px;
    left:0px;    
}

.homeTextCell
{
    position:absolute;
    top:0px;
    left:0px;
    width:406px;
    height:350px;
    background: white url(/images/homebody/leftside_background.jpg) no-repeat;
    border-left:solid 1px #A5A2A5;
    
}
.homeTextContent
{
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
}

.homeTextHeader h2
{
	font-family: Arial, Helvetica, sans-serif;
    color:#404041;
    font-size:15px;
    font-weight:bold;
    padding-bottom:5px
}

.homeTextBody p
{
    padding-bottom:8px
}

.rightBorder
{
    border-right:solid 1px #A6A6A6;
    position:absolute;
    top:266px;
/*Right Width*/    
    left:960px;
    height:225px;
    width:0px;    
}
.daTabBox
{
    position:absolute;
    top:355px;
/*Right Width*/    
    left:401px;
    background-color:White;
    width:560px;
    height:350px;
    border-right:solid 1px #A6A6A6;
    /*border:solid 1px red;*/
}

.drTabBox
{
    margin-left:10px;
    margin-top:20px;
}

.tabBoxHeadText 
{
	position:absolute;
	top:0px;
	left:0px;
}
.tabBoxHeadText h2
{
	font-family: Arial, Helvetica, sans-serif;
	color:#404041;
	font-size:15px;
	font-weight:bold;
}
.tabBoxHeadText1210 h2
{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:15px;
	font-weight:bold;
}
.tabBoxHeadMsg
{
	position:absolute;
	top:20px;
	left:0px;
	width:540px;
}
.tabBoxHeadMsg1210
{
	position:absolute;
	top:20px;
	left:0px;
	width:540px;
}
.tabBoxHeadMsg0911
{
	position:absolute;
	top:0px;
	left:0px;
	width:540px;
}
.tabBoxHeadMsg p
{
    color:#3D3D3D;
    font-weight:bold;
    padding-bottom:8px
}
.tabBoxHeadMsg1210 p
{
    font-family: Arial, Helvetica, sans-serif;
	color:#3D3D3D;
	font-size:12px;
    font-weight:bold;
    padding-bottom:10px
}



.daTabBoxShell
{
    position:absolute;
    top:20px;
    left:0px;    
}

.tabBoxTab1
{
    position:absolute;
    top:0px;
    left:0px;
    width:221px;
    height:62px;
}

.tabBoxTab2
{
    position:absolute;
    top:62px;
    left:0px;
    width:221px;
    height:62px;
    border:solid 0px red;
}

.tabBoxTab3
{
    position:absolute;
    top:124px;
    left:0px;
    width:221px;
    height:62px;
}

.tabBoxTab4
{
    position:absolute;
    top:186px;
    left:0px;
    width:221px;
    height:55px;
}



.daFooterBox
{
    position:absolute;
    top:710px;
    left:0px;
    width:960px;
    height:110px;
    border-left:solid 1px #A5A2A5;
    border-right:solid 1px #A6A6A6;
    background: White url(/images/footer/footer_bottom.gif) no-repeat bottom left;
}

.footercontent
{
    font-size:12px;
    padding-top:20px;
    width:958px;
    height:118px;
    text-align:center;
}

.footercontent a
{
}

.footercontent a:hover
{
	color:#404041;
}
.footercontent a:active
{
	color:#d2d2d2;
}


/*
div.linkbar
{
	width:457px;
}
*/
.nobanner .linkbarX {
	top: 14em;
}


.linkbar {
/*  text-align:left;
	height: 35px;
	position: absolute;
	top: 77px;*/
	z-index: 1;
	/*background: #FFF url(/portals/_default/skins/web2printpro/images/linkbar-background.gif) repeat-x;*/
}


.linkbar ul {
	margin: 0 auto;
}
.linkbar ul li {
	text-transform: lowercase;
	display: inline;
	float: left;
	width: auto;
}

.linkbar ul li a {
	display: block;
	_display: inline;
	font-size: 1.2em;
	/*font-weight:bold;*/
	_margin-top: .6em;
	line-height: 1.6em;
	border: 0;
	color: #DDD;
	/*padding-left: .8em;
	margin-right: .7em;*/
}
.linkbar ul li a:hover {
	border: 0;
	color: #FFF;
}
.linkbar ul li.selected {
	background-image: url(/portals/_default/skins/web2printpro/images/linkbar-selected-tab-right.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	/*height: 2.6em;*/
	padding: 0;
	overflow: hidden;
}
.linkbar ul li.selected a {
	background-image: url(/portals/_default/skins/web2printpro/images/linkbar-selected-tab-left.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	/*height: 2em;*/
	/*padding: 0 .8em 0 1.4em;*/
	/*margin-right: .7em;*/
	color: #000;
}
.linkbar ul li.selected a:hover {
	color: #666;
}


.lnkhome a {
    background: white url(/images/print_tbar/navbar_home_o.gif) no-repeat;
    background-position : 0px -35px;
}
.lnkhome a:hover, .lnkhomesel a:hover {
    background-position : 0px 0px;
}
.lnkhomesel a {
    background: white url(/images/print_tbar/navbar_home_o.gif) no-repeat;
    background-position : 0px -70px;
}



.lnkproducts a {
    background: white url(/images/print_tbar/navbar_products_o.gif) no-repeat;
    background-position : 0px -35px;
}
.lnkproducts a:hover, .lnkproductssel a:hover {
    background-position : 0px 0px;
}
.lnkproductssel a {
    background: white url(/images/print_tbar/navbar_products_o.gif) no-repeat;
    background-position : 0px -70px;
}


.lnkservices a {
    background: white url(/images/print_tbar/navbar_services_o.gif) no-repeat;
    background-position : 0px -35px;
}
.lnkservices a:hover, .lnkservicessel a:hover {
    background-position : 0px 0px;
}
.lnkservicessel a {
    background: white url(/images/print_tbar/navbar_services_o.gif) no-repeat;
    background-position : 0px -70px;
}



.lnkabout a {
    background: white url(/images/print_tbar/navbar_about_o.gif) no-repeat;
    background-position : 0px -35px;
}
.lnkabout a:hover, .lnkaboutsel a:hover {
    background-position : 0px 0px;

}
.lnkaboutsel a {
    background: white url(/images/print_tbar/navbar_about_o.gif) no-repeat;
    background-position : 0px -70px;
}


.lnkcontact a {
    background: white url(/images/print_tbar/navbar_contact_o.gif) no-repeat;
    background-position : 0px -35px;
}
.lnkcontact a:hover, .lnkcontactsel a:hover {
    background-position : 0px 0px;
}
.lnkcontactsel a {
    background: white url(/images/print_tbar/navbar_contact_o.gif) no-repeat;
    background-position : 0px -70px;
}



.subcontent .linkbar {
	height: 31px;
	position: static;
	z-index: 1;
	background: #FFF url(/portals/_default/skins/web2printpro/images/subcontent-linkbar-background.gif) repeat-x;
	text-align: left;
}
.subcontent .linkbar ul {
	margin: 0;
	border-top:.2em solid #777;
}
.subcontent .linkbar ul li {
	margin-right: 0;
	height: 3.1em;
	padding: 0;

}
.subcontent .linkbar ul li a {
	margin-top: 0em;
	color: #000;
	padding: .2em .8em 0 1em;
	margin-right: .2em;
	line-height:1em;
}
.subcontent .linkbar ul li a:hover {
	color: #666;
}
.subcontent .linkbar ul li.selected {
	background-image: white url(/portals/_default/skins/web2printpro/images/subcontent-linkbar-selected-tab-right.gif);
	background-position: right top;
/*	height: 3.1em;*/
}
.subcontent .linkbar ul li.selected a {
	background-image: url(/portals/_default/skins/web2printpro/images/subcontent-linkbar-selected-tab-left.gif);
	background-position: left top;
	height: 3.1em;
	color: #FFF;
	padding: .2em .8em 0 .9em;
	margin-right: .2em;
}
.subcontent .linkbar ul li.selected a:hover {
	color: #FFF;
}
/*
.subcontent .linkbar ul li.select {
	background-image: url(/portals/_default/skins/web2printpro/images/subcontent-linkbar-select-tab-right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	height: 3.1em;
}
.subcontent .linkbar ul li.select a {
	background-image: url(/portals/_default/skins/web2printpro/images/subcontent-linkbar-select-tab-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 3.1em;
	color: #FFF;
	padding: .2em .8em 0 1.2em;
	margin-right: .2em;
}*/
.subcontent .linkbar ul li.select a:hover {
	color: #FFF;
}




.lnkproductfeatures a:hover  {
    background: url(/images/homebody/rightside_button1_o.png) no-repeat;
    background-position : 0px 0px;
}

.lnkproductfeatures a {
    background: url(/images/homebody/rightside_button1_o.png) no-repeat;
    background-position : 0px -27px;
}


.lnkproductintegration a:hover {
    background: url(/images/homebody/rightside_button2_o.png) no-repeat;
    background-position : 0px 0px;
}

.lnkproductintegration a {
    background: url(/images/homebody/rightside_button2_o.png) no-repeat;
    background-position : 0px -27px;
}

.lnkproductdemo a:hover {
    background: url(/images/homebody/rightside_button3_o.png) no-repeat;
    background-position : 0px 0px;
}

.lnkproductdemo a {
    background: url(/images/homebody/rightside_button3_o.png) no-repeat;
    background-position : 0px -27px;
}


/* tab Box */
.lnkstorefront a:hover {
    background: url(/images/homebody/tabbox/tab1_o.gif) no-repeat;
    background-position : 0px 0px;
}
.lnkstorefrontsel a, .lnkstorefrontsel a:hover {
    background: url(/images/homebody/tabbox/tab1_o.gif) no-repeat;
    background-position : 0px -124px;
}
.lnkstorefront a {
    background: url(/images/homebody/tabbox/tab1_o.gif) no-repeat;
    background-position : 0px -62px;
}



.lnkedesigner a:hover {
    background: url(/images/homebody/tabbox/tab2_o.gif) no-repeat;
    background-position : 0px 0px;
}

.lnkedesignersel a, .lnkedesignersel a:hover {
    background: url(/images/homebody/tabbox/tab2_o.gif) no-repeat;
    background-position : 0px -124px;
}

.lnkedesigner a {
    background: url(/images/homebody/tabbox/tab2_o.gif) no-repeat;
    background-position : 0px -62px;
}


.lnkautoflight a:hover {
    background: url(/images/homebody/tabbox/tab3_o.gif) no-repeat;
    background-position : 0px 0px;
}
.lnkautoflightsel a, .lnkautoflightsel a:hover {
    background: url(/images/homebody/tabbox/tab3_o.gif) no-repeat;
    background-position : 0px -124px;
}
.lnkautoflight a {
    background: url(/images/homebody/tabbox/tab3_o.gif) no-repeat;
    background-position : 0px -62px;
}


.lnkadmin a:hover {
    background: url(/images/homebody/tabbox/tab4_o.gif) no-repeat;
    background-position : 0px 0px;
}

.lnkadminsel a, .lnkadminsel a:hover {
    background: url(/images/homebody/tabbox/tab4_o.gif) no-repeat;
    background-position : 0px -110px;
}

.lnkadmin a {
    background: url(/images/homebody/tabbox/tab4_o.gif) no-repeat;
    background-position : 0px -55px;
}



/* Modules Details */
.tabbox
{
    position:absolute;
    top:0px;
    left:221px;
    width:316px;
    height:241px;
    border:solid 0px red;
}

.prodfeatureslnk
{
    z-index:100;
    position:absolute;
    top:10px;
    left:130px;
    width:180px;
    height:225px;    
}

.boxstorefront {
    background: white url(/images/homebody/tabbox/tabbox_bgnd_storefront.jpg) no-repeat;
}

.boxedesigner {
    background: white url(/images/homebody/tabbox/tabbox_bgnd_edesigner.jpg) no-repeat;
}

.boxautoflight {
    background: white url(/images/homebody/tabbox/tabbox_bgnd_autoflight.jpg) no-repeat;
}

.boxadmin {
    background: white url(/images/homebody/tabbox/tabbox_bgnd_administrator.jpg) no-repeat;
}

.boxstorefront2 {
    background: white url(/images/demo/tabbox_bgnd_storefront.jpg) no-repeat;
}

.boxedesigner2 {
    background: white url(/images/demo/tabbox_bgnd_edesigner.jpg) no-repeat;
}

.boxautoflight2 {
    background: white url(/images/demo/tabbox_bgnd_autoflight.jpg) no-repeat;
}

.boxadmin2 {
    background: white url(/images/demo/tabbox_bgnd_administrator.jpg) no-repeat;
}

.tabboxtext
{
    margin: 10px 0px 0px 9px;
    width:140px;
}

.tabboxtext h3
{
    color:#00aeef;font-weight:bold;font-size:11px;
}


.ModuleDetailsList
{
    list-style-position:outside;
    list-style-type:disc;
    list-style-type: none;
    
    margin-left:2px;
    /*padding: 2 0 0 0;
    _padding: 2 0 0 10;
    #padding: 2 0 0 10;*/
    /*padding:0px;*/
}


.ModuleDetailsList li
{
    background: url(/images/graybullet.gif) no-repeat 0px 5px;
    padding: 0 0 0 5px;
    _padding: 0 0 0 5px;
    #padding: 0 0 0 5px;
    font-size:10px;
    line-height:13px;
}



/* Content Pages*/
.daContent
{
    position:absolute;
    top:112px;
    left:0px;
    /*width:959px;*/
    /*height:304px;*/
}

.daContentBody
{
    background-color:white;
    width:960px;
    height:304px;
    border-left:solid 1px #A5A2A5;
    border-right:solid 1px #A6A6A6;
}

.daPageContent
{
    padding:20px;
    padding-top:25px;
}

.dPageBanner
{
    width:960px;
    height:98px;
}

.bannerLiveDemoLnk
{
    border:solid 0px red;width:110px;height:60px;float:right;
}
/* Page Banners */
.PageBannerDemo
{
    background:white url('/images/demo/dpsjump_topbanner.jpg') no-repeat top right;
}
.PageBannerDemo_0212
{
    background:white url('/images/demo/0212emailjump_topbanner1.jpg') no-repeat top right;
}
.PageBannerDemo_0112
{
    background:white url('/images/demo/0112emailjump_topbanner1.jpg') no-repeat top right;
}
.PageBannerDemo_1211
{
    background:white url('/images/demo/1211emailjump_topbanner1.jpg') no-repeat top right;
}
.PageBannerDemo_1111
{
    background:white url('/images/demo/1111emailjump_topbanner1.jpg') no-repeat top right;
}
.PageBannerDemo_0911
{
    background:white url('/images/demo/0911emailjump_topbanner1.jpg') no-repeat top right;
}
.PageBannerDemo_0411
{
    background:white url('/images/demo/0411emailjump_topbanner1.jpg') no-repeat top right;
}
.PageBannerDemo_0311
{
    background:white url('/images/demo/0311emailjump_topbanner.jpg') no-repeat top right;
}
.PageBannerDemo_0111
{
    background:white url('/images/demo/0111emailjump_topbanner.jpg') no-repeat top right;
}
.PageBannerDemo_1110
{
    background:white url('/images/demo/1110emailjump_topbanner.jpg') no-repeat top right;
}
.PageBannerDemo_1210
{
    background:white url('/images/demo/1210emailjump_topbanner.jpg') no-repeat top right;
}
.PageBanner_PSDA_2010
{
    background:white url('/psda-2010/ps2010jump_topbanner.jpg') no-repeat top right;
}
.PageBannerAbout
{
    background:white url('/images/banners/aboutus_topbanner.jpg') no-repeat top right;
}

.PageBannerContact
{
    background:white url('/images/banners/contact_topbanner.jpg') no-repeat top right;
}
.PageBannerProducts
{
    background:white url('/images/banners/products_topbanner.jpg') no-repeat top right;
}

.PageBannerServices
{
    background:white url('/images/banners/services_topbanner.jpg') no-repeat top right;
}

/* Page Contents */
.pageHome{height:425px;}
.ContentBodyDPS{height:605px;}

.ContentBodyDemo{height:775px;}

.pageAbout{padding-top:665px;}
.ContentBodyAbout{height:776px;}

.pageContact{padding-top:515px;}
.ContentBodyContact{height:675px;}

.pageProducts{padding-top:2300px;}
.ContentBodyProducts{height:2900px;}

.pageServices{padding-top:735px;}
.ContentBodyServices{height:875px;}

.page_W2P_Resources{padding-top:700px;}
.Content_W2P_Resources{height:890px;}



.page_W2P_CustSoftDev{padding-top:240px;}
.Content_W2P_CustSoftDev{height:390px;}

.page_W2P_CustSoftDevrs{padding-top:240px;}
.Content_W2P_CustSoftDevrs{height:390px;}

.page_W2P_CustSoftInt{padding-top:130px;}
.Content_W2P_CustSoftInt{height:290px;}

.page_W2P_DotNetDev{padding-top:190px;}
.Content_W2P_DotNetDev{height:340px;}

.page_W2P_Term{padding-top:1785px;}
.Content_W2P_Term{height:1940px;}

.page_W2P_Info{padding-top:350px;}
.Content_W2P_Info{height:540px;}


.page_W2P_Sitemap{padding-top:150px;}
.Content_W2P_Sitemap{height:340px;}


/* Content Specifics */
.ContentProducts h1, .ContentServices h1, .ContentAbout h1, .ContentContact h1, .Content_W2P h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#000;
    font-size:1.6em;
    margin-top:4px;
    margin-bottom:4px;
}
.ContentProducts h2, .ContentServices h2, .ContentAbout h2, .ContentContact h2, .Content_W2P h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#666;
    font-size:1.4em;
    margin-top:4px;
    margin-bottom:4px;
}
.ContentProducts h3, .ContentServices h3, .ContentAbout h3, .ContentContact h3, .Content_W2P h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#666;
    font-size:1.2em;
    margin-top:8px;
    margin-bottom:4px;
}

.ContentProducts p, .ContentServices p, .ContentAbout p, .ContentContact p, .Content_W2P p
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#666666;
    font-size:1.1em;
    margin-bottom:10px;
    text-align:justify;
   
}
.ContentContact p
{
    margin-bottom:0px;
}


.ContentProducts a, .ContentServices a, .ContentContact a  /*.ContentAbout a, */
{
    font-size:1.1em;
   
}
.ContentProducts ul, .ContentServices ul, .Content_W2P_Sitemap ul
{
    list-style-position:outside;
    list-style-type:disc;
    list-style-type: none;
    
    margin-left:2px;
    /*padding: 2 0 0 0;
    _padding: 2 0 0 10;
    #padding: 2 0 0 10;*/
    /*padding:0px;*/
}


.ContentProducts li, .ContentServices li
{
    background: url(/images/graybullet.gif) no-repeat 0px 5px;
    padding: 0 0 0 5px;
    _padding: 0 0 0 5px;
    #padding: 0 0 0 5px;
    font-size:1.1em;
    line-height:13px;
    color:#666;
}

.Content_W2P_Sitemap  li
{
    background: url(/images/graybullet.gif) no-repeat 0px 7px;
    padding: 0 0 0 9px;
    _padding: 0 0 0 9px;
    #padding: 0 0 0 9px;
    font-size:1.1em;
    line-height:13px;
	font-size:1.5em;
    line-height:17px;

}

.productModuleDesc
{
    width:960px;
    margin-top:50px;
    margin-bottom:15px;
    border:solid 0px red;
    height:415px;
    
}
.prodModuleDescDivider
{
    width:920px;
    height:2px;
    border-bottom:solid 1px #666;
}
.productModuleDescTextSS
{
    float:left;width:568px;height:384px;
}

.productModuleDescText
{
    float:left;
    width:370px;
    margin-top:15px;
}

.productModuleDescText div a
{
	font-family: Arial, Helvetica, sans-serif;
    color:#404041;
    font-weight:bold;
    
}

.productModuleKeyFeatHead
{
    padding-top:10px;
}

.productModuleKeyFeatList li
{
    background: url(/images/graybullet.gif) no-repeat 0px 7px;
    line-height: 16px;
    font-size:1.1em;
}
.DPSForm
{
    position:absolute;
    top:118px;
    left:565px;
    height:25px;
    width:340px;
}

.DemoForm
{
    position:absolute;
    top:198px;
    left:255px;
    height:25px;
    width:340px;
}

.tblDemoForm
{
    margin:10px;
    margin-left:30px;
    /*border:solid 1px red;    */
    width:340px;
}

.tblDemoForm th
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	width:140px;
	vertical-align:middle;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:4px;
}
.tblDemoForm td
{
    width:200px;
}
.tblDemoForm td input, .tblDemoForm td textarea
{
    width:200px;
    border:solid 1px #C1C1C1;
    background-color:#F0F0F0;
}

.daContentFooterBox
{
    /*position:absolute;
    top:690px;
    left:0px;*/
    margin-top:6px;
    width:960px;
    height:120px;
    border-left:solid 1px #A5A2A5;
    border-right:solid 1px #A6A6A6;
    background: White url(/images/footer/footer_bottom.gif) no-repeat bottom left;
}



.aboutfp_sheadright {
	width: 88px;
	float: right;
}
.aboutfp_prnavboxtop {
	width: 200px;
	float: right;
	background-color: #B2B2B2;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
.aboutfp_prnavboxstory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B2B2B2;
	color: #666666;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}
.aboutfp_prstoryheadline {
	font-size: 18px;
}
.aboutfp_prnavboxbody {
	width: 200px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
.aboutfp_prnavboxcontainer {
	width: 200px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 1px solid #B2B2B2;
}
.aboutfp_prnavboxstorybottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 12px;
	color: #666666;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}

