/* CSS Document */

html, body, #wrap {height: 100%; background: #717DBC;} /* medium blue-purple background */
/* html{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.3em; color:#282828;} */

body {width:897px; margin:0 auto; text-align:left; border-style:none ridge none ridge; border-color:#C4C4FF; border-width:0 2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.72em; line-height:1.333em; color:#282828;}

body > #wrapper {height: auto; min-height: 100%; background: #ffffff; } /* central wrapper for space above sticky footer */

/* ========================= common style ====================== */
/* colors

   main background: #717DBC medium blue-purple
   main background: #9BA6E6 light blue-purple
   paragraph text font color: #282828 dark grey
   bold text font color: #404040 dark grey
   banner title font color: #3A316F 2+ DarkSlateBlue
   header font color: #483D8B DarkSlateBlue 
   links on light bg: #CC3700 dark orange-red
   menu links on dark bg: #FF7D4D light orange-red
   1-pixel borders: #FFA280 light orange-red
   table header background color: 
   
 */
img {vertical-align:top;}
a img { border:0;}
ul {list-style:none;}

.left {float:left;}
.right {float:right;}
.clear  {clear:both;}
.center {text-align:center;}

input, select {vertical-align:middle; font-weight:normal;}

a {color:#CC3700; outline:none; text-decoration:none; }
a:hover{text-decoration:underline;}

p {margin:10px 0 0 0; padding:8px 0 0 0; font-size:1.0em; line-height:1.333em; color:#282828;}

h1{margin:10px 0 0 0; padding:8px 0 0 0; font-size:1.8em; line-height:1.333em; color:#483D8B;}
h2{margin:10px 0 0 0; padding:8px 0 0 0; font-size:1.6em; line-height:1.333em; color:#483D8B;}
h3{margin:10px 0 0 0; padding:8px 0 0 0; font-size:1.4em; line-height:1.333em; color:#483D8B;}
h4{margin:10px 0 0 0; padding:8px 0 0 0; font-size:1.2em; line-height:1.333em; color:#483D8B;}
h5{margin:10px 0 0 0; padding:8px 0 0 0; font-size:1.1em; line-height:1.333em; color:#483D8B;}
h6{margin:10px 0 0 0; padding:8px 0 0 0; font-size:1.0em; line-height:1.333em; color:#483D8B;}
 
cite{display:block; font-style:normal;}
strong{display:block; color:#8ebd00;}
pre {font-family:Courier New, Courier, monospace; font-size: 1.0em;}

.bigquote{padding:0 0 5px 0; font-weight:bold; font-size:1.4em; line-height:1.333em; color:#888888;}
.citation{padding:0; font-size:0.9em; line-height:1.3em; color:#888888;}

.codesnip {background: #f1f5f9 none repeat scroll 0%; margin: 10px 0 8px 0; padding: 8px 8px; border: 1px solid #c7cfd5;}

.verbatim {padding: 0; font-family:Courier New, Courier, monospace; font-size: 1.0em;}

.verdana-sl {padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em;}

.weblink a{padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color:#CC3700; outline:none; text-decoration:none;}

/* ===================== common header w/ nav menu ====================== */

#header {width:100%; overflow:visible; height:100px; background: #ffffff;}
#header .right{text-align:left;}
#header .logo{float:left; padding: 2px 10px 5px 10px;}


/* ============================= main layout ====================== */

#main {background: #ffffff; padding:5px 0px 50px 0px;}  /* padding bottom must be same height as the footer */

/* ====== CLEAR FIX - used to get footer to stick in Google Chrome - used as class in main div ====== */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ============================= home page banner ====================== */

#big-banner{width:100%; z-index:10; overflow:hidden; clear:both; background:url(images/big-header-bg.png) top no-repeat; }
#big-banner .slogan{padding:40px 0 0 604px;}

/* ============================= sub-page banner ====================== */
/* banner title font color #3A316F 2+ DarkSlateBlue */
#small-banner{width:100%; z-index:20; overflow:visible; clear:both; background:url(images/small-header-bg.png) top no-repeat;  border-top:solid 1px #999999; border-bottom: solid 1px #999999;} 
#small-banner .title{display:block; float:left; padding:10px 0px 0px 10px; font-size:1.5em; font-weight:bold;  color:#3A316F;}

/* ====================== sub-page tabs - overlaps banner ====================== */

.tabs {list-style:none; overflow:visible; z-index:850; padding:0px 0 0 165px; margin:39px 10px 0px 0;}

.tabs li {display:block; float:left; margin:0;}
.tabs li a {position:relative; text-decoration:none;}

.tabs li a b.p1 {width:18px; height:28px; float:left; background:url(images/normal_l.png);}
.tabs li a b.p2 {height:28px; float:left; background:url(images/normal_m.png) repeat-x; padding:2px 3px 0 5px; text-align:center; line-height:26px; text-decoration:none; font-weight:bold; font-size:1.0em; color:#FFFFFF;}
.tabs li a b.p3 {width:18px; height:28px; position:relative; float:left; z-index:100; background:url(images/normal_r.png);}

.tabs li a.m1 {z-index:600;}

.tabs li a:hover,
.tabs li a:focus,
.tabs li a:active
{border:0; z-index:700;}
.tabs li a:hover b.p1,
.tabs li a:focus b.p1,
.tabs li a:active b.p1
{position:relative; z-index:100; background:url(images/hover_l.png); cursor:pointer;}
.tabs li a:hover b.p2,
.tabs li a:focus b.p2,
.tabs li a:active b.p2
{position:relative; z-index:100; background:url(images/hover_m.png) repeat-x; font-weight:bold; color:#FFA280; text-decoration:underline; cursor:pointer;}
.tabs li a:hover b.p3,
.tabs li a:focus b.p3,
.tabs li a:active b.p3
{position:relative; z-index:100; background:url(images/hover_r.png); cursor:pointer;}

.tabs li a.selected {z-index:800;}
.tabs li a.selected b.p1,
.tabs li a:hover.selected b.p1,
.tabs li a:active.selected b.p1
{position:relative; z-index:200; background:url(images/select_l.png); cursor:default;}
.tabs li a.selected b.p2,
.tabs li a:hover.selected b.p2,
.tabs li a:active.selected b.p2
{position:relative; z-index:200; background:url(images/select_m.png) repeat-x; font-weight:bold; color:#483D8B; text-decoration:none; cursor:default;}
.tabs li a.selected b.p3,
.tabs li a:hover.selected b.p3,
.tabs li a:active.selected b.p3
{position:relative; z-index:200; background:url(images/select_r.png); cursor:default;}

/* ============================= home page content ====================== */

.headlines {overflow:hidden; margin:0 10px 0 10px;}
.headlines .image-center{text-align:center;}
.headlines .image-left{float:left;}

.headlines .announce{font-size:1.2em; font-weight:bold; line-height:1.5em; color:#404040 ;}
.headlines .announce-big{font-size:1.4em; font-weight:bold; line-height:1.55em; color:#404040;}
.headlines .announce-small{font-size:0.90em; font-weight:bold; line-height:1.7em; color:#404040 ;}
.headlines .ibc{margin-top:26px;}
.headlines .nab{float:left;  text-align:center; margin: 0 0 0 10px; padding:25px 0 20px 30px;}

.headlines .about-text{float:left;  background:url(images/swirl-large.png) no-repeat center left; margin: 0 0 0 10px; padding:12px 0 20px 52px; font-size:1.2em; font-weight:bold; color:#404040;}
.headlines .news-header {margin:0; padding:5px 0 0 10px; font-weight:bold; font-size:1.4em; line-height:1.333em; color:#483D8B;}
.headlines .news-item {margin:10px 60px 0 12px; padding-left:10px; display:inline-block; background:url(images/link-bg.png) no-repeat 0 4px; font-weight:normal; font-size:1.0em; line-height:1.333em; color:#CC3700;}
.headlines .news-tbl {margin:0; padding:10px 0 0 10px; }

.headlines .col-1 {margin:10px 0 10px 0;}
.headlines .col-1 .links a, .boxes .col-1 .links{ color:#ec8500;}

.headlines .col-2 {border-left:solid 1px #FFA280; margin:10px 0 0 0;}
.headlines .col-2 .links a, .boxes .col-2 .links{ color:#ec8500;}

.spotlights { margin:10px 10px 10px 10px; overflow:hidden;}

.spotlights .top-border{padding:0 0 0 0; border-top:solid 1px #FFA280;} 
.spotlights .spot-img {margin:0 18px 0 0; float:left;}

.spotlights .col-1 {float:left; margin:15px 10px 15px 10px; padding:0px 0px 0px 0px;}
.spotlights .col-1 .links a, .boxes .col-1 .links{ color:#ec8500;}

.spotlights .col-2 {float:left; border-left:solid 1px #FFA280; margin:15px 0 15px 0; padding:0 10px 0 15px;}
.spotlights .col-2 .links a, .boxes .col-2 .links{ color:#ec8500;}

.spotlights .col-3 {float:left; border-left:solid 1px #FFA280; margin:15px 0 15px 0; padding:0 10px 0 15px;}
.spotlights .col-3 .links a, .boxes .col-3 .links{ color:#ec8500;}

.spottext span{ font-size:1.0em; font-weight:bold; display:block; color:#404040; background:url(images/link-bg.png) no-repeat 0 3px; padding-left:12px; padding-bottom:5px; margin-left:82px;}
.spottext .title-link{ color:#483D8B;}
.spottext .more-link{ color:#CC3700; font-weight:normal; display:inline-block; background:url(images/link-bg.png) no-repeat 0 4px; margin-left:4px; padding-left:10px;}

#news-table {border-collapse:collapse; border:0; background-color:transparent; } 

#news-table td {text-align:left; margin 0; padding:2px 1px; border:0; background-color:transparent; color:#3D3D3D; font-size:1.2em;}

#news-table .text a, .news-table .text a:visited {color:#CC3700; text-decoration:none;}
#news-table .text a:hover {color:#CC3700; text-decoration:underline;}

#news-table .img a, .news-table .img a:visited {text-decoration:none;}
#news-table .img a:hover {text-decoration:none;}

#news-table .img-left {padding:0 10px 0 8px;}
#news-table .img-right {padding:0 8px 0 5px;}

/* ============================= sub-page content ====================== */

#sub-page {overflow:hidden; width:100%; clear:both; border:none; margin:3px 0 0 0; padding:0 0 15px 0; }

#sub-page p{font-size:1.0em; margin:0; padding:12px 0 0 0;} 

#sub-page .no-col{float:left; margin:10px; padding:0;}

#sub-page .col-1 {float:left; margin:0 0 0 10px; padding:5px 10px 30px 0}

#sub-page .col-2 .h3 {padding:8px 0 5px 0; font-weight:bold; font-size:1.4em; line-height:1.333em; color:#483D8B;}

#sub-page .col-1 .h4 {padding:8px 0 0 0; font-weight:bold; font-size:0.95em; line-height:1.333em; color:#483D8B;} 

#sub-page .col-2 {z-index:90; float:left; margin:0; padding:5px 10px 30px 10px;}

#sub-page .col-2 .top-h3 {padding:12px 0 5px 0; font-weight:bold; font-size:1.4em; line-height:1.333em; color:#483D8B;}

#sub-page .col-2 .top-h4 {padding:12px 0 0 0; font-weight:bold; font-size:1.2em; line-height:1.333em; color:#483D8B;}

#sub-page .col-2 .h4 {padding:20px 0 0 0; font-weight:bold; font-size:1.2em; line-height:1.333em; color:#483D8B;}

#sub-page .col-2 .news-head {margin:0 0 0 0; padding:15px 0 0 0; font-weight:normal; font-size:1.0em; line-height:1.333em; color:#CC3700;}
#sub-page .col-2 .news-text {margin:0 0 0 18px; padding:4px 0 0 0; font-weight:normal; font-size:1.0em;}

#sub-page .col-2 .bullets ul {list-style-type: disc; list-style-position:outside; margin:0 0 0 18px; padding:0 0 0 10px;}
#sub-page .col-2 .bullets li {padding:10px 0 0 0; }

#sub-page .col-2 .sub-bullets ul {list-style-type: circle; list-style-position:outside; margin:0 0 0 8px; padding:0 0 0 1.2em;}
#sub-page .col-2 .sub-bullets li {padding:10px 0 0 0; }

#sub-page  .more-link{ color:#CC3700; font-weight:normal; display:inline-block; background:url(images/link-bg.png) no-repeat 0 4px; margin-left:4px; padding-left:10px;}

#sub-page .vert-menu{margin:0 0 10px 0;}
#sub-page .vert-menu ul {list-style-type:none; margin:0; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; }

#sub-page .vert-menu li {display:block; padding-top:8px; padding-right:20px; }
#sub-page .vert-menu .page-link {display:inline-block; background:url(images/small-link-bg.png) no-repeat 0 4px; margin:0px 10px 0 0; padding:1px 0 0 10px; font-weight:normal; font-size:0.95em; line-height:1.2em; color:#CC3700; }
#sub-page .vert-menu .page-selected{display:inline-block; padding:1px 10px 0 10px; font-weight:normal; font-size:0.95em; line-height:1.2em; color:#483D8B;}



/* tables 
header: blue gradient
light blue border c0c8fa
*/
.flt-block-left {display:block; float:left; width:auto; margin:10px 10px 10px 0px; padding:0; border:0;}

.flt-block-right {display:block; float:right; width:auto; margin:15px 0px 50px 15px; padding:0; border:0; }

/* #c-table {border-collapse:collapse;
border-bottom:1px solid #c0c8fa; border-right:1px solid #c0c8fa; border-left:1px solid #c0c8fa; border-top:0; background:url(images/blue-gradient.png) repeat-x; } */

#demo-button {width:auto; margin:0 8px 8px 8px; border-collapse:collapse; 
border:1px solid #434343; } 

#demo-button td {text-align:center; font-size:0.95em;}

#demo-button td.link {margin 0; padding:8px;  border:0; background-color:#ffffff;  border-top:1px solid #434343; color:#CC3700;  text-decoration:none;}
#demo-button td.selected {margin 0; padding:8px;  border:0; background-color:#ffffff; border:0; color:#483D8B; border-top:1px solid #434343; }
#demo-button td.link:hover {background-color:#fdcebc; border-top:1px solid #434343; text-decoration:none; }


#c-table {border-collapse:collapse;
border-bottom:1px solid #434343; border-right:1px solid #434343; border-left:1px solid #434343; border-top:0; background:#FFFFFF; } 

#c-table td, #c-table th {font-size:0.95em;}

/*#c-table th {text-align:left; margin 0; padding:8px 8px; border:0; background:url(images/th-blue-gradient.png) repeat-x; border:0; color:#483D8B;} */

#c-table th {text-align:left; margin 0; padding:8px 8px; border:0; background:#434343; border:0; color:#FFFFFF;}

#c-table td {text-align:left; margin 0; padding:6px 1px; border:0; background-color:transparent; color:#3D3D3D;}

#c-table .text a, .contact-block .text a:visited {color:#CC3700; text-decoration:none;}
#c-table .text a:hover {color:#CC3700; text-decoration:underline;}

#c-table .img a, .contact-block .img a:visited {text-decoration:none;}
#c-table .img a:hover {text-decoration:none;}

#c-table .img-left {padding:0 10px 0 8px;}
#c-table .img-right {padding:0 8px 0 10px;}

.block-center {width:auto; display:block; clear:both; margin:20px 0 10px 0; padding:0; border:0;}

.block-left {width:auto; display:block; text-align:left; margin:20px 0 10px 0; padding:0; border:0;}

/* Table with blue header and background */
/*#no-grid-table {width:auto; margin-left:auto; margin-right:auto; border-collapse:collapse;
border-bottom:1px solid #c0c8fa; border-right:1px solid #c0c8fa; border-left:1px solid #c0c8fa; border-top:0; background:url(images/blue-gradient.png) repeat-x; } 
#no-grid-table td, #no-grid-table th {font-size:0.95em;}
#no-grid-table th {text-align:left; margin 0; padding:8px 12px; border:0; background:url(images/th-blue-gradient.png) repeat-x; border-top:1px solid #c0c8fa; border-right:0; border-bottom:0; border-left:0; color:#483D8B;}
#no-grid-table tr {padding:0 4px 0 4px; border:0; background-color:transparent;}
#no-grid-table td {margin 0; text-align:left; padding:8px 12px; border:0; background-color:transparent; color:#3D3D3D; }
#no-grid-table td .center-text {text-align:center;} */

/* Table with dark grey header and white background */
#no-grid-table {width:auto; margin-left:auto; margin-right:auto; border-collapse:collapse;
border-bottom:1px solid #434343; border-right:1px solid #434343; border-left:1px solid #434343; border-top:1px solid #434343; background:#FFFFFF;} 
#no-grid-table td, #no-grid-table th {font-size:0.95em;}
#no-grid-table th {text-align:left; margin 0; padding:8px 12px; border:0; background:#434343; border-top:1px solid #434343; border-right:0; border-bottom:0; border-left:0; color:#FFFFFF;}
#no-grid-table tr {padding:0 4px 0 4px; border:0; background-color:transparent;}
#no-grid-table td {margin 0; text-align:left; padding:8px 12px; border:0; background-color:transparent; color:#3D3D3D; }
#no-grid-table td .center-text {text-align:center;}


/* Table with blue header and background */
/* #select-table {width:auto; margin:0 8px 20px 8px; border-collapse:collapse; 
border:1px solid #c0c8fa; } 
#select-table td.link {margin 0; padding:0; border:0; background-color:#e5e8f9;  border-top:1px solid #c0c8fa; color:#CC3700;}
#select-table td.selected {margin 0; padding:0; border:0; background-color:#ffffff; border:0; color:#483D8B; border-top:1px solid #c0c8fa; }
#select-table td.link:hover {background-color:#fdcebc; border-top:1px solid #fbc2ad; }*/

/* Table with dark grey header and white background */
#select-table {width:auto; margin:0 8px 8px 8px; border-collapse:collapse; 
border:1px solid #434343; } 
#select-table td.link {margin 0; padding:8px;  border:0; background-color:#ffffff;  border-top:1px solid #434343; color:#CC3700;  text-decoration:none;}
#select-table td.selected {margin 0; padding:8px;  border:0; background-color:#ffffff; border:0; color:#483D8B; border-top:1px solid #434343; }
#select-table td.link:hover {background-color:#fdcebc; border-top:1px solid #434343; text-decoration:none; }


#select-table dl {margin: 0; padding:8px 12px; background:transparent; }
#select-table dt {display: inline; margin: 0; padding:0 15px 0 0; background:transparent; font-weight: bold; }
#select-table dd {display: inline; margin: 0; padding:0; background:transparent; }

/* Table with blue borders and white and light blue rows */
/*#feature-table {width:auto; margin:0 8px; border-collapse:collapse; } 
#feature-table th {text-align:left; margin 0; padding:5px 5px; background-color:#ffffff; border:1px solid #c0c8fa; color:#483D8B;}
#feature-table tr.odd {background-color:#e5e8f9;}
#feature-table tr.even {background-color:#ffffff;}
#feature-table td {padding:5px 5px; border:1px solid #c0c8fa; color:#483D8B;}
#feature-table td.feature {vertical-align:text-top; text-align:left}
#feature-table td.product {vertical-align:text-top; text-align:center}*/

/* Table with dark grey borders and white and light gray rows */
#feature-table {width:auto; margin:0 8px; border-collapse:collapse; } 
#feature-table th {text-align:left; margin 0; padding:5px 5px; background-color:#ffffff; border:1px solid #434343; color:#483D8B;}
#feature-table tr.odd {background-color:#D8D8D8 ;}
#feature-table tr.even {background-color:#ffffff;}
#feature-table td {padding:5px 5px; border:1px solid #434343; color:#282828;}
#feature-table td.feature {vertical-align:text-top; text-align:left}
#feature-table td.product {vertical-align:text-top; text-align:center}

#sub-page .col-2 .listc1  {width:320px; float:left; margin:0; padding:0;}
#sub-page .col-2 .listc2  {width:300px; float:left; margin:0; padding:0;}

#sub-page .contact-info {display:block; margin:0; padding:0; }
#sub-page .contact-info .icon{float:left; width:80px; padding:25px 0 0 0; }
#sub-page .contact-info .info{float:left; padding:0; }
#sub-page .contact-info dl {float:left; width: 100%; display: block; margin:8px 0 0 18px;}
#sub-page .contact-info dt, dd { display: inline; }
#sub-page .contact-info dt { width:100px; display: block; clear:left; float:left; text-align:left; margin:0; padding:10px 0 0 0; background:#FFFFFF;}
#sub-page .contact-info dd { width:220px; float:left; text-align:left; margin:0; padding:10px 0 0 10px; background:#FFFFFF;}
#sub-page .contact-info dd .text{margin:0; padding:0; font-size:1.0em; line-height:1.333em; background:#FFFFFF; color:#282828;}

#sub-page .contact-info-ind {display:block; margin:8px 0 0 15px; padding:0; }

#sub-page .contact-table {float:left; display: block; margin:8px 0 0 0; border-collapse:collapse; border:0;} 
#sub-page .contact-table tr {margin:0; border:0;}
#sub-page .contact-table td .top-entry {padding:0 20px 0 0; }
#sub-page .contact-table td .main-entry {padding:15px 20px 0 0; }
#sub-page .contact-table td .sub-entry {padding:0px 20px 0 0; }

#sub-page .contact-table td {margin 0; text-align:left; vertical-align:text-top; border:0; font-size:1.0em; color:#3D3D3D; }



#faq-page .faq-control {text-align: center; margin: 20px 0 10px 0; padding: 0; }
		
#faq-page .faq-button {height: 34px; width: 170px; background: url(images/th-blue-gradient.png) repeat-x top left; margin:0 10px 0 10px; padding: 2px 8px; border:1px solid #c0c8fa; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color:#CC3700 !important;}

#faq-page .faq-button:hover {background: url(images/th-orange-gradient.png) repeat-x top left; padding: 2px 8px; border:1px solid #fbc2ad;}

#faq-page .faq-button:focus {outline:0;} 

#faq-page .faq h3 {
	font-size: 1.0em;
	color:#CC3700 !important;
	cursor: pointer;
	/*background-color:#f7dcb1; */
    background:url(images/th-blue-gradient.png) repeat-x; 
	border:1px solid #c0c8fa;
	padding:8px 10px;
	margin:10px 8px 0px 8px;
	}
#faq-page .faq h3:hover {
    background:url(images/th-orange-gradient.png) repeat-x; 
    border:1px solid #fbc2ad;
    text-decoration:none;
}

#faq-page .faq dl {margin: 0 0 20px 16px;}

#faq-page .faq dt {
    display: inline-block;
    min-height: 22px;
    background:url(images/orange-q.png) no-repeat top left; 
	margin: 16px 16px 8px 0;
    padding: 0 0 0 28px;
	cursor: pointer;
	color: #CC3700;	
}
#faq-page .faq dt:hover {text-decoration:none;}

#faq-page .faq {}dd {
    background:url(images/blue-a.png) no-repeat top left; 
	margin: 0 16px 8px 28px;
	padding: 0 0 0 28px;
	line-height: 150%;	
	}
    
#faq-page .faq dd p:first-child {display: inline;} /* this makes it so that the first paragraph within a dd will float up next to the A */

#faq-page .faq p {line-height: 150% !important;}
	
#faq-page .faq .show {display: block;}
#faq-page .faq .hide {display: none;}	/* CSS Document */

#faq-page .faq ol {list-style-position:outside; list-style-type:decimal; margin:0 0 0 20px; padding-left:8px; }
#faq-page .faq ul {list-style-position:outside; list-style-type:disc; margin:0 0 0 20px; padding-left:8px; }
#faq-page .faq li {padding:8px 0 0 0; }


#specs {display:block; text-align:left; margin:0 60px 30px 0; padding-bottom:30px; border:0;}
#specs .header{margin:10px 0 0 15px; padding:8px 0 0 0; font-weight:bold; font-size:1.0em; line-height:1.333em; color:#483D8B;}
#specs dl {float: left; width: 100%; margin: 10px 8px 30px 20px; padding: 0; background:#FFFFFF; border-bottom: 1px solid #434343; font-size:0.95em; }
#specs dt {clear: left; float: left; width: 150px; margin: 0; padding: 4px; background:#FFFFFF; border-top: 1px solid #434343; font-weight: bold; }
#specs dd { float: left; width: 420px; margin: 0; padding: 4px; background:#FFFFFF; border-top: 1px solid #434343; }


#sitemap {overflow:hidden; width:100%; clear:both; position:relative; border:none; margin: 3px 0 0 10px; padding:0 0 15px 0;}
#sitemap .col-1 {float:left; margin:0 40px 0 0; padding:5px 10px 30px 0}
#sitemap .col-2 {float:left; margin:0 40px 0 0; padding:5px 10px 30px 10px}
#sitemap .col-3 {float:left; margin:0 40px 0 0; padding:5px 10px 30px 10px}
#sitemap .col-4 {float:left; margin:0 5px 0 0; padding:5px 10px 30px 10px}

#sitemap .h4 {margin:0 10px 0 0;  padding:14px 0 10px 5px; border-bottom:solid 1px #434343; font-weight:bold;  font-size:0.95em; line-height:1.333em; color:#483D8B; } 

#sitemap .pages ul {list-style-type: none; margin:0; padding:0;}
#sitemap .pages li {margin:0; padding:0; }

#sitemap .page-link {display:inline-block; background:url(images/small-link-bg.png) no-repeat 0 4px; margin:9px 10px 0 10px; padding:2px 0 0 10px; font-weight:normal; font-size:0.9em; line-height:1.2em; color:#CC3700; }
#sitemap .tabpage {display:inline-block; padding:10px 10px 0 15px; font-weight:normal; font-size:0.9em; line-height:1.2em; color:#483D8B;}
#sitemap .subpage-link {display:inline-block; background:url(images/small-link-bg.png) no-repeat 0 4px; margin:9px 10px 0 25px; padding:1px 0 0 10px; font-weight:normal; font-size:0.9em; line-height:1.2em; color:#CC3700; }
#sitemap .subpage2-link {display:inline-block; background:url(images/small-link-bg.png) no-repeat 0 4px; margin:9px 10px 0 35px; padding:1px 0 0 10px; font-weight:normal; font-size:0.9em; line-height:1.2em; color:#CC3700; }

/* ============================= sticky footer ====================== */
#footer {position: relative; height: 50px; overflow:hidden; margin:-50px 10px 0 10px; border-top:solid 1px #FFA280; overflow:hidden; clear:both;} /* margin-top must be negative value of footer height width:897px; */

#footer .small-menu{ float:left; margin:10px 0 0 0; padding:0;}
#footer .small-menu li{float:left; padding:0 0 0 10px; color:#FFA280; font-size:0.9em; }
#footer .small-menu a{display:inline-block; margin:0 10px 0 0; color:#CC3700; }

#footer .copyright{float:right; padding:10px 10px 0 0; font-size:0.9em; }

/* ============================= forms ============================= */
#site-search-form {float:right; border: none; width: 158px; margin: 0 0 0 0; padding: 33px 10px 0 0; background: none; }
#site-search-form button {border: none; float:}
#site-search-form input {border: none; float: left; cursor: pointer;}
#site-search-form button.mybutton {width: 21px; height: 21px; cursor: pointer; text-indent: -9999px; background:url(images/search-form-bg.png) no-repeat top right;}
#site-search-form input.myinput {color: #282828; font-size: 0.95em; width: 103px; height: 21px; padding: 2px 5px 3px 3px; cursor: text; background:url(images/search-form-bg-noinput.png) no-repeat 0 0; margin-left: 24px;}
#site-search-form input.myinput:focus {background:url(images/search-form-bg.png) no-repeat left 0px; outline:none; right;}