@import "breadcrumb-styles.css";
html {
	background: url('../images/treebeig-lg.jpg') repeat; /* html-bg */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fffdee;
	font-size: 100%;
}

body {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;  /* main font was Trebuchet MS */
	color: #444444;
	text-align: center; /*this is what centers the CONTAINER div in IE */
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:15px;
	background-image: url('../images/topheader.jpg');
	background-repeat: repeat-x;
}

#container {
	margin: 10px auto 10px auto;    /* the auto for l and r is what centers the container in others */
	padding: 0px 30px 0px 30px;
	/*width: expression(document.body.clientWidth > 1100)? '1100px': 'auto';  ie hack - was expression(document.body.clientWidth > 1100? '1100px': 'auto' ) */
	max-width: 1100px;
	text-align: left;
	position: relative;
	z-index: 50;
	font-size: .95em;
}

#main {
	border: 0px;
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
    margin: 0px 45px 0px 0px;
    padding: 0px 0px 0px 0px;
  	/*width:expression(document.body.clientWidth < 800? '800px': 'auto' );  ie hack */
	min-width: 880px;
}

#title1 {
	border: 0px ;
	position: relative;
	width: 100%;
    left: 0px;
	top: 0px;
	/*	height: 122px;
    background-image: url('../images/topheader.jpg');
	background-repeat: no-repeat;
	background-position: top left; */
	/*text-align: center;          removed for ie7 compatibility */
	margin: -10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 75;
}

#maincontent {
	position: relative;
	left: 0px;
	margin-top: 40px;
	z-index: 1;
/*	  background-image: url('contentBg.jpg');
	background-position:  left bottom;
	background-repeat: repeat-x;
    background-color: #ffffff;
	width: 1000px;
*/
    margin-bottom: 0px; /* added to remove gap at bottom of main decorative box */
    padding-bottom: 0px; /* added to remove gap at bottom of main decorative box */
}

h1, h2, h3, h4, p {
	color: #000000;
	margin: 10px 10px 10px 10px;
}

/* Code to allow older browsers to display the new html 5 semantic elements properly */
header, section, footer, aside, nav, article, figure, figcaption {
	display: block;
}



/*
# # #
begin code for header area
# # #
*/

header {
	width: 100%;
	height: 90px;
	padding: 0;
	margin: 0;
	position: relative;
}

#headerimages {
	padding-top: 12px;
	background: url('../images/AQHorzTran.gif') no-repeat center;
	display: block;
	height: 88px;
	width: 70%;
	position: absolute;
	z-index:100;
}

#islogo {
	border: 0;
	width: 81px;
	height: 60px;
	float:left;
}

#familyportrait {
	border: 0;
	width: 98px;
	height:68px;
	float:right;
}

#transearch {
	width: 30%;
	height: 88px;
	text-align: right;
	padding-top: 15px;
	right: 0px;
	position: absolute;
}

#google_translate_element {
    padding: 5px;
}

.miniflags {
	border: 0;
	width: 24px;
	height: 16px;
}

#langflags {
	width: 90px; /*two column was 60px*/
	height: 56px;
	text-align: right;
	padding-top: 0px;
	float: right;
	/* margin-top: -10px; Note: Added when we have even # flags, and want to start as high as possible */
}

#langflags .miniflags {
	margin-bottom: 2px;
	border: solid 1px #444444; 
}

#langflags p {
	margin: 0;
	padding: 0;
	line-height: 2px;
	display: block;
}

#langflags .rightflag {
	float: right;
	margin-left: 2px;
	/* Note: To stagger vertically, use this top margin:
	margin-top: -10px;*/
	margin-top:-10px;
}

#langflags .rightflagNoStagger {
	float: right;
	margin-left: 2px;
}

/* begin styles for new language button */





/* 
end code for header area 
*/


/*
begin page footer styles
*/

footer {
	font-size: small;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 25px;
	margin-left: 25px;
	/*border: solid red 1px;*/
	width: 95%;/*850px; was 790 */
	min-width: 775px;
}

p.footer{
	margin: 10px 10px 0px 10px;
}

.w3c {
	position: absolute;
	right: 0px;
	top: 30px;
	opacity: 0; 
	filter:alpha(opacity=0);
	-webkit-transition:opacity 0.4s ease;
	-moz-transition:opacity 0.4s ease;
	-o-transition:opacity 0.4s ease;
}

.w3c:hover{
	opacity: 1.0; 
	filter:alpha(opacity=100);
	-webkit-transition:opacity 0.4s ease;
	-moz-transition:opacity 0.4s ease;
	-o-transition:opacity 0.4s ease;
}

.w3c img {
	border:0;
	width:88px;
	height:31px;
	margin-bottom:10px;
}


#footermenu {
	text-align: left;
	position: relative;
	left: 0px;
	width: 100%; /*840px;  was 783 */
	/*border: solid blue 1px;*/
}

#footertext {
	text-align: left;
	position: relative;
	left: 0px;
	width: 85%; /*820px; was 783 */
	/*border: solid green 1px;*/
}

#footertext p {
	font-size: .8em;
}

.smallprint {
	font-size: x-small;
}

/*
end page footer styles
*/





a {
	color: blue; /* navy */
	text-decoration: none;
}

a:visited {
	color: blue; /* navy */
}

a:hover {
	color: #990033; /* blue */
	text-decoration: underline;
}

#col1 h1, #col6 h1 {
	color: #990033;
	text-align: center;
	margin-left: 0;
	padding-left:0;
}

	.subheadhighlight {
		font-family: Verdana, Arial, Helvetica, sans-serif; /*Trebuchet MS*/
		font-size: large;
		font-weight: bold;
		color: #990033;
		text-align: left;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 10px;
		padding-bottom: 0px;
	}

#col1 p{
	color: #000000;
	text-align: justify;
}

#col1 p.bodyfoot, #col4 p.bodyfoot, #col6 p.bodyfoot, #col1 p.bodyfootdown, #col4 p.bodyfootdown, #col6 p.bodyfootdown, #col1 p.bodyfootup, #col4 p.bodyfootup, #col6 p.bodyfootup {
	text-align: right;
	margin: 0;
}

#maincontent p.col1p {
	margin: 10px 10px 40px 70px;
}

/* 
Begin Horizontal Rule Styles 
*/

/* the following does not work with the float boxes
div.hr1 {
	border: solid black 1px;
	text-align: center;
	height: 34px;
	background: url('../images/hr1.gif') no-repeat top center;
	position: relative;
}

div.hr1 hr {
	display: none;
}
*/

hr.hr1 {
	border: 0;
	height: 34px;
	background: url('../images/hr2.gif') no-repeat top center;
	position: relative;
	margin: 20px 0 25px 0;
}

hr.hr90 {
	width: 90%;
}

hr.hr-60pc {
	width: 60%;
	margin: 70px auto 30px auto;
}

hr.60pc {
	width: 60%;
}

hr.80pc {
	width: 80%;
}


/* 
End Horizontal Rule Styles 
*/



/*
# # #
begin code for new css float box
# # #
*/

.dialog {
	position: relative;
	margin: 0px auto;
	min-width: 700px;
	max-width: 1200px; /* based on image dimensions */
	color: #fff;
	z-index: 1;

/* new stuff, maybe
	margin:0px auto;
 */
}

.dialog .hd .c,
.dialog .ft .c {
	font-size: 1px; /* ensure minimum height */
	/*height: 42px;*/
}

.dialog .ft .c {
	height: 40px; /* height of image */
}

.dialog .hd {
	background: transparent url('../images/maintlw.gif') no-repeat 0px 0px;
	margin-right: 42px; /* space for right corner */
	height: 42px; /* height of image */
}

.dialog .hd .c {
	background: transparent url('../images/maintrw.gif') no-repeat right 0px;
	margin-right: -42px; /* pull right corner back over "empty" space (from above margin) */
	height: 42px; /* height of image */
}

.dialog .bd {
	background: transparent url('../images/mainmlw.gif') repeat-y 0px 0px;
	margin-right: 6px; /* width of image */
}

.dialog .bd .c {
	background: transparent url('../images/mainmrw.gif') repeat-y right 0px;
	margin-right: -6px; /* width of image */
}

.dialog .bd .c .s {
	margin: 0px 20px 0px 18px;
	/*background: url('../images/maingr.gif') repeat-x 0px 0px; code for a gradient at top - change positioning if using a bottom gradient */
	padding: 2px 1em 1em 1em;
}

.dialog .ft {
	background: transparent url('../images/mainblw.gif') no-repeat 0px 0px;
	margin-right: 42px;
}

.dialog .ft .c {
	background: transparent url('../images/mainbrw.gif') no-repeat right 0px;
	margin-right: -42px;
}


/* content-specific */

.dialog h1 {
	/* header */
	font-size: 2em;
	margin: 0px;
	padding: 0px;
	margin-top: -0.6em;
}

.dialog p {
	margin: 0.5em 0px 0px 0px;
	padding: 0px;
	/*font: 0.95em/1.5em Arial,Tahoma, sans-serif;*/
}

/* end code for new css float box */


/* begin code for two column layout */

#col1 {
/*position: relative;*/
min-width: 300px;
margin-top: 18px
}

/* SIDEBAR width is determined by col2 width, below (originally was 250px, should not be more than 320px on pages with orange download box ) */
#col2 {
width: 250px;
float: right;
margin-left:30px;
margin-right: 35px;
margin-bottom: 0px; /* removed 30 from bottom margin */
}

#col3 {
/*position: relative;*/
width: 330px;
float: right;
margin-left:40px;
margin-right: 40px;  /*mar rt was 60 */
margin-bottom: 0px;
}

#col1a {
/*position: relative;*/
max-width: 800px;
margin-top: 18px;
margin-left: 5em;
}

#col3a {
width: 30%;
float: right;
margin-left:40px;
margin-right: 8em;
margin-bottom: 0px;
font-size: smaller;
}

#col3b {
width: 250px;
float: right;
margin-left:45px;
margin-right: 40px;
margin-bottom: 0px;
font-size: smaller;
}

/* begin Main Column Hyperlinks */

#col1 p.bodyfoot a, #col1a p.bodyfoot a, #col4 p.bodyfoot a, #col5 p.bodyfoot a, #colsingle p.bodyfoot a, #col1 p.bodyfootdown a, #col1a p.bodyfootdown a, #col4 p.bodyfootdown a, #col5 p.bodyfootdown a, #colsingle p.bodyfootdown {
text-decoration: none;
}

#col1 p a, #col1a p a, #col4 p a, #col5 p a, #colsingle p a {
text-decoration: underline;
}



/* end Main Column Hyperlinks */

/* end code for two column layout */


/* begin code for single column layouts */

#colsingle {
width: 700px;
margin: 0px auto 0px auto;
/*text-align: center; */
}

#colsingle.w8 {
width: 830px;
}

#colsingle.w6 {
	width: 600px;
}

#orderonline {
width: 700px;
margin: 0px auto 0px auto;
}

#fulltable {
width: 100%;
}

#col4 {
width: 85%;
margin: 0px auto 0px auto;
}

#col5 {
width: 100%;
}

#col6 {
min-width: 300px;
}

#col900 {
width: 1000px;
}

#colinternat {
max-width: 800px;
margin: 20px auto 0px auto;

}


/* end code for single column layouts */


/* the css code for top menu bar loads from an external stylesheet*/


#fulltable h1 {
color:maroon;
text-align: center;
}



.downloadbutton {
     margin-top: 0px;
     background-image:url('../images/button_background.jpg');
     background-repeat:repeat-x;
     border-color: #ca8400;
     border-width: 1px;
     border-style: solid;
     height: 30px;
     padding: 0px;
     line-height: 100%;
     position: relative;
}

.downloadbutton a {
    position: absolute;
    top: 4px;
    left: 3px;
    font-weight: bold;
}


/* Placement and spacing for images */
img.left {
float: left;
margin-right: 15px;
}

img.right {
float: right;
margin-left: 15px;
}

div.imgcenter {
display: block;
text-align: center;
margin: 5px auto 30px auto;
}

img.center {
border: 0;
}

/* new inner boxes styles */

/*   BOX 1   */


div.box1, div.box1 h2, div.box1bodycontainer, div.box1body, div.box1footer, div.box1footer a, div.box1footer p, div.box2, div.box2 h2, div.box2bodycontainer, div.box2body, div.box2footer, div.box2footer a, div.box2footer p {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	vertical-align: baseline;
	}

div.box1 {
background: url('../images/box1topleft.gif') top left no-repeat;
width: 100%;
position: relative;
margin-bottom: 50px;
}

div.box1 h2 {
  color: navy;
  background: url('../images/box1topright.gif') top right no-repeat;
  font-size: 1.4em;
  padding-top: 20px;         /* height of decorative part of image */
  padding-right:46px;  /*should be 1 pixel more than width of image*/
  padding-left:0;
  padding-bottom: 15px;
  margin:0;
  position:relative;
  right:-45px;      /*should be negative of the width of the image */
  text-align: center;
}

div.box1bodycontainer {
 background: url('../images/box1midleft.gif') top left repeat-y;
}

div.box1body {
  text-align: justify;
  background: url('../images/box1midright.gif') top right repeat-y;
  margin: 0;
  margin-top: -15px;            /* removes gap at top-right of body */
  margin-bottom: 5px;
  padding-right: 46px; /*should be 1 pixel more than width of image */
  padding-left: 0;
  position: relative;
  right: -45px;      /*should be negative of the width of the image */
}

div.box1footer {
  background: url('../images/box1bottomleft.gif') bottom left no-repeat;
  position: relative;
  top: 40px;
}

div.box1footer p {
	text-align: right;
  background: url('../images/box1bottomright.gif') bottom right no-repeat;
  padding-top: 10px;
  padding-right: 46px; /*should be 1 pixel more than width of image */
  padding-left: 0;
  padding-bottom: 20px;
  display: block;
  margin: -45px 0 0 0;
  position: relative;
  right: -45px;      /*should be negative of the width of the image */
}

/*  BOX 2  */

div.box2 {
  background:  url('../images/box2topleft.gif') top left no-repeat;
  width:100%;
  position: relative;
  margin-bottom: 50px;
}

div.box2 h2 {
  color: maroon;
  background:  url('../images/box2topright.gif') top right no-repeat;
  font-size: 1.4em;
  padding-top: 20px;          /* height of decorative part of image */
  padding-right:46px;   /*should be 1 pixel more than width of image*/
  padding-left:0;
  padding-bottom: 15px;
  margin:0;
  position:relative;
  right:-45px;       /*should be negative of the width of the image */
  text-align: center;
}

div.box2bodycontainer {
 background: url('../images/box2midleft.gif') top left repeat-y;
}

div.box2body {
  text-align: justify;
  background:  url('../images/box2midright.gif') top right repeat-y;
  margin:0;
  margin-top:-15px;             /* removes gap at top-right of body */
  margin-bottom: 5px;
  padding-right:46px;  /*should be 1 pixel more than width of image */
  padding-left:0;
  position:relative;
  right:-45px;       /*should be negative of the width of the image */
}

div.box2footer {
  background:  url('../images/box2bottomleft.gif') bottom left no-repeat;
  position:relative;
  top:40px;
}

div.box2footer p {
	text-align: right;
	background:  url('../images/box2bottomright.gif') bottom right no-repeat;
  padding-top: 10px;
  padding-right: 46px; /*should be 1 pixel more than width of image */
  padding-left: 0;
  padding-bottom: 20px;
  display: block;
  margin: -45px 0 0 0;
  position: relative;
  right: -45px; /*should be negative of the width of the image */
}


.box1footer a, .box2footer a {
  font-style: italic;
  position: relative;
	display: block;
	width: 100%;
/*	right: 18px;*/
}

.box1footer a, .box2footer a:hover {
text-decoration: none;
}

.box1footer a:after, .box2footer a:after {
content: url('../images/linkarrowright.png');
float: right;
}

/* end new inner boxes styles */


/* begin code for special highlight inner boxes */

div.boxa, div.boxa h2, div.boxabodycontainer, div.boxabody, div.boxafooter, div.boxafooter a, div.boxafooter p, div.boxb, div.boxb h2, div.boxbbodycontainer, div.boxbbody, div.boxbfooter, div.boxbfooter a, div.boxbfooter p, div.boxc, div.boxc h2, div.boxcbodycontainer, div.boxcbody, div.boxcfooter, div.boxcfooter a, div.boxcfooter p, div.boxe {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	vertical-align: baseline;
	}

div.boxa {
  background: #fdfdf5 url('../images/boxabg.jpg') bottom left repeat-x;
  width: 110%;
  position: relative;
  margin: 20px 4px 10px 6px;
  border: #a11700 solid 3px;
}

div.boxa h2 {
  color: white;
  background: #f9e7e8 url('../images/boxaheaderbg.jpg') top left repeat-x;
  font-size: 1.2em;
  padding-top: 5px;
  padding-left: 6px;
  padding-bottom: 10px;
  margin: 0;
  position: relative;
  text-align: left;
}
/*
div.boxabodycontainer {
 background: url('../images/boxamidleft.gif') top left repeat-y;
}
*/
div.boxabody {
  text-align: justify;
  margin: 0;
  padding: 0px 12px 5px 12px;
  position: relative;
}

div.boxabody p {
  color: black;
}

div.boxafooter {
  position: relative;
}

div.boxafooter a {
	width: 80%;
	text-align: center;
  background: #f4f4df;
  border: 5px outset #f5f5ef;
  padding-top: 10px;
  padding: 2px 6px 2px 6px;
  display: block;
  margin: 0px auto 5px auto;
  position: relative;
  font-weight: bold;
  font-size: 1.2em;
  color: #932030;
}

div.boxafooter a:hover {
  text-decoration: none;
  color: black;
  background: #f2f2dd;
  border: 5px inset #f5f5ef;
}

div.boxafooter a:active {
  text-decoration: none;
  /*color: #444444;
  background: white; /*#888888 */
  border: 5px inset #f5f5ef;
}


div.boxb {
  background: #fbfbcb url('../images/boxbbottombg.jpg') bottom left repeat-x;
  width: 110%;
  position: relative;
  margin: 20px 4px 10px 6px;
  border: #b19202 solid 3px;
}

div.boxb h2 {
  color: white;
  background: #937920 url('../images/boxbheaderbg.jpg') top left repeat-x;
  font-size: 1.2em;
  padding-top: 5px;
  padding-left: 6px;
  padding-bottom: 15px;
  margin: 0;
  position: relative;
  text-align: left;
}
/*
div.boxbbodycontainer {
 background: url('../images/boxamidleft.gif') top left repeat-y;
}
*/
div.boxbbody {
  text-align: justify;
  margin: -10px 0 0 0;
  padding: 1px 12px 5px 12px;
  position: relative;
  background: url('../images/boxbtopbg.jpg') top left repeat-x;
}

div.boxbbody p {
  color: #0a047d;
}

div.boxbfooter {
  position: relative;
}

div.boxbfooter a {
	width: 80%;
	text-align: center;
  background: #f4f4df;
  border: 5px outset #f5f5ef;
  padding-top: 10px;
  padding: 2px 6px 2px 6px;
  display: block;
  margin: 0px auto 5px auto;
  position: relative;
  font-weight: bold;
  font-size: 1.2em;
  color: #0a047d;
}

div.boxbfooter a:hover {
  text-decoration: none;
  color: black;
  background: #f2f2dd;
  border: 5px inset #f5f5ef;
}

div.boxbfooter a:active {
  text-decoration: none;
/*  color: #444444;
  background: white; /*#888888 */
  border: 5px inset #f5f5ef;
}


/* box c download-links */

div.boxc {
  border-top: 1px solid #ca8400;
  border-right: 1px solid #ca8400;
  border-left: 1px solid #ca8400;
  background: #fffaf9; /*  #fffffb;*/
  width: 118%;
  position: relative;
  margin: 20px 0px 10px 0px;
  padding: 0px;
  right: 20px;
}

div.boxcdownload {
  position: relative;
	width: 102%;
  background: #ffad01 url('../images/downloadbg.jpg') top left repeat-x;
  border: 1px solid #ca8400;
  padding: 0px 3px 0px 0px;
  display: block;
  margin: 4px 0px 2px 0px;
  position: relative;
  top: 4px;
  left: -5px;

}

div.boxcdownload:hover {
  color: #444444;
  background: #ffad01 url('../images/downloadbghover.jpg') top left repeat-x;
  display: block;
}

div.boxcdownload a {
	width: 94%;
  display: block;
	text-align: left;
	font-weight: bold;
  font-size: 1.1em;
  color: #555555;
  background: url('../images/download_arrow_for_buttondim2.gif') center right no-repeat;
  padding: 3px 16px 5px 3px;
}

div.boxcdownload a.purchase {
	width: 94%;
	height: 26px;
  display: block;
	text-align: left;
	font-weight: bold;
  font-size: 1.1em;
  color: #555555;
  background: url('../images/carte.png') right center  no-repeat;
  padding: 13px 16px 5px 6px;
}

div.boxcdownload a:hover {
  text-decoration: none;
  color: black;
  background: url('../images/download_arrow_for_button.gif') center right no-repeat;
}

div.boxcdownload a.purchase:hover {
  text-decoration: none;
  color: black;
  background: url('../images/cartf.png') center right no-repeat;
}

div.boxcdownload a:active {
  text-decoration: none;
  color: #999999;
  background: url('../images/download_arrow_for_button.gif') center right no-repeat;

}

div.boxcdownload p {
	width: 94%;
  display: block;
	text-align: left;
	font-weight: bold;
  font-size: 1.1em;
  color: #555555;
/*  background: url('../images/download_arrow_for_buttondim2.gif') center right no-repeat;*/
  padding: 3px 16px 10px 5px;
}

#colinternat #col3b .boxcdownload {
	margin-top: 0;
	padding: 3px 4px 10px 5px;
	left: -8px;
}

#colinternat #col3b .boxcdownload a{
	margin-top: 0;
	padding-top: 0;
}



/*
div.boxc h2 {
  color: white;
  background: #937920 url('../images/boxbheaderbg.jpg') top left repeat-x;
  font-size: 1.3em;
  padding-top: 5px;
  padding-left: 6px;
  padding-bottom: 15px;
  margin: 0;
  position: relative;
  text-align: left;
}
*/
div.boxcbody {
  text-align: left;
  margin: 4px 0px 0px 0px;
 /* padding: 2px 0px 0px 0px;*/
  position: relative;

}

div.boxcbody p {
color: #666666;
padding: 6px 0px 6px 4px;
border-bottom: 1px solid #ca8400;
}

.boxcbody ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

.boxcbody li {
background-image: url('../images/linkarrow2dim.gif');
background-repeat: no-repeat;
background-position: bottom right;
width: 100%;
display: block;
margin: 0;
border-bottom: 1px solid #ca8400;
line-height: 1.2em;
}

div.boxcbody a {
/*width: 98%;*/
display: block;
text-align: left;
/*	font-weight: bold;*/
font-size: 1.05em;
color: #666666;
padding: 6px 0px 6px 4px;
/*  margin-right: 17px;
/* padding: 3px 3px 5px 19px;*/
}

div.boxcbody a:hover {
  text-decoration: none;
  color: black;
  background: #FFDEAD url('../images/linkarrow2.gif') bottom right no-repeat;  /*  #fffaf9*/
}

div.boxcbody a:active {
  text-decoration: none;
  color: #ff4444;
  background: url('../images/linkarrow2.gif') bottom right no-repeat;
}

/*
div.boxcbody p {
  color: #0a047d;
}

div.boxcfooter a {
  width: 80%;
  text-align: center;
  background: #f4f4df;
  border: 5px outset #f5f5ef;
  padding-top: 10px;
  padding: 2px 6px 2px 6px;
  display: block;
  margin: 0px auto 5px auto;
  position: relative;
  font-weight: bold;
  font-size: 1.3em;
  color: #0a047d;
}

div.boxcfooter a:hover {
  text-decoration: none;
  color: black;
  background: #f2f2dd;
  border: 5px inset #f5f5ef;
}

div.boxcfooter a:active {
  text-decoration: none;
  color: #444444;
  background: white;
  border: 5px inset #f5f5ef;
}

*/

/* styles for box d */

div.boxd {
/*  border: 1px solid silver;*/
  width: 118%;
  position: relative;
  margin: 20px 0px 10px -2px;
  padding: 0px;
}

ul.bullets {
list-style-type: disc;
padding: 10px;
margin: 20px;
}

ul.bullets li {
text-align: left;
line-height: 1.3;
color: black;
padding: 1px;
margin-left: 20px;
}
/* end styles for box d */


/* begin styles for box e */
div.boxe {
  background: white;/* #fdfdf5 */
  width: 118%;
  position: relative;
  margin: 20px 0px 10px 0px;
  /*border: #a11700 solid 1px;*/
  /*padding: 10px;*/
  right: 20px;
}

div.boxebody {
  text-align: justify;
  margin: 0;
  padding: 1px 12px 5px 12px;
  position: relative;
  
}
/* end styles for box e */

/* begin styles for box f */
div.boxf {
  position: relative;
 /* margin: 20px 4px 10px 6px;*/
  border: solid 2px navy; /* #b19202 */
  width: 118%;
  
  margin: 20px 0px 10px 0px;

  right: 20px;
}

div.boxfbody {
  text-align: left;
  margin: 0;
  padding: 1px 12px 5px 12px;
  position: relative;
  
}

div.boxfbody p {
font-size: 1.2em;
}

div.boxffooter {
padding: 1px 12px 5px 12px;
position: relative;
}
  
div.boxffooter p {
text-align: right;
font-size: 1em;
font-style: italic;
}

/* end styles for box f */

/* end special boxes code */


p.bodyfoot, p.bodyfootdown, p.bodyfootup {
line-height: 1.5em;
/*	border: solid 1px red;*/
}

.bodyfoot a {
  font-style: italic;
  position: relative;
  padding: .2em 27px .2em 0;
	background-image: url('../images/linkarrowright.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	/*border: solid 1px green;*/
}

.bodyfootup a {
  font-style: italic;
  position: relative;
  padding: .2em 27px .2em 0;
 	background-image: url('../images/linkarrowup.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.bodyfootdown a {
  font-style: italic;
  position: relative;
  padding: .2em 27px .2em 0;
 	background-image: url('../images/linkarrowdown.png');
	background-repeat: no-repeat;
	background-position: right center;
}

/* site search box */

.sitesearch {
	width: 150px;
	color: #808080;
	font-style:italic;
}

/* single column styles */

#colsingle h1, h2, h3 {
margin-left: 0px;
padding-left: 0px;
}

#colsingle h1, #colinternat h1 {
color: maroon;
}

#colsingle p {
	margin: 1.5em;
/*margin-left: 20px;*/
padding-left: 0px;
}

#colsingle ol, ul {
margin: 0 0 0 10px;
color: black;
}

#colsingle li {
padding-bottom: 5px;
}

#colsingle h4 {
	margin-top: 3em;
	margin-bottom: .5em;
}



/*#colsingle submit {
color: #000;
background: #ffa20f;
}*/

#colinternat h1 {
padding-top: 10px;
}

#colinternat hr {
	margin-bottom: 30px;
}

#colinternat #col5 ul {
	margin: 20px 0;
}

div.toptext {
margin: 10px 0 20px 0;
}

div.toptext h1 {
	margin-left: 20px;
	color: #990033;
	text-align: left;
}

div.toptext h2 {
	margin-left: 30px;
}

div.toptext p{
	width: 90%;
	margin-left: 40px;
	}


/* Download Table styles */
.info {
position: relative;
	padding-right: 20px;
	z-index: 1;
	}

.formcontainer {
position:relative;
/*border: solid black 1px;*/
}

.formtable1 {
position: relative;
width: 550px;
/*border: solid blue 1px;*/
}

.formsubmit {
position: absolute;
width: 10em;
right: 0px;
top: 7px;
text-align: right;
/*border: solid red 1px;*/
}

#state {
width: 130px;
}

#country {
width: 250px;
}



.downloadtable {
border-top: solid 1px navy;
margin: 10px 0px 0px 20px;
/*background-color: #ffffdd; */
border-collapse: collapse; /*single inside borders instead of 3d*/
}

.downloadtable tr {
border-bottom: solid 1px navy;
}

.downloadtable tr:hover {
	background: #f4f4fc;
}

.downloadtable td {
font-family: Arial, sans-serif;
color: black;
/*border: solid 1px black;*/
padding: 5px 3px 5px 3px;
}

.submitbutton {
cursor: pointer;
width: 8.5em;
height: 3em;
font-size: 1.25em;
font-weight: bold;
/*background-color: #eeeeff;
border: navy 1px solid;
color: maroon;*/
}

.submitbutton:hover {
/*background-color: #fbfbff;
border: navy 1px solid;
color: navy;*/
}

.downloadchoice, .silverbox {
background-color: #f4f4fc;
border: solid silver 1px;
}

/* Styles for pop-up info boxes */

div.info a{
text-decoration: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 120;
}

div.info a:hover {
  position: absolute;
  cursor: help;
  z-index: 120;
}

div.info a span {
	display: none;
}

div.info a:hover span {
	display: block;
   	position: absolute; top: -30px; left: 20px;
   	width: 260px;
   	color: #000000;
   	z-index: 120;
	/* formatting only styles */
   	padding: 10px;
   	margin: 10px;
   	background: #eeeefe; /*fefeff */
   	border: 4px solid #c0c0f0;
/*	opacity: 0.9;
	 end formatting */
}

/* begin new form styles */


/* end new form styles */



/* 
begin orderonline styles 
*/

.hc {   /*heading centered */
  text-align: center;
  font-size: 18px;
  margin: 0px 0px 2px 0px;
}

.pc { /*paragraph centered */
  text-align: center;
  font-size: 13px;
  padding: 0px 0px 30px 0px;
}

#orderformcontainer {
margin-top: 15px;
}

.orderonlinetable {
width: 698px;  /* originally was 820 */
border-top: solid 1px navy;
margin: 1px 1px 1px 1px;
border-collapse: collapse; /*single inside borders instead of 3d*/
	border: 2px solid #cccccc;
	background-color: #ffffff;
	color: black;
}

.tabletitle {
height: 5em;
	border: 1px solid #cccccc;
	/*background-color: #eeeeee;*/
	background: #ffad01 url('../images/downloadbghover.jpg') top left repeat-x;
	text-align: center;
		font-family: Arial, sans-serif;
}

.tabletitle h2 {
font-size: 1.5em;
margin-top: .1em;
margin-bottom: 0;
}

.tabletitle p {
	font-size: small;
}

.producthead {
/*height: 16px;*/
line-height: .9em;
border: 1px solid #cccccc;
font-family: Arial, sans-serif;
font-size: 1em;
font-weight: bolder;
background-color: #ffffcc;
padding: 5px;
text-align: left;
}

.producthead p {
font-size: .9em;
margin: 0;
padding: 0;
font-style: italic;
line-height: 1.5em;

}

.orderonlinetable p {
margin-top: .6em;
margin-bottom: .6em;
font-size: .9em;
}


.tableheadings {
height: 30px;
font-size: 11pt;
vertical-align: bottom;
text-align: center;
}

.proddesc {
text-align: left;
}

.tableheadhr1, .tableheadhr2 {
height: 16px;
}

.tableheadhr1 hr {
width: 90%;
}

.tableheadhr2 hr {
width: 99%;
}

.productimage {
text-align: center;
vertical-align: top;
}

.productdescription {
vertical-align: top;
text-align: left;
/*height: 80px;*/
font-size: 11pt;
font-weight: bold;
}

span.delivery {
color: fuchsia;
}

span.upgrade {
color: blue;
}

.notation, .green {
color: green;
}

.notation1, .teal {
color: teal;
}

.notation2, .red {
color: red;
}

.notation3, .blue {
color: blue;
}

.maroon {
color: #990033;
}

.productdescription p {
font-size: 13px;
margin: 0;
padding: 0;
font-weight: normal;
}

.small, p.small {
font-size: .8em;
}

.priceqty {
vertical-align: top;
text-align: center;
font-size: 11pt;
font-weight: bold;
}

.priceqty p {
font-size: 12px;
margin: 0;
padding: 0;
font-weight: normal;
}

.promocode {
padding: 1em;
vertical-align: top;
text-align: left;
font-size: 10pt;
}

.promocode p {
margin: 10px 10px 10px 70px;
padding: 0;
line-height: 1em;
font-weight: bold;
}

.promocodebox {
top: 15px;
padding-top: 1em;
}

.shipcountry {
padding: 1em;
vertical-align: top;
text-align: center;
font-size: 10pt;
}

.shipcountry h3, .shipcountry h2 {
text-align: left;
}

.shipcountry p {
margin: 10px;
padding: 0;
line-height: 1em;
font-weight: bold;
}

.toppad td{
padding-top: 5px;
}

.saleprice {
color: red;
font-size: .8em;
font-style: italic;
font-weight: normal;
}

.infobttn {
position:relative;
top: 5px;
}

#altorders h3 {
text-align: center;
}

#altorders p {
font-size: 13px;
}

#altorders ul {
margin: 0 30px 0 30px;
padding-left: 0px;
}

#altorders li {
padding-left: 16px;
text-indent: -16px;
font-size: 13px;
margin-top: 8px;
}


#orderonline table.style6 {
color: black;
}

/* 
end orderonline styles 
*/




.featurestable {
margin: 0 auto 0 auto;
width: 720px;
border-collapse: collapse; /*single inside borders instead of 3d*/
border: solid 1px #0000b3;
padding: 10px;
}

.featurestable tr {
background-image: url('../images/table-blue-gradient2.gif');
background-repeat: repeat-x;
background-color: white; /* this should match the color at the bottom of the background gradient image */
/*border-top: solid 1px navy;*/
}

.featurestable td {
border: 0;
padding: 0px 5px 30px 10px;

}

.featurestableimages {
background-image: none;
background: white;/* this should match the color at the bottom of the background gradient image in the 'featurestable tr' selector */
border-top: 0;
}	

/* begin divtable styles */

div.divtable {
width: 90%;
margin: 0 auto 20px auto;
padding: 0 20px 10px 20px;
background-image: url('../images/bottom-clearblue-gradientcorner5.png');
background-repeat: no-repeat;
background-color: white;
background-position: bottom right;
border: solid #bfd9ff; /* #6495ed; #3366cc;*/
border-width: 0 1px 1px 0;
}

div.n {
background-image: url('../images/bottom-clearbrown-gradientcorner5.png');
border: solid #b37639;
border-width: 0 1px 1px 0;
background-position: bottom right;
}

div.divtable h3 {
padding-top: 10px;
}

div.divtable p{
margin-left: 15px; /* 35px */
text-align: justify;
}

div.divtable img {
padding-bottom: 10px;
border: 0;
}

div.divtable a {
text-decoration: none;
}

.divtable .bodyfoot, .divtable .bodyfootdown {
text-align: right;
margin-top:0;
}

div.divtable ul {
margin-top: 5px;
padding-left: 35px;
overflow: auto;
}

div.divtable li {
padding-bottom: 5px;
}

p.pdf {
font-weight: bold; 
font-style: italic;
line-height: 40px;
}

.pdf a {
position: relative;
}

.pdf a:before {
content: url('../images/dlpdf.png');
float: left;
position: relative;
padding-right: 5px;
width: 40px;
height: 40px;
}

.pdf a:hover:before {
content: url('../images/dlpdfh.png');
}

 /* new */
div.divtable-tl {
width: 90%;
margin: 0 auto 20px auto;
padding: 0 20px 10px 20px;
background-image: url('../images/top-clearblue-gradientcorner5.png');
background-repeat: no-repeat;
background-color: white;
background-position: top left;
border: solid #bfd9ff; /* #6495ed; #3366cc;*/
border-width: 1px 0 0 1px;
}

.divtable-tl li{
margin-bottom: 3px;
}

.image-cap {
display: block;
margin: 1em .5em;
float: right;
}

.image-cap .caption .center {
text-align: center;
}

.image-cap .caption {
	text-align: center;
	margin-bottom: 10px;
}


p.indent {
padding-left: 1.5em;
}

p.block {
line-height: 1.4em;
}

h1.center, h2.center, h3.center, h4.center, h5.center, p.center {
text-align: center;
}

#col1a div.divtable-l, #col4 div.divtable-l, #colsingle div.divtable-l, section.divtable-l {
width: 90%;
margin: 0 0 15px 0px;
padding: 1px 0px 10px 20px;
background-image: url('../images/top-clearblue-gradientleft6.png');
background-repeat: no-repeat;
background-color: white;
background-position: top left;
border: solid #bfd9ff;
border-width: 0 0 0 1px;

}

#col4 div.divtable-l {
margin-left: 40px;
padding-left: 20px;
}

#col1a div.divtable-l p, #col4 div.divtable-l p, #colsingle div.divtable-l p {
font-size: .95em;
margin: 0 0 1px 25px;
text-align: left;
text-indent: -15px;
}

#col4 div.divtable-l p {
text-align: justify;
text-indent: 0;
margin-bottom: .9em;
}

#col1a h1 {
margin-bottom: .6em;
}

#col3a div.box2body, #col3b div.box2body {
  text-align: left;
  
}

section.divtable-l {
margin-top: 3em;
}

section.divtable-l h2 {
color: navy;
}

.s h1 {
margin: 0em 2em .5em 2em;
}

#col1a div.divtable ul, #col1a div.divtable ol, #col1a ol, #col1a ul {
color: black;
margin-top: 5px;
padding-left: 35px;
overflow: auto;
}

#col1a div.divtable li {
padding-bottom: 5px;
}

#col4 div.toptext ul {
margin-left: 30px;
}

#col4 div.toptext li {
margin-top: .2em;
}

#col4 th, #col4 td {
color: black;
}

div.blue {
/*margin-top: 3em;*/
margin-bottom: 3em;
border-bottom: solid 1px #bfd9ff;
width: 100%;
/*color: #bfd9ff;
background-color: #bfd9ff;*/
background: url('../images/bottom-clearblue-gradientov.png') no-repeat 50% 83%;
height: 45px;
}

div.blue hr {
  display: none;
}


#dl-note {
	/*border: 1px solid maroon;
	background-color: silver;
	padding: 1em;*/
	position: relative;
	display: block;
	width: 80%;
	margin: 1em auto;
	
}

#dl-note p {
	text-align: left !important;
}



/* begin noteblock styles */

.noteblock {
width: 100%;
position: relative;
background-color: #fff8dc; /*#fff5ee;#ffefd5 #fff1ae; #f0f8ff*/
border: solid #b37639 1px; /* #78aae7*/
padding: 0;
margin: 0 auto 20px auto;
}

.noteblock p {
padding: 0 20px 0px 20px;
text-align: left;
}

.noteblock .bodyfoot {
text-align: right;
margin-top:0;
padding: 5px 20px 10px 0;
}

.noteblock a {
text-decoration: none;
}

#colsingle .noteblock ol {
	margin: 0 20px 0 10px !important;
}

.noteblock2 {
width: 100%;
position: relative;
background-color: #f8dfdf; /*;#fff5ee#ffefd5 #fff1ae; #f0f8ff*/
border: solid maroon 1px; /* #78aae7*/
padding: 0;
margin: 10px auto 10px auto;
}

.noteblock3 {
background-color: #fff8dc;
border: solid #b37639 1px;
padding: 8px 0px;
margin: 20px auto;
}

/* end divtable styles */

li.winlogoicon:after {
content: url('../images/windows-icon24.png');
padding-left: .5em;
}

.twocolumn {
position: relative;
width: 90%; 
margin: 0 auto 0 auto;
}

.divtable3 {
position: relative; 
width: 46%; 
margin: 0 2% 0 2%; 
float: right; 
background-image: url('../images/top-clearblue-gradientleft6.png');
background-repeat: no-repeat;
background-color: white;
background-position: top left;
border: solid #bfd9ff;
border-width: 1px 0 0 1px;
}

.divtable3 p, .divtable5 p {
margin: 1em;
text-align: center;
}

.divtable4 {
position: relative;
width: 60%;
margin: 0 auto 0 auto;
background-image: url('../images/top-clearblue-gradientleft6.png');
background-repeat: no-repeat;
background-color: white;
background-position: top left;
border: solid #bfd9ff;
border-width: 1px 0 0 1px;

}

.divtable4 .notation3 {
font-size: larger;
}

.divtable4 p{
text-align: center;
}

.divtable5 {
position: relative; 
width: 46%; 
margin: 0 2% 0 2%; 

background-image: url('../images/top-clearblue-gradientleft6.png');
background-repeat: no-repeat;
background-color: white;
background-position: top left;
border: solid #bfd9ff;
border-width: 1px 0 0 1px;
}

.aqlogos300 {
/*display: block; 
margin-left: auto; 
margin-right: auto;*/
width: 300px;
height: 208px;
border: 0;
}

.langflag20 {
height: 20px;
width: 30px;
margin-right: 7px;
border: 1px solid #777777;
}

.langflag28 {
height: 28px;
width: 42px;
margin-right: 9px;
border: 1px solid #777777;
}

.boxed {
border: solid 1px red;
margin-top: 1em;
padding: 0 1em 1em 1em;
}

p.blockq {
margin-left: 3em;
margin-right: 3em;
}

.toptext h3 {
color: #990033;
margin-left: 30px;
}

.clear {
clear: both;
}

/* new tooltip */
.infobttn2 {
width: 17px;
height: 19px;
border: 0;
position:relative;
top: 5px;
}
 
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:210px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:3px solid #b37639; background:#fff8dc;}/* #DCA and #fffAF0;*/
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


/* New release banners */
.banner {
margin-left: -25px;
/*margin-top: -8px;*/
}

.itemname, .bold {
font-weight: bold;
}

.itemdesc {
font-size: .9em;
}

.screenshotthumb {
width: 267px;
height: 200px;
float: right;
padding-right: 1em;
padding-left: 2em;
padding-bottom: 2em;
border: 0;
}


#Instructs {
width: 84%;
margin-left: 60px;
position: relative;
/*margin: 0 auto;*/
background-color: #fff8dc;
border: solid #b37639 1px;
padding: 1em;
color: black;
}

.boxg {
width: 45%;
background-color: #f4f4fc;
border: solid silver 1px;
padding: 1em;
position: relative;
}

#dltable {
color: black;
}

#dltable td {
vertical-align: top;
padding: 1em;
background-color: #f4f4fc;
border: solid silver 1px;
width: 50%;
}

#dltable td p {
margin: .7em;

}

a.button {
 width: 80%;
	text-align: center;
  background: #f4f4df;
  border: 1px solid #932030;
  padding: 3px 6px 5px 6px;
  display: block;
  margin: 20px auto 5px auto;
  position: relative;
  /*font-weight: bold;*/
  font-size: 1em;
  color: #932030;
  
  }
  
a.button:hover {
  text-decoration: none;
  color: red;
  background: #f2f2dd;
  
}  

a.buttons {
 	text-align: center;
  background: #f4f4df;
  border: 1px solid #932030;
  padding: 3px 6px 5px 6px;
  /*display: block;*/
  margin: 0px 10px 0px 0;
  
  position: relative;
  /*font-weight: bold;*/
  font-size: 1em;
  color: #932030;
  text-decoration: none;
  }
  
a.buttons:hover {
  text-decoration: none;
  color: red;
  background: #f2f2dd;
}  

a.buttons1, .buttons1, a.buttons2, .buttons2 {
 	position: relative;
 	margin: 0px 10px 0px 0;
 	padding: 7px 10px 9px 10px;
 	text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none !important;
  color: silver;
  background-color: navy;
  border: 2px solid #333333;
  border-radius: 8px;
  /*box-shadow: 4px 4px 5px #555555 !important;*/
}
  
a.buttons1:hover, .buttons1:hover {
  color: white;
  background-color: blue;
}  

a.buttons2, .buttons2 {
  background-color: maroon;
}
  
a.buttons2:hover, .buttons2:hover {
  color: white;
  background-color: #b22222;
}  

input.formbutton2 {
margin: 0px 10px 0px 0;
 	padding: 7px 10px 9px 10px;
 	
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  
  color: silver;
  background-color: maroon;
  border: 2px solid #333333;
  border-radius: 8px;
  box-shadow: 4px 4px 5px #555555;
}

input.formbutton2:hover {
  color: white;
  background-color: #b22222;
} 

#col1 p a.buttons, #col1a p a.buttons, #col5 p a.buttons, #colsingle p a.buttons {
text-decoration: none;
}


.tablefont {
color: black;
}

.faqlist {
/*margin: 0 4em;*/
}

.faqq {
color: black;
font-size: 1.1em;
font-weight: bold;
margin-top: 1em;
}

.faqa {
color: black;
margin-top:.2em;
margin-bottom: 1em;
}

.requirements {
width: 400px;
height: 85px;
padding-left: 15px;
}


/* begin generic classes */

.italic {
font-style: italic;
}

.justify {
text-align: justify;
}

.maroon {
color: maroon;
}

.navy {
color: navy;
}

.blockquote {
margin: .2em 5em;
}

.blockquote p {
text-align: justify;
color: maroon;
}

.fl-l {
	float: left;
}

.fl-r {
	float: right;
}

.pad-pt7 {
	padding: .7em;
}

.w70-pc {
	width: 70%;
}

.va-top {
	vertical-align: top;
}

.va-middle {
	vertical-align: middle;
}

.va-bottom {
	vertical-align: bottom;
}

.os-icon-sm {
	height: 18px;
	width: 18px;
	padding: 0 3px;
	position: relative;
	top: 3px;
}

.os-icon-med {
	height: 30px;
	width: 30px;
	padding: 0 3px;
	position: relative;
	top: 3px;
}


.policy-effective {
	/*margin-top: 6em;*/
	color: red!important;
	/*position: relative;*/

}



/* end generic classes */

/* begin social media bar-icon styles */

#social-icon-bar {
/*width: 80px;*/
width: 51px;
/*height: 200px;*/
/*background-color: white;*/
background-image: url('../images/socialiconbarbottom.png');
background-repeat: no-repeat; 
/*background-attachment: fixed;*/
background-position: left bottom;
position: absolute; 
right: -31px;
z-index: 1000;
margin: 0;
padding: 0;
padding-bottom: 15px;
}

.social-icons-horiz {
height: 90px;
}

p.social-icon-link {
/*margin: 20px 0 20px 28px;*/
margin: 15px 0 15px 16px;
}


.social-icon {
border: 0;
/*width: 29px;*/
width: 24px;


}

p.social-icon-link:hover {
position: relative;
top: -2px;
}


.social-icons-horiz .social-icon-h {
height: 36px;
margin: 18px 8px 0 8px;

}

.social-icons-horiz .social-icon-h:hover {
position: relative;
top: -4px;
}

/* end social media bar-icon styles */




/* Begin style to remove the autofill icon from form fields in Safari browsers
add the autocomplete="off" attribute to the desired input field(s) */

input[autocomplete="off"]::-webkit-textfield-decoration-container {
  display: none;
}
	
	
/* older attempt:
input[autocomplete="off"]::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}
*/

/* End style to remove the autofill icon from form fields in Safari browsers */