@import "navigation.css";
@import "catalog.css";
@import "forms.css";
/*
body {
	margin: auto;
	padding: 0;
	border: none;		
	font-family: Helvetica, Verdana, Geneva, Lucida, Arial, Sans-Serif;
 	font-size: 9pt; 	
	font-weight: normal;
	line-height: 1.25em;
	color: #363636;
}
*/
table  {
    margin: 1em auto 2em auto;
    padding: 0.2em;
}
th {
    margin: 0;
    padding: 0.5em;
}
.th {
    margin: 0;
    padding: 0.5em;
}
td {
    margin: 0;
    padding: 0.5em;
    background: none;
    vertical-align: top;
}
td.on {
    background-color: #9CA9CC;
}
p, address {
    margin: 1em;
    line-height: 1.5em;
    text-align: justify;
}
h1, h2, h3, h4, h5 {
    margin: 0.0em 0.0em 0.0em 0.0em;
    line-height: 1.5em;
    color: #00247E;
}
h1 {
    font-size: 10pt;
}

h2 {
    /* 	margin-left: 3.5em; */
    font-size: 12pt;
}
h3 {
    margin-left: 0.65em;
    font-size: 10pt;
}
h4 {
    /* 	margin-left: 4.75em; */
    font-size: 9pt;
}
h4.inline {
    /* 	margin: inherit; */
    margin: 0.25em;
    display: inline;
}

h5 {
    font-size: 9pt;
    font-weight: normal;
}
h1.boxed, h2.boxed, h3.boxed, h4.boxed, h5.boxed {
    margin: 0.2em 1em 0.2em 1em;
    padding: 0;
}
div.boxed {
    margin: 2em;
    padding: 0;
}
ul .plain li {
    display: list-item;
    list-style-type: disc;
}
.listNormal {
    display: list-item;
    list-style-type: disc;
}

hr {
    clear: both;
    width: 99%;
    height: 1px;
    max-height: 1px;
    margin: 0;
    padding: 0;
    border: none;
    border-top: solid 1px #fff;
}
hr.spread {
    clear: none;
    margin: 2em auto 2em auto;
}

a {
    /*margin: 0;
	padding: 0;
	text-decoration: none;
	background: none;	*/
}
a:link {
    /*color: #00247E;*/
}
a:hover {
    /*color: #7E0024;
	text-decoration: underline;*/
}
a:visited {
    /*color: #00247E;
	text-decoration: none;*/
}
a:visited:hover {
    /*color: #7E0024;
	text-decoration: underline;*/
}
a:active {
    /*color: #7E0024;*/
}

p a, a.inline {
    margin: 0;
    padding: 0;
    text-decoration: underline;
    background: none;
}
p a:link, a.inline:link {
    color: #ff0000;
    /*
	background: none;
	*/
}
p a:hover, a.inline:hover {
    color: #ff0000;
    text-decoration: underline;
}
p a:visited, a.inline:visited {
    color: #cc0000;
    text-decoration: underline;

}
p a:visited:hover, a.inline:visited:hover {
    color: #ff0000;
    text-decoration: underline;

}
p a:active, a.inline:active {
    color: #ff0000;

}
img {
    margin: 0;
    border: none 0 #fff;
    vertical-align: middle;
}
#bodyShell {
    z-index: 0;
    width: 100%;
    margin: 0;
    background-color: #fff;
}

/* masthead area */
#logoRegion {
    width: 100%;
    height: 75px;
    max-height: 75px;
    margin: 0 auto 0 auto;
    padding: 0;
    background-image: url(/images/logo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
}
#logoRegion #homey {
    float: left;
    margin: 0 auto 0 0;
    z-index: 0;
    width: 370px;
    height: 75px;
    border: none;
    display: inline;
}
#personalNav {
    display: table;
    float: right;
    width: 241px;
    height: 20px;
    margin: 0;
    border-left: solid 0px #999;
    border-top: solid 0px #999;
    font-size: 12pt;
    text-align: right;
    color:white;
    position: relative;
    top: 68px;
    left:207px;
}

#personalNav form {
    width: 129px !important;
    float: right;
    margin-top: -14px;
    margin-right: 2px;
}

#personalNav a {
    margin: 0;
    padding: 4px;
    position: relative;
}
#myNav {
    margin: 0;
    padding: 0.5em 0 0.6em 0;
    text-align: center;
}
#myNav a {
    margin: 0;
    padding: 0.5em 0.75em 0.5em 0.75em;
}
#myNav a:hover {
    background: #e6e6e6;
    text-decoration: none;
}
#speedShop {
    padding: 0px 0px 2px 0px;
    background-color: transparent;
    color:#303030;
    width:90px;
    height:13px;
    border:none;
    margin:1px 10px 4px 4px;

}
#mySearch {
    background-image: url(/images/searchform.png);
    background-repeat: no-repeat;
}
#mySearch form {
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
#mySearch form input {
    width: 120px;
    height: 1.25em;
    margin: 0 0.25em 0 0.25em;
    padding: 0;
    border: solid 1px #999;
    vertical-align: middle;
    font-size: 7.5pt;
    color: #666;
}
#mySearch #go {
    width: 2.5em;
    height: 1.5em;
    margin: 0;
    padding: 0 0 0.75em 0;
    background-color: #00247E;
    background-image: url(/images/icons/bg_btn_rect.gif);
    background-repeat: repeat-x;
    border: 1px solid #999;
    vertical-align: middle;
    cursor: pointer;
}
#mySearch a {
    margin: 0;
    padding: 0.5em 0.75em 0.5em 0.75em;
}

#workarea {
    clear: both;
    font-size:14px;
    line-height: 2;
    margin: 0;
    min-height: 689px;
    z-index: 0;
}

/* three colums formatting for landing pages */
#workareaLeft {
    float: left;
    z-index: 1;
    display: table;
    width: 20em;
    height: 23em;
    margin: 1em 0 0 5.25em;
    display: inline;
}
#workareaLeft img {
    width: 20em;
    height: 23em;
    border: solid 1px #999;
}
#workareaCenter {
    float: left;
    z-index: 1;
    display: table;
    width: 20em;
    height: 23em;
    margin: 1em 0 0 0.5em;
    color: #fff;
    background: transparent;
    text-align: center;
    vertical-align: middle;
    display: inline;
}
#workareaCenter img {
    width: 20em;
    height: 23em;
    border: solid 1px #999;
}

/* 
#workareaCenter h1, #workareaCenter p, p.brief, p.windy {
	font-family: "Georgia", "Verdana", Serif;
	font-weight: normal;	
	font-style: italic;
}
#workareaCenter h1 {
	margin: 0.5em;
	margin-top: 0.6em;
	letter-spacing: 0.05em;	
	line-height: 1em;
	text-align: center;
	color: #fff;	
}
#workareaCenter p, p.brief, p.windy {
	margin: 2em;
	margin-top: 0.75em;	
	line-height: 1.5em;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}
#workareaCenter p.brief {
	font-size: 12pt;
}
#workareaCenter p.windy {
	margin: auto 2em auto 2em;
	font-size: 9pt;
}
*/

#workareaRight {
    float: left;
    z-index: 1;
    display: table;
    width: 12em;
    height: 23em;
    margin: 1em 0 0 0.5em;
    background: #fff;
    vertical-align: middle;
    display: inline;
}
#workareaRight img {
    width: 11.25em;
    height: 11.25em;
    margin: 0;
    border: solid 1px #999;
    /* force a newline so the Update link for admin works.
	remove line below if it breaks things*/ 
    display: block;
}
#workareaRight .bottom {
    margin-top: 0.35em;
}

/* static pages and sub pages formatting */
#singleColumn, #twoColumns {
    margin: 0 4em 0 4em;
    height: auto;
    clear: both;
}
#proofColumns {
    margin: 0 2em 0 2em;
    height: auto;
    clear: both;
}
#proofColLeft {
    float: left;
    z-index: 1;
    width: 32em;
    height: auto;
    margin: 0 auto 0 0.5em;
    border: solid 1px #999;
}
#proofColLeft table, #proofColLeft th, #proofColLeft td {
    border-right: none;
    border-left: none;
}
#proofColRight {
    float: right;
    z-index: 1;
    width: 25em;
    height: auto;
    margin: 0 auto 0 auto;
}
/* IE Hack */
* html body #proofColLeft, * html body #proofColRight {
    display: inline;
}

#proofColRight p {
    margin: inherit 0 inherit 0;
    padding: inherit 0 inherit 0;
}



#singleColumn ol, #singleColumn ol li, #singleColumn ul, #singleColumn ul li {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.25em;
    text-align: justify;
    clear: both;
}
#singleColumn ul, #singleColumn ul li {
    list-style: none;
}
.headerBox {
    margin: 1.5em auto 1.5em auto;
    padding: 0;
    border: solid 1px #999;
}
.productionTable {
    margin: 0.5em auto 0.5em auto;
    border: solid 1px #999;
    background: #f9f9f9;
}
.productionTable th {
    padding: 0.5em;
}
.productionTable td {
    padding: 0.5em;
    background: #eee;
}

#messages {
    width: 600px;
    margin: 15px auto 15px auto;
    padding: 10px;
    border: 1px solid #00247e;
    text-align: center;
    font-weight: bold;
}

#errors {
    width: 600px;
    margin: 15px auto 15px auto;
    padding: 10px;
    border: 1px solid #c00;
    text-align: center;
    font-weight: bold;
    color: #c00;
}

a.popView, a.popInfo, a.popEdit {
    margin: 0px;
    padding: 0;
    vertical-align: middle;
    background: none;
    text-decoration: none;
    padding-left: 19px;
    padding-bottom: 5px;
    background-image: url(/images/icons/icon_left_mouse.png);
    background-repeat: no-repeat;
    height: 19px;
}
a.popInfo {
    cursor: help;
}
li.il {
    display: inline;
    list-style: none;
    text-align: center;
    padding: 3px;
}
a.cmenu {
    padding: 5px 17px 5px 2px;
    background: url(/images/icons/icon_right_mouse.png) no-repeat right;
}
.dbEntity {
    margin: auto;
    border: 1px solid #000;
    border-collapse: collapse;
}
.dbEntity caption {
    margin: auto;
    font-weight: bold;
}
.dbEntity td {
    border: 1px solid #000;
    padding: 0.25em;
}
.dbEntity th {
    padding: 0.5em;
}
.dbEntity th:hover {
    background-color: #eee;
}
.dbEntity th a {
    display: block;
}
.dbEntity tr.alt {
    background-color: #ededed;
    border-bottom: 1px solid #000;
    font-size: 11px;
    padding: 5px;
}
thead {
    background-color: #9CA9CC;
}
.errorLevel1 {
    color: red;
    font-weight: bold;
}
#contentBlockSmall {
    width: 50%;
    margin: 10px auto 20px auto;
    text-align: center;
}
#contentBlockSmall p {
    width: 90%;
    margin: auto;
    padding: 10px 0 10px 0;
}
#contentBlockMedium {
    width: 75%;
    margin: 10px auto 20px auto;
    text-align: center;
}
#contentBlockSmall h3, #contentBlockMedium h3 {
    width: 90%;
    margin: 10px 0 10px 0;
    text-align: left;
}
dl {
    margin: 10px auto 10px 0;
    text-align: left;
}
dt {
    margin: 10px;
    font-weight: bold;
}
dd {
    margin: 10px 10px 10px 25px;
}
#invoiceShipTo {
}
#invoiceBillTo {
}
#invoiceItems table {
    margin: 1em auto 1em auto;
    padding: 0;
    border: solid 1px #999;
    white-space: nowrap;
}
#invoiceItems th, thead {
    border-bottom: solid 1px #999;
}
#invoiceTax {
    margin-left: 1.75em;
}
#invoiceShipping  {
    margin-left: 1.75em;
}
#invoiceDiscount  {
    margin-left: 1.75em;
}
#invoiceTotal  {
    margin-left: 1.75em;
}
#checkoutLeft {
    float: left;
    width: 370px;
    max-width: 370px;
    margin: 15px 0 0 0;
    display: inline; /* float alignment bug fix for IE */
    background: yellow;
}
#checkoutRight {
    float: right;
    width: 360px;
    max-width: 360px;
    margin: 15px 0 0 0;
    text-align: left;
    display: inline; /* float alignment bug fix for IE */

    background: red;
}
.oqBlock {
    border: 1px solid #eee;
}
.oqAnswer {
    border: 1px solid #eee;
    margin-left: 5em;
}
.oqLeft {
    float: left;
    display: inline;
    width: 40%;
}
.oqRight {
    float: right;
    width: 60%;
}

.blankTable, .blankTable th, .blankTable td {
    border: none;
}
.blankTable td {
    background-color: #eeecd6;
}

.wordingPopup {
    text-align: center;
}
div.spacer {
    clear: both;
}
#summaryPage {
    width: 48em;
    margin: 0 auto 2em auto;
    padding-bottom: 2em;
}
div.summaryBlock {
    margin-bottom: 2em;
    border: solid 1px #999;
}
div.summaryBlockHeader {
    margin: 0;
    background: #ddd;
    border-bottom: solid 1px #999;
}
div.summaryBlockHeader h3 {
    margin: 0 1em 0 1em;
}
div.summaryBlock p, dl {
    min-height: 3em;
}
div.summaryBlock address {
    font-style: normal;
}
div.summaryBlock table {
    margin: 0.5em auto 0.5em auto;
}
#miniCal {
    width: 99%;
    height: 99%;
    padding: 0;
    margin: 0;
}
#miniCal tr {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}
#miniCal td {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}
.toolTip {
    color: black;
    font-weight : bold;
    background-color: #00247E;
    border: 1px solid #8f4707;
    width: 200px;
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: left;
}
/* client quirks */
.pms207 {
    color: #a61c3e;
}
.pms {
    color: #477b91;
}
.inactive {
    background-color: red;
}
.filesCt {
    border: 1px solid #000;
    padding: 1em;
}
.fmc {
    display: inline;
}
.fmc img {
    height: 60px;
    width: 60px;
}
.fmClk {
    height: auto;
    width: auto;
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    opacity: 0.4;
    background-color: #fff;
    color: #000;
    position: absolute;
    cursor: pointer;
}
#shipmentLeft {
    float: left;
    width: 300px;
}
#shipmentRight {
    margin-left: 320px;
    border-left: solid 2px #000;
}
#library {
    width: 55%;
    margin-left: 240px;
}
/* IE can't nest, especially lists */
*>#library ul {
    margin: 0.1em auto 0.1em auto;
}
*>#library li {
    padding: 0.1em;
    list-style: none;
}
/* IE Hack */
* html body #library li {
    list-style: none;
    padding: 0.25em;
}
*>.jumpnav {
    list-style: none;
    margin-top: 0.75em;
    padding: 0.25em;
    border: solid 1px #999;
}
.lfc {
    background-color: white;
    border: solid 1px #999;
    font-weight: bold;
    font-size: 1.2em;
}
#lfc5 {
    background-color: white;
    text-align:left;
}
#pre_next{
    position: absolute;
    margin: 0;
    padding: 0;
    left: 347px;
    top: 30px;
}

.smCalHeader{
    background-color: #00247E;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    line-height: 11px;
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    color:#ffffff;
}

#footer {
    height: 45px;
    font-size: 11px;
    text-align: center;
    color: #00247E;
    clear: both;
}

.parent{
    color: #ffffff;
    background-color: #00247E;
}
.subIndentDown{
    background-image: url(/images/down_arrow.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    padding: 0px;
}
.subIndentRight{
    background-image: url(/images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}
#textfaq {
    text-align:left;
}

#qformInput {
    color:navy;
    font-size:14px;
}
#user {
   font-weight:bold;
   color:navy;
   margin-top:20px;
}