/* ###################### General Styles ###################### */

html { height:100%;}

body {
	margin: 0px;
	padding: 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF url(../images/spacer.gif) no-repeat;
}

td {font: 12px/16px Arial, Helvetica, sans-serif;color: #000000;}

#container {width:100%; background-color:#FFFFFF;}

/* ###################### Header Styles ###################### */

#header {display:none;}
#printHeader {border-bottom:1px solid #000000; padding-bottom:5px; margin-bottom:10px;}
/* ###################### Collage Styles ###################### */


#collage {display:none;}
#myCollage {display:none;}
#collageBottom {display:none;}

#content {width:100%;}

/* ###################### mainContent Setup Styles ###################### */
	
#mainContent { /*width:565px; float:right; margin-top:10px; padding-top:10px; position:relative;*/}
#mainContent p { padding:0px 10px 10px 0;}
#mainContent ul {margin:5px 0px 5px 20px; padding-left:10px; padding-right:30px}
#mainContent li {margin-bottom:5px;}

.productShort {
	background: url(../images/productShortBG.png) no-repeat left 5px;
	padding-left: 5px;
	padding-top: 3px;
	clear:both;
	/*margin-bottom:20px;*/
	clear:both;
}

.productShort h3 { color:#fff0c6; padding-bottom:0px; line-height:13px;}
.productShort h4 {	/*margin-bottom:5px;*/}

.productMore {line-height: 25px;background: url(../images/but-productMore.gif) no-repeat left top;text-align: center;
	width: 87px; margin-left:15px; float:left; margin-bottom:15px;}

.productMore a {display:block; font-weight:bold; text-decoration:none;}
#content .productMore a:hover { text-decoration:none;}

/* ###################### Footer Styles ###################### */

#footer { display:none;}

/* ###################### Content Formatting Styles ###################### */

p {margin:0px; padding:0px; padding-bottom:10px;}

a:active, a:hover, a:focus{outline: none; -moz-outline:none;}
#content a { color:#0095C6; text-decoration:none;}
#content a:hover { text-decoration:underline;}

.fRight { float:right;}
.fLeft { float:left;}

#sideColumn {display:none;}

.imgSpacer {
	margin-left:30px;
	margin-right:20px;
}

.myClear {clear:both; padding:0px; margin:0px;}

.marginBot {margin-bottom:20px;}

#content h1 {
	font-size: 15px;
	line-height: 17px;
	color: #d5a507;
	padding:10px 0 3px 0;
	margin:0px;
}

#content h2 {
	font-size: 12px;
	line-height: 16px;
	color: #565656;
	font-weight: bold;
	margin-right:40px;
	padding:10px 0 10px 0;
	margin:0px;
}

#content h3 {
	font-size: 13px;
	line-height: 15px;
	padding:10px 0 2px 0;
	margin:0px;
}

#content h4 {
	margin:0px;
	padding:0px;
	margin-bottom:-8px;
	font-size: 48px;
	line-height: 48px;
	letter-spacing: -2px;
}

#content h5 {
	margin:0px;
	padding:0px;
	font-size: 32px;
	line-height: 32px;
	letter-spacing: -2px;
	/*display: inline;*/
	margin-right:5px;
	}
	
h5 .smaller {font-size: 18px;
	line-height: 18px; letter-spacing:normal;}
	
#content h6 {
	font-size: 18px;
	line-height: 18px;
	/*display:inline;*/
	padding:0px; margin:0px; amargin-bottom:10px;
}

/* ###################### Homepage Column Styles ###################### */

/* for understanding browsers */
.homeColumn  {
background: url(../images/columnBg.png) no-repeat right top;
min-height:225px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .homeColumn {
height:225px;
}
/**/

.homeColumn ul {margin:5px 0px 0px 20px; padding-left:25px; padding-right:15px}
.homeColumn li {margin-bottom:5px;}

#content .homeColumn p, #content .homeColumn h1, #content .homeColumn h3{padding-left:20px; padding-right:20px;}
.homeP { margin-right:30px; line-height:16px;}

/* ###################### Navigation Styles ###################### */

#navigation {display:none;}


/* ###################### subNavigation Styles ###################### */

#subMenu {display:none;}

/* ###################### sideBox Styles ###################### */

#detailsCol {float:right;width:200px;margin:0px 0 10px 15px;clear:right;background: #dcdede url(../images/detailsColTopBg.gif) no-repeat left top; display:none;}

#detailsCol a { position:relative;}

#detailsCol dl { margin:0px; font-size: 12px; background: url(../images/detailsColBottomBg.gif) no-repeat bottom left; padding: 10px 0 8px 0;}

#detailsCol dt {margin:0; padding:5px 10px 5px 10px; font-size: 12px; line-height:12px; font-weight:bold; color: #565656;}

#detailsCol dd {margin:0; padding: 0px; font-size: 12px; line-height:12px; color: #565656;}

#detailsCol dt a, #detailsCol dt a:visited {color:#565656; text-decoration:none; display:block;/*padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;*/}

#detailsCol dd a, #detailsCol dd a:visited {color:#565656; text-decoration:none; display:block; padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;}

#detailsCol dt a:hover {/*background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px;*/ color:#565656; text-decoration:none;}
#detailsCol dd a:hover {background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px; color:#565656; text-decoration:none;}

.detailsDivider {
	background: url(../images/detailsCol-Divider.gif);
}

/* ###################### qBox Styles ###################### */

#qBox { display:none;
	width:167px;
	margin:10px 0 5px 5px;
	clear:right;
	background: #f6f6f6 url(../images/qTop.gif) no-repeat left top;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #000000;
}

#qBox a { position:relative;}

#qBox dl { margin:0px; background: url(../images/qBottom.gif) no-repeat left bottom; padding: 5px 0 5px 0;}


#qBox dt {
	margin:0;
	padding:3px 5px 6px 13px;
	font: 13px/14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0095C6;
	background: url(../images/qBg.gif) repeat-y;	
}

 #qBox dd {
	margin:0;
	padding:0px 10px 0px 15px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	background: url(../images/qBg.gif) repeat-y;	
}

#qBox dt a:hover {text-decoration:none;}

/*#qBox dd {margin:0; padding: 0px; font-size: 12px; line-height:12px; color: #565656;}

#qBox dt a, #qBox dt a:visited {color:#565656; text-decoration:none; display:block; padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;}

#qBox dd a, #qBox dd a:visited {color:#565656; text-decoration:none; display:block; padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;}

#qBoxCol dt a:hover {background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px; color:#565656; text-decoration:none;}
#qBoxCol dd a:hover {background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px; color:#565656; text-decoration:none;}*/


/* ###################### Forms Styles ###################### */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  /*min-width: 400px;
  max-width: 500px;
  width: 450px; */
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size: 14px; font-weight:bold /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 75px; 
	padding: 0; 
	margin: 10px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

/*form fieldset label:first-letter {  use first-letter pseudo-class to underline accesskey, note that */
/* 	text-decoration:underline;    Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels 
}*/

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.readNow p{
	
}
.readNow a {padding-right:20px; font-weight:bold;}

.hidden { display:none;}

td>img { display: block; } /* fix white gutter on the bottom */





/* ###################### Table Styles ###################### */

#content table {
	text-align: left;
	border-collapse: collapse;
	border: 2px solid #dcdede;
	margin:5px 10px 5px 0;
}
#acontent table a {
	text-decoration: underline;
	color: #105c6e;
}
/*#content table a:visited {
	text-decoration: none;
}
#content table a:hover, #content table a:active {
	background-color: #008eb1;
	text-decoration: none;
	color: #eee;
}*/
#content thead th {font-size: 120%;background-color: #dcdede;border-bottom: 1px solid #dcdede;padding-left: 10px;}

#content tbody {}

#content tr, #content th, #content td {
	padding: 5px 3px 5px 20px; text-align:left; vertical-align: top; border-bottom: 1px solid #dcdede;
border-right: 1px solid #dcdede;}

#content tr.alt td, #content tr.alt th {
	background: #EBEDED url(../images/tdStripeBg.gif) repeat;}

#content th {font-weight:bold;	padding: 8px 3px 8px 20px;}

#content .tHeading th {
background-color: #EBEDED; font-size: 120%; border-bottom: 5px solid #dcdede;
}	

#content tfoot th, #content tfoot td {
	padding: 3px 5px;
	color: #3a4e58;
	font-weight: bold;
	font-size: 105%;
}
#content tfoot th {}


/* ###################### Caption Styles ###################### */

#content .caption {float:right;width:185px;clear:right;font-size: 11px;line-height: 14px;margin: 5px 3px 10px 27px;color:#565656;}
#content .caption ul { padding:0px; margin:0px; margin-left:10px; padding-left:10px;}
#content .caption li { padding:0px; margin:0px; margin-bottom:2px;}
#content .caption p { padding:0px; margin:0px; padding-bottom:5px;}

/* ###################### Image Popup Styles ###################### */

.gallerycontainer{
/*position: relative;
float:right;*/
width:770px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail{
position: relative;
z-index: 0;
float:right;
clear:right;
}

.thumbnail img{
/*border: 1px solid #000000;
margin: 0 0 5px 10px;*/
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid #000000;
color: black;*/
visibility: hidden;
text-decoration: none;
top: 0px;
right:0px; 
z-index: 50;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid #000000;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
right:0px; /*position where enlarged image should offset horizontally */
}

.hope .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left:0px; /*position where enlarged image should offset horizontally */
}

.gallery td { text-align:center; vertical-align:top; padding-right:7px;}
.gallery th {padding-top:15px; font-weight:bold; padding-bottom:5px;}


/* ###################### Misc Styles ###################### */

.backTop {display:none;}
#content .backTop a{ text-decoration:none; color: #d5a507}
#content .backTop a:hover{ text-decoration:none;}

#content .jobTable table, #content .jobTable thead th { border:none;}

#content .department td a { float:left; /*width:100px;*/ margin-right:20px;}
#content .department td { padding-top:10px; padding-bottom:10px;}

.listAll {text-align:center;}

#catHome {
	/*position:absolute;
	top: 0px;
	right: 7px;*/
	text-align:right;

	font-size: 11px; line-height:11px;
}
#catHome a {padding-right:11px; margin-right:5px; display:block;background: url(../images/upArrow.gif) no-repeat right center;}

#catHome a:hover {text-decoration:none;}

#jobs td label { float: left; width:70px; margin-right:5px; font-weight:bold; }

#content .articles { margin-top:10px;} 

#content .articles p{ margin-top:0px;}
#content .articles img{ float:left; margin:0 7px 3px 0;}

/* ###################### Ie Styles ###################### */

#collage {
background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/contentBg.png');
}

#collageBottom {
background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/collageBottomBg.png');
}

#content {
	background: none;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/contentBgTest.png');

background: none;*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/contentBg.png');
}

#content a {/*position:relative;*/}

#header {
background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/headerBG.png');
}

#footer{
background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/footerBg.png');
}

#navigation a .about {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-about.png');}
#navigation a:hover .about {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-about-over.png');}
#navigation a:active .about {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-about-on.png');}
#about #navigation a .about {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-about-on.png');}

#navigation a .solutions {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-solutions.png');}
#navigation a:hover .solutions {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-solutions-over.png');}
#navigation a:active .solutions {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-solutions-on.png');}
#solutions #navigation a .solutions {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-solutions-on.png');}


#navigation a .products {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-products.png');}
#navigation a:hover .products {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-products-over.png');}
#navigation a:active .products {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-products-on.png');}
#products #navigation a .products {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-products-on.png');}


#navigation a .news {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-newsEvents.png');}
#navigation a:hover .news {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-newsEvents-over.png');}
#navigation a:active .news {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-newsEvents-on.png');}
#news #navigation a .news {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod='scale', src='http://www.pixelbias.com/dyaptive/images/btn-newsEvents-on.png');}