/* BASIC LINK COLORS */
a:link { color: #5555BB; text-decoration: none; }
a:visited {color: #9999DD; text-decoration: none; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #0000FF; text-decoration: underline; }

/* LEFT COLUMN LINK STYLES -- WE NEED TO HAVE FOUR CATEGORIES SO A LITTLE "LINK" UNDERSCORE APPEARS TO SHOW THESE ARE HYPERLINKS */
a.wgtlink { 
	color: #CCCCFF; text-decoration: none; 
	font: .85em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 15px; 
}
a.wgtlink:visited {
	color: #000088; text-decoration: none; 
	font: .85em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 15px;  
}
a.wgtlink:hover { 
	color: #000088; text-decoration: underline; 
	font: .85em Verdana, Geneva, Arial, Helvetica, sans-serif;  margin-left: 15px; 
}
a.wgtlink:active { color: #000088; text-decoration: underline; font: .85em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 15px; }

/* LEFT COLUMN HEADLINES */
.wgtlinkhead { color: #8888BB; text-decoration: none; font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 10px; margin-top: 10px; margin-bottom: 0px; }
.wgtcomments { color: #CCCCFF; text-decoration: none; font: .85em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 10px; margin-right: 10px; margin-top: 0px;  }
.wgtcommentssig { color: #CCCCFF; text-decoration: none; text-align: right; font: .85em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 20px; }

/* LEFT COLUMN LINK STYLES -- WE NEED TO HAVE FOUR CATEGORIES SO A LITTLE "LINK" UNDERSCORE APPEARS TO SHOW THESE ARE HYPERLINKS */
a.toplink { color: #AAAAFF; text-decoration: none; font: .82em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 20px; font-weight: bold;}
a.toplink:visited {color: #000088; text-decoration: none; font: .82em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 20px; font-weight: bold; }
a.toplink:hover { color: #000088; text-decoration: underline; font: .82em Verdana, Geneva, Arial, Helvetica, sans-serif;  margin-left: 20px; font-weight: bold;}
a.toplink:active { color: #000088; text-decoration: underline; font: .82em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 20px; font-weight: bold;}

/* BASIC TEXT MATERIAL */
body { 
	margin: 0px; color: #000000; background-color: #081831;;
	font: .85em Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; 
}
.text { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 0.8em; color: black; padding-top: 0px; margin-top: 0px; }
.textsmaller { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 0.7em; color: black; }

.textintro { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 0.8em; color: black; padding-top: 0px; margin-top: 0px; }
.textbody { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 0.8em; color: black; padding-top: 0px; margin-top: 0px; margin-left: 20px; }
.textheadsmall { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 1.4em; color: black; padding-top: 0px; margin-top: 0px; font-weight: bold; }
.textheadlarge { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 2.0em; color: black; padding-top: 0px; margin-top: 0px; font-weight: bold; }
.textindented { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 0.9em; color: black; padding-top: 0px; margin-left: 50px; margin-right: 50px; margin-top: 0px; }

.books1 { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 1.5em; color: gray; line-height:100%; padding-top: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; }
.bookstxt { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 0.8em; color: black; padding-top: 0px; margin-top: 0px; margin-left: 0px; }


.minor { font-family: Verdana, Helvetica; font-size:0.8em; color: red; top-margin: 2px; margin-bottom: 2px;}


/* NEW SETTINGS FOR NOV 2009 LAYOUT */
.xbodytext { font-family: Verdana, Helvetica, "Times New Roman",Times, serif; font-size: 0.8em; color: black; padding-top: 0px; margin-top: 0px; margin-bottom: 5px; }
.xtitletext { font-family: Helvetica, "Times New Roman",Times, serif; font-size: 1.4em; font-weight: bold; color: #000044; padding-top: 0px; margin-top: 0px; }


/* RIGHT MENU THAT APPEARS IN HEADER */
.rightmenu { color: rgb(170,170,230);  font: .8em bold Verdana; background-color: transparent;  text-decoration: none;   position: absolute;  right: 1.5mm;  top: 8ex;   margin: 0;  padding: 0 0.5ex 0 0.25ex; }
.rightmenu a {  color: rgb(230,230,255);  font: bold .85em Verdana, Arial, sans-serif; text-decoration: none; margin-left: 6px; margin-right: 6px; margin-bottom: 0px; }
.rightmenu a:hover {  color: rgb(255,204,51);  text-decoration: underline; }
.rightmenu .highlight {   color: rgb(0,240,0);   font-weight: bold; }

/* DO NOT DISPLAY CLASS */
.doNotDisplay {  display: none; }


/* BASIC HEADLINE STUFF */
h1, .head1 { color: #222266; font: bold 3em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 5px; }
h2, .head2 { color: #222266; font: bold 2.5em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 5px; }
h3, .head3 { color: #222266; font: bold 2em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 3px; }
h4, .head4 { color: #222266; font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 2px; }
h5, .head5 { color: #222266; font: bold 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 0px; }
h6, .head6 { color: #222266; font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 5px; margin-bottom: 0px; }

.lineitem { color: #222266; font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 3px groove #3366CC; margin-bottom: 7px; margin-top: 22px;}

/* TABLES */
table.identifier_resources
  {
  border-color: #600;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-spacing: 0;
  border-collapse: collapse;
  margin-left:20px;
  margin-right:20px;
  }
table.identifier_resources th, table.identifier_resources td
  {
  font-size : 77%;
  font-family : Verdana,Helvetica,Arial,sans-serif;
  background : #efe none; color : #000;
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
  }
table.plottingcharts
  {
  border-color: #B88;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-spacing: 0;
  border-collapse: collapse;
  margin-left:0px;
  margin-right:0px;
  }
table.plottingcharts th, table.plottingcharts td
  {
  font-size : 77%;
  font-family : Verdana,Helvetica,Arial,sans-serif;
  background : #fff none; color : #000;
  border-color: #DB8;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  margin: 2;
  padding: 4px;
  spacing: 4px;
  }
table.restext td
  {
  font-size : 70%;
  font-family : Verdana,Helvetica,Arial,sans-serif;
  }


/* MISCELLANEOUS */
.errorhead { color: #CC0000; font: bold 19px Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid #CC0000;}
li, p, ul { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.error { color: #FF0000; font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.bold { color: #000000; font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.smallhdr { color: #000000; font: bold 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.label { color: #000000; font: bold 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; }
.indent { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 20px; }

.headbig { font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif; font-size: 2.0em; color: #000088; }
.headmed { font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif; font-size: 1.5em; color: #000088; }
.headsml { font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif; font-size: 1.0em; color: #000088; }
.checkout-table { border: 2px solid #99CC99; margin: 8px 0px 5px 5px; }
.checkout-cell { border: 2px solid #FFFFFF; padding: 0px 2px; }
.checkout-table-text { margin-left: 12px; margin-bottom: 6px; margin-top: 2px; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.checkout-table-text-red { margin-left: 12px; margin-bottom: 6px; margin-top: 2px; color: #FF0000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.checkout-table-text-strike { margin-left: 12px; margin-bottom: 6px; margin-top: 2px; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: line-through; }
.checkout-table-bold { color: #000000; font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.checkout-table-dropdown { margin-left: 12px; margin-bottom: 6px; margin-top: 2px; background: #FFFFFF; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.checkout-table-input { margin-left: 12px; margin-bottom: 6px; margin-top: 2px; background: #FFFFFF; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.checkout-table-input { margin-left: 12px; margin-bottom: 6px; margin-top: 2px; background: #FFFFFF; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.checkout-table-stock-info { background-color: #ffffcc; border: 1px solid #FF0000; color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; margin-bottom: 8px; padding: 5px; width: 150px; }
.add-to-cart { padding-top: 10px; }
.add-to-wishlist { padding-top: 10px; padding-bottom: 10px; }
.related { color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }


#product-details-page  .product-social-links {
    line-height: 10px;
}


hr {
    color:#bfbfbf; /*used for IE, top color*/
    background:#bfbfbf; /*firefox and chrome, top color*/
    min-height: 0px;  /*required to get IE to render the top pixel color*/
    border-left: 0px; 
    border-right: 0px; 
    border-top: 1px solid #bfbfbf; /*Your top color*/
    border-bottom: 1px solid #ffffff; /*Your bottom color*/
}




/********** NEW CSS ADDED BY SMK STARTING 17 NOV 2017 **********/

/* Index page and SSI and general styles */
.bclearfix:after {
    content:"";
    display:table;
    clear:both;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
a.blacklink {
	color: #000000;
}
.black {
	color: #000000;
}
.paddingright10 {
	padding-right: 10px;
}
.parent {
	position: relative;
}
.child {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.inlineflex {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.block {
	display: block;
}
a.plain {
	text-decoration: none;
}
a.plain:visited {
	text-decoration: none;
}

div#toprow { 
	background-color: #081831; 
	width: 100% 
}
#header-slogan {
	font-size: .8em;
	color: #FFFFFF;
	padding: 20px;
	padding-top: 50px;
	padding-right: 40px;
}
#wglogo {
	 width: 462;
	 height: 97;
}
div#middlerow {
	width: 100%;
	height: 310px;
}

/* Main menu */
div#mainmenu {
	float: left;
	width: 15%;
}
#leftcolumn div#mainmenu {
	width: 100%;
}
nav.wgtmenu {
	height: 310px;
	width: 100%;
}
ul.wgtmenu {
	width: 100%;
}

/* Yellow news block */
div#newsblock {
	background-color: #FFFF44;
	padding-left: 270px;
	align-items: center;
	background-image: url("./images/news-seasons/seasons-current.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-top: 1em;
	overflow: auto;
	clear: right;
}
div#newsblock.Jan {
	background-image: url("./images/news-seasons/seasons-01-jan.png");
}
div#newsblock.Feb {
	background-image: url("./images/news-seasons/seasons-02-feb.png");
}
div#newsblock.Mar {
	background-image: url("./images/news-seasons/seasons-03-mar.png");
}
div#newsblock.Apr {
	background-image: url("./images/news-seasons/seasons-04-apr.png");
}
div#newsblock.May {
	background-image: url("./images/news-seasons/seasons-05-may.png");
}
div#newsblock.Jun {
	background-image: url("./images/news-seasons/seasons-06-jun.png");
}
div#newsblock.Jul {
	background-image: url("./images/news-seasons/seasons-07-jul.png");
}
div#newsblock.Aug {
	background-image: url("./images/news-seasons/seasons-08-aug.png");
}
div#newsblock.Sep {
	background-image: url("./images/news-seasons/seasons-09-sep.png");
}
div#newsblock.Oct {
	background-image: url("./images/news-seasons/seasons-10-oct.png");
}
div#newsblock.Nov {
	background-image: url("./images/news-seasons/seasons-11-nov.png");
}
div#newsblock.Dec {
	background-image: url("./images/news-seasons/seasons-12-dec.png");
}
#newsblock h1 {
	margin: 0px;	
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	padding-bottom: .5em;
}
#newsblock h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}
#newsblock p {
	padding: 4px;
	margin: 0px;
	font-size: 1em;
}
#newsblock a {
	color: #0000DD;
}

.newsimage {
	float: right;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;	
	height: 90%;
}
.newsimage img {
	max-height: 200px;
}


/* Index page main content area */
div#maincontent {
	width: 100%;
	background-color: #081831;
}
div#leftcolumn {
	width: 15%;
	clear: left;
	float: left;
}
div#leftcolumn li {
	font-size: 1em;
}
div#middlecolumn {
	width: 70%;
	float: left;
}
div#rightcolumn {
	width: 85%;
	float: left;
}
div#featured-products {
	float: left;
}
div.featured-products-group {
	padding-top: 4px;
	padding-bottom: 4px;
	height: auto;
}
.featured-products-group h1 {
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 8px;
}
.productbox img.productimage {
	height: 15em;
	width: auto;
	padding: 8px;
	padding-right: 2em;
}
.productbox p {
	overflow: hidden;
	font-size: 1em;
	margin-top: 4px;
}
div#software-products {
	background-color: #AA8800;
}
div#book-products {
	background-color: #44AA44;
}
div#data-products {
	background-color: #0088AA;
}
div#training-products {
	background-color: #EEAA00;
}
div#other-products {
	background-color: #AA8800;
}
div.productbox {
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 5px;
	font-size: .85em;
}
.productbox div.xtitletext {
	font-size: 2em;
}
div.bookproductinfo {
	float: left;
	width: 33%;	
	padding-bottom: 4px;
}
img.bookproductimage {
	 float: left;
	 padding: 4px;
}

/* Gray Extras column on right of index page */
div#rightnewsitems {
	float: left;
	background-color: #cccccc;
	padding: 0px 4px 4px 4px;
	margin: 0px 4px 0px 4px; 	
}
.rightnewshead {
	text-decoration: none; 
	font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-top: 10px; 
	margin-bottom: 0px;
	padding-top: 4px;
}

/* customer comments on index page */
div#customer-comments {
	clear: left;
	padding: 4px;
}

/* copyright, appears on bottom of all pages */
div#copyright {
	color: #FFFFFF;
	background-color: #081831;
	font-size: .85em;
	text-align: center;
	width: 100%;
	clear: right;
	padding-top: 10px;
}

/* product page styles */
.productpagecontent {
	width: 85%;
	float: left;
	background-color: #FFFFFF;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.productpagecontent h1 {
	padding-left: 20px;
	color: #AAAAAA;
	font: 3.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.productpagecontent h2 {
	padding-left: 20px;
	color: #AAAAAA;
	font: 1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.productpagecontent table {
	margin: auto;
}
.productpage-left-col: {
	width: 15%;
}
.innerproductpagecontent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 20px;
}
.innerproductpagecontent h2 {
	padding-left: 0px;
}
.two-col-product-content .product {
	width: 45%;
	padding: 20px;	
}
.two-col-product-content .product img {
	width: 300px;
	display: block;
	margin: auto;
	border: 0px;
}
.product-page-intro-text {
	padding: 0px 20px 20px 20px;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#bookpagecontent {
	padding-bottom: 20px;
}
#da-pagecontent {
	padding: 40px;
	font-size: 1em;
}
#da-pagecontent h1 {
	padding-left: 0px;
}
#da-pagecontent table.checkout-table {
	margin-left: 20px;
}
#table.da-screenshots {
	width: 70%;
}
#table.da-screenshots td {
	padding-right: 10px;
}
#chasing-pages {
	width: 100%;
	float: left;
}
.special-offer {
	float: left;
	padding-right: 4px;
}
.fcstlab-imageblock {
	width: 50%;
	padding-bottom: 4px;
	float: left;
}
.fcstlab-imageblock img {
	max-width: 95%;
}