@charset "utf-8";



/***********************/
/* BROWSER RESETS      */
/***********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
h1 em .greenitalic {
}
abbr, acronym {
	border: 0;
}
em {
	font-style: italic;
	font-weight: inherit;
	font-size: inherit;
}
strong {
	font-weight: bold;
	font-style: inherit;
	font-size: inherit;
}


/***********************/
/* PAGEWIDE            */
/***********************/
body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background: #E4DFD9;
	text-align: center;
}
.page #container {
	display: block;
	width: 82.000em;
	background: white;
	margin: 0 auto;
	text-align: left;
}

a:link, a:visited {
	color: #426B9C;
	text-decoration: none;
}
a:hover {
	color: #B77F10;
	text-decoration: none;
}
a:active {
	color: #B77F10;
	text-decoration: none;
}


p {
	margin: 1em 0;
	font-size: 12px;
	color: #33333;
}
blockquote { display: block; margin: 1em 1.818em; font-size: 1.727em; font-weight:bold; color: #999999; /* dark blue color */ }
address { display: block;  font-style: italic;}
h1 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #426B9C;
	margin: 1.25em 0 0 0;
	text-align: center;
}
h2 {
	display: block;
	font-size: 1.15em;
	font-weight: bold;
	margin: 1em 0 0 0;
	color: #426B9C;
	text-align: center;
}
h3 { display: block;  font-size: 1.273em;  font-weight: bold;  margin: .5em 0 0 0;}
h4 { display: block;  font-size: 1em;  font-weight: bold;  margin: .5em 0 0 0;}

.reditalic {
	color: #f16549;
}
.greenitalic {
	color: #3fa860;
}
.quotation {
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 0;
	color: #426B9C;
}
.quotation_attrib {
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 0;
	color: #426B9C;
	text-align: right;
	letter-spacing: 1px;
}

.quotation_p {
	display: block;
	font-size: 1em;
	margin-top: 1em;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 0;
	text-align: right;
}

.quotation_2 {
	display: block;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 0;
	color: #426B9C;
}




/***********************/
/* HEADER BOX          */
/***********************/
.page #headerbox {
	display: block;
	position: relative;
	top: 0;
	left: auto;
	height: 9.545em;
	background: #DDDDDD;
	border: 1px solid #426B9C; /* dark blue color */
	border-bottom-style: none;
	width: 81.818em;
}
.page #headerbox #hb-1 {
	display: inline;
	float: left;
	height: 9.545em;
}
.page #headerbox #hb-2 {
	display: block;
	float: left;
	position: relative;
	width: 58.62em;
	height: 9.545em;
	background: #1355AD url(images/b1b.gif) repeat-x;
}
.page #headerbox #hb-2a{
	display: block;
	float: left;
	height: 7.091em;
}
.page #headerbox #hb-2b{
	display: block;
	float: left;
	width: 57.6em;
	height: 2.45em;
	z-index: 2000;
	list-style-type: none;
	text-align: center;
}
.page #headerbox #hb-2a1{
	display: block;
	float: left;
	width: 43.62em;
	height: 7.09em;
	padding: 0;
	margin: 0;
}
.page #headerbox #hb-2a2{
	display: block;
	float: right;
	width: 15em;
	height: 7.09em;
	padding: 0;
	margin: 0;
}
#linkbox {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 11.5em;
	height: 5em;
	margin-top: 1.04em;
	padding-left: 2em;
	padding-right: 1em;
	border-left: #999 1px solid;
	font-weight: bold;
}

#linkbox .linklist {
	font-size: 1.000em;
	color: #B77F10; /* gold-tan color */
	font-weight: bold;
	line-height: 1.273em;
	list-style-type: disc;
	margin: 0 0 1em 0;
}
#linkbox .linklist ul {
	list-style-position: inside;
	padding-left: 1.364em!important;
}
#linkbox .linklist ul li {
	color: #426B9C; /* dark blue color */
	text-indent: -1.364em!important;
	font-weight: bold;
	padding-top: 0.5em; /* added */
}
#linkbox .arrowbullet ul {
	list-style-image: url(images/bullet-triangle-gold.png);
}

.topmenuitem {
	padding-right: 2px;
	padding-left: 2px;
}
/***********************/
/* MAIN BOX            */
/***********************/
.page #mainboxback {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background: white url("images/mb-bk.gif") repeat-x top center;
	border: 1px solid #426B9C; /* dark blue color */
	border-top-style: none;
	height: auto;
}
.page #mainbox {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	background: transparent url("images/vertstripe.png") repeat-y top left;
	width: 81.818em;
	height: auto;
	overflow: auto;
	z-index: 5;
}
.page #mainbox #navpanel {
	display: inline;
	float: left;
	top: 0;
	left: 0;
	position: relative;
	background: transparent;
	font-weight: bold;
	width: 20em;
	padding: 1.818em 1.364em 1.818em 1.818em; /* 1.818em 1.364em 1.818em 1.818em; */
	z-index: 5;
}
.page #mainbox #contentpanel {
	display: inline;
	float: left;
	position: relative;
	background: transparent;
	width: 37.72em;
	padding: 1.364em 1.818em 1.364em 2.273em;
	z-index: 5;
}
.page #mainbox #sidepanel {
	display: inline;
	float: left;
	position: relative;
	background: transparent;
	width: 16.364em;
	padding: 2.273em 0.44em 1.364em 0;
	z-index: 5;
}
#mainbox #contentpanel ol, #mainbox #contentpanel ul,
#mainbox #sidepanel ol, #mainbox #sidepanel ul {
	list-style:none;
	list-style-position: inside;
	margin-top: 1em;
	/*margin-left: 1.364em; remove for now */
	text-indent: 1.364em;
}
#mainbox #contentpanel ul,
#mainbox #sidepanel ul {
	list-style-type: disc;
}
#mainbox #contentpanel ol,
#mainbox #sidepanel ol {
	list-style-type: decimal;
}
*.floatsplitter {
	height: 1%;
	background: transparent;
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

*.blockspacer {
	padding-bottom: 1.818em;
}

#mainbox a:link,
#mainbox a:visited,
#mainbox a:hover,
#mainbox a:active {
	text-decoration: none;
	font-weight: bold;
}

.featurebox {
	border:#c7eafb
}


/***********************/
/* FOOTER BOX          */
/***********************/
.page #footerbox {
	padding: 1.818em;
	background: #E4DFD9;
	color: #666666;
	text-align: center;
	vertical-align: middle;
}
.page #footerbox p {
	margin: 0;
	padding: 0.909em 0;
}
#footerbox a:link, #footerbox a:visited, #footerbox a:hover {
	color: #426B9C;
	text-decoration: none;
}
#footerbox a:hover, #footerbox a:active {
	color: #B77F10;
	text-decoration: none;
}


/***********************/
/* LEFT NAVBAR         */
/***********************/

#navpanel ul {
	list-style:none;
}

#navpanel .linklist {
	font-size: 1.000em;
	color: #B77F10; /* gold-tan color */
	font-weight: bold;
	line-height: 1.273em;
	list-style-type: disc;
	margin: 0 0 1.364em 0;
}
#navpanel .linklist ul {
	list-style-position: inside;
	padding-left: 1.364em!important;
}
#navpanel .linklist ul li {
	color: #426B9C; /* dark blue color */
	text-indent: -1.364em!important;
	font-weight: bold;
}
#navpanel .blankbullet ul {
	color: #426B9C; /* dark blue color */
	list-style-type: none;
	padding-left: 0.909em;
	text-indent: 0;
}
#navpanel .dotbullet ul {
	color: #426B9C; /* dark blue color */
	list-style-type:disc;
}
#navpanel .arrowbullet ul {
	list-style-image: url(images/grey-bullet-triangle.png);
}

#navpanel a:link,
#navpanel a:active,
#navpanel a:visited {
	color: #426B9C; /* dark blue color */
	text-decoration: none;
}
#navpanel a:hover {
	color: #B77F10;
	text-decoration: none;
}

#navpanel .navad {
	margin: 0 0.909em 0.909em -0.455em;
}

#navpanel *.arrowbullet *.curpage {
	list-style-image: url(images/bullet-triangle.png)!important;
	color: black!important;
}


/***********************/
/* SEARCH FORM         */
/***********************/
#search_form{
	display: inline;
	width: 18.182em;
	margin: 0;
}
#searchbar {
	width: 18.182em;
	margin-bottom: 1.364em;
}
#searchfield {
	display: inline;
	float: left;
	width: 13.636em;
	height: 2.636em;
}
#gobutton {
	overflow:hidden;
	width: 2.727em;
	height: 2.636em;
	background: url("images/rollgo.gif") no-repeat 0 0;
	margin-left: 0.455em;
}
#gobutton.over {
	overflow:hidden;
	width: 2.727em;
	height: 2.636em;
	background: url("images/rollgo.gif") no-repeat 0 -2.636em;
	margin-left: 0.455em;
}
p.hidden {
	display:none;
}
#advancedsearch {
	display: inline;
	font-size: 0.909em;
	color: #003366;
	line-height: 1.273em;
	text-align: left;
}

*.author {
	color: #666666; /* was #333333 */
	font-weight: bold; /* was normal */

}
p + p.author {
	margin: -1em 0 0 0;
}
h2 + p.author, h3 + p.author, h4 + p.author {
	margin: 0;
}

/***********************/
/* FORMS & ERROR MSGS  */
/***********************/

/* ==================================================================================== div.formerrors  .formerrors
There is no need to make form errors a subclass of the div tag, so I removed this requirement.
======================================================================================= */
.formerrors {
	position: relative;
	left: 0.909em;
	margin-top: 0.364em 0.818em 0.364em 0.818em;
	padding: 0.455em 0.455em;	background-color: rgb(255,255,103);
	color: rgb(0,51,255);
	font-weight: normal;
	font-size: 1.118em;
	line-height: 1.273em;
	border: solid black 1px;
	width: 30.364em;
}

.fieldbad {
	background-color: rgb(255,255,103);
	border-top: solid rgb(128,0,0) 0.182em;
	border-left: solid rgb(128,0,0) 0.182em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.13em;
	color: rgb(0,51,255);
	line-height: 1.182em;
}

/*************************/
/* LEGACY CSS CONVERSION */
/*************************/

img.rightpic {
	margin: 0 0 2em 2em;
}

img.leftpic {
	margin: 0 2em 2em 0;
}

.search {
	font-size: 1em;
	color: #999999;
}

/* ==================================================================================== link  primelink

Normally, the legacy class called "quotes" would be a standard XHTML tag called "blockquotes"
but for compatability I am sticking with your "quotes" name to denote this class.

======================================================================================= */
.quotes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.436em;
	color: #666666;
	font-weight: normal; /* was bold */
	font-style: italic; /* was normal */
}

/* ==================================================================================== link  primelink

There was a class called "link". This is redundant, as all "a" tags are links. So I created
a class called "primelink" to indicate a link of particular importance.

======================================================================================= */
*.primelink {
	font-weight: bold;
	text-decoration: underline;
}


/* ==================================================================================== noteworthy  noteworthy

There was a class called "noteworthy". This doesn't refer to the content. It appears
that this is meant to indicate text of some significance. Usually, we use the <em> emphasis
tag for that, or <strong> tag. Without a clear indicator as to what noteworthy styled
text is trying to indicate, it is not a good class. I am renaming this class to "noteworthy" 
because it appears to be used to call a user's attention to a class of items of some importance.

======================================================================================= */
.noteworthy {
	font-weight: bold;
	color: #003366;
}

/* ==================================================================================== urgent  urgent,  veryurgent  veryurgent

The "urgent" and "veryurgent" tags suffer from some of the same problems as 
"noteworthy". Also, these tags really shouldn't be using "body" in their names. 
This class of item appeared predominantly to be used to indicate items on forms or other
text that needed the more immediate attention of the user. Thus, I am renaming this class
 to "urgent" and "veryurgent"

======================================================================================= */
*.urgent {
	color: #CC0000;
}
*.veryurgent {
	font-weight: bold;
	color: #CC0000;
}

/* ==================================================================================== page_header_blue  h2 (or sometimes h3)
/* ==================================================================================== subheader_blue  h3
/* ==================================================================================== page_header_black  h2 (or sometimes h3)
/* ==================================================================================== subheader_black  h3
The page_header and subheader tags have been converted to true h2 and h3 header tags.
======================================================================================= */



/* ==================================================================================== li  outside.li

The old list style class had a few peculiarities about it. To use the old style of list
with the outside list positioning, we can use this "outside" class of list item.

======================================================================================= */
outside.li {
	font-size: 1.09em;
	font-style: normal;
	list-style-type: disc;
	color: #333333;
	list-style-position: outside;
}



/* ==================================================================================== bulleted_list_blue  removed. Previous content re-classed as "noteworthy" 
This class was used only on a single page "publisher\publisher.htm". The tag also showed no
indication as to the meaning of the content it referred to, so was removed. Because it 
appeared to follow the new convention, I retagged this list as "noteworthy", giving it
the blue color and bold properties that the original "bulleted_list_blue" class had, while
conforming to the new standards.
======================================================================================= */




/* ==================================================================================== numbered_list  #contentpanel ol 
/* ==================================================================================== numbered_list li  #contentpanel ol li 
/* ==================================================================================== ul
/* ==================================================================================== ul li 
The numbered list class is redundant to the standard ol (ordered list) class of XHMTL.
Because of this, I set all standard ordered lists to take on the characteristics of this
numbered list class I found in the legacy stylesheet.

These same basic spacing guidelines are applied to ul (unordered/bulleted lists) and
their subsequent list items.
======================================================================================= */
#contentpanel ul,
#contentpanel ol {
	list-style-position: outside;
	padding-left: 2.27em;
}
.bottommargin {
	margin-bottom: 20px;
	margin-left: 10px;
}
#contentpanel ul li,
#contentpanel ol li {
	list-style-position: outside;
	padding-left: .23em;
	padding-bottom: .45em;
	text-indent: 0em;
}

#contentpanel ul.checklist {
	list-style-image: url(images/checkmark.jpg);
}
#contentpanel ul.checklist li {
	list-style-image: url(images/checkmark.jpg);
}

ul.topics {
	list-style-position: outside;
	padding-left: .46em;
	list-style-image: none;
	list-style-type: none;
}
ul.topics li {
	list-style-position: outside;
	padding-left: 0em;
	padding-bottom: 0em;
	text-indent: 0em;
	list-style-image: none;
	list-style-type: none;
}

#mainbox #sidepanel ul.simplelist, #mainbox #sidepanel ul.simplelist li {
	list-style-position: outside;
	padding-left: .45em;
	padding-bottom: 0em;
	text-indent: 0em;
}

.view-container-border {
	background-color: #426b9c!important;
}
.righttext {
	text-align: right;
}

.txtbox1{
	border: 1px solid #1355ad;
	box-shadow: 1px 1px 1px #1355ad;
	width: 88%;
	height: auto;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 25px;
}

.txtbox2{
	border: 2px solid #1355ad;
	width: 96%;
	height: auto;
	padding-left: 7px;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.txtbox3{
	border: 1px solid #1355ad;
	width: 94%;
	height: auto;
	padding-left: 7px;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.txtbox4{
	border: 2px solid #1355ad;
	width: 94%;
	height: auto;
	padding-left: 7px;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#hb-2a1 p {

	font-family: georgia, serif;
	font-size: 130%; !important;
	color:#4d74a2;
	line-height: 1em;
	max-width: 480px; !important;
}
.quote-hide {
	display: none;
}
.quote-box {
	text-align: center;
	padding: 0em;
}
cite {
	color: #999;
}


.linkButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d78f00), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #d78f00 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #d78f00 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #d78f00 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #d78f00 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #d78f00 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d78f00', endColorstr='#ffab23',GradientType=0);
	background-color:#d78f00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
}
.linkButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #d78f00));
	background:-moz-linear-gradient(top, #ffab23 5%, #d78f00 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #d78f00 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #d78f00 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #d78f00 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #d78f00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#d78f00',GradientType=0);
	background-color:#ffab23;
}
.linkButton:active {
	position:relative;
	top:1px;
}

.linkButton:link {
	color: #efefef; !important;
	text-decoration: none;
}

.linkButton:visited {
	color: #efefef; !important;
	text-decoration: none;
}

/* Grow */
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	transition-duration: 0.3s;
	transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
	transform: scale(1.05);
}

/*----- Christmas Style -----*/

#xmas2018shipping{
	/*border: dashed red 1px;*/
	background-color: #A2CFA2;
	padding: 1.25em 0;
	max-width: 90%;
	margin: 2.25em auto 0;
	color: #003100;
	position: relative;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
#xmas2018shipping .inner-box{
	max-width: 85%;
	margin: auto;
}
#xmas2018shipping .title{
	color: #4D0000;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 12px;
	text-align: center;
}
#xmas2018shipping p{
	font-size: 12px;
	margin: 0;
	text-align: left;
}
body #xmas2018shipping ul{
	padding-left: 0;
}
body #xmas2018shipping ul li{
	font-size: 12px;
	list-style: none;
	padding-left: 0;
	text-align: left;

}
#xmas2018shipping .date{
	color: #4D0000;
	font-weight: 700;
}
.holly {
	position: absolute;
	top: -1.75em;
}

.holly img {
	width: 50px;
}

.holly.holly2 {
	right: -1.75em;
}

.holly.holly1 {
	left: -1.75em;
}
.holiday-schedule{
	border-top: 1px solid #003100;
	margin-top: 5px;
	padding-top: 8px;
}
#xmas2018shipping .holiday-schedule-title{
	color: #4D0000;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	/*text-align: center;*/
}