BODY {
	margin-top: 5px;
	margin-bottom: 0px;
	/*width:920px*/
	color: black;
	font-size: 9px;
	font-family: arial, serif;
	background-color: #6699CC;
	/* to get IE to center */
	text-align: center;
}
#layout {
	text-align: left;
}
A {
}
IMG {
	border: 0px black none;
}
BR {
	font-size: 6pt;
}
.layout {
	/* to undo the IE centering */
	text-align: left;
	width: 861px;
	background-color: #FFFFFF;
}
.layout .center {
	width: 100%;
}

.layout #center.layout {
	text-align: left;
}

.layout .left, .layout .right {
	display: none;
}
.errorbox {
	height: auto;
	overflow-y: auto;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.messagebox {
	height: 40px;
	overflow-y: auto;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

/* header styles */

#header {
	margin-top: 0px;
	width: 100%;
	background-image: url("../images/header-background.gif");
	/*background-image: url('../images/header_bg.png');*/
	background-repeat:repeat-x;
	background-color: #fff;
}

#header_bot {
	width: 100%;
}

#header .label {
	cursor: pointer;
}

.logo {
	width: 110px;
	height: 30px;
}

.mainmenu {
}

.context {
}

/* controls menu */
#mainmenu {
}

#mainmenu label {
}

#mainmenu A, #mainmenu A:visited {
	cursor: pointer;
}

#mainmenu IMG {
	cursor: pointer;
	border: 0px solid black;
}

#mainmenu #simplesearch .search {
	width: 160px;
	font-size: 9pt;
}

#simple_search {
	width: 410px;
	padding:20px;
    background-color: auto;
    border: 1px dotted #000055;
    text-align:center;
    margin-bottom:4px;
}
#simple_search select{
	font-weight:400;
}
#user_context {
	padding:3px;
}

/* controls user_context */
#user_context A, #user_context A:visited {
	text-decoration: none;
}
#user_context A:hover{
	text-decoration: underline;	
}

#user_context .label {
	font-size: 7.5pt;
}
#cart_context {
    width:80px;
    padding:2px;
    background-color:#fff;
}
#cart_context a:link, a:visited{
   text-decoration: none;
}
#cart_context a:hover{
   text-decoration: underline;
}
#cartsummary {
}

#cartsummary .label {
	font-size: 7pt;
}

#cartsummary .heading {
	font-size: 7.5pt;
	font-weight: bold;
}

#cartsummary .sbutton {
	border: 1px solid black;
	font-family: 'Arial';
	font-size: 6.5pt;
	margin-left: 4px;
}

/* cookie crumb */
.layout #cookiecrumb {
	background-color: lightgrey;
	padding: 4px;
	padding-left: 10px;
	color: black;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid black;
	border-left: 0px none black;
	border-right: 0px none black;
	background-image: url('../images/pagepattern2a.gif');
}

.layout #cookiecrumb A, .layout #cookiecrumb A:visited {
	font-size: 8pt;
	color: navy;
}

/* category menu */
.catdrilldown {
	text-align: center;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid black;
}

A.cat_resultitem, A:visited.cat_resultitem {
	font-size: 8pt;
	color: white;
	background-color: red;
}

.layout #catdrilldown.catdrilldown {
	text-align: left;
}

.layout #catdrilldown .stext {
	color: red;
	font-weight: bold;
}

.layout #catdrilldown #catheading {
	padding-bottom: 5px;
}

.layout #catdrilldown #catheading .heading {
	margin-left: 10px;
}

A.BodyBoldNavyBlue, A:visited.BodyBoldNavyBlue {
	color: #003366;
	font-size: 8pt;
	font-weight: bold;
	line-height: 9pt;
	text-decoration: none;
}

.layout #catdrilldown #catresults TABLE {
	border: 0px none;
	width: 100%;
}

.layout #catdrilldown #catresults TABLE TD {
	padding: 6px;
	padding-bottom: 0px;
}

A.catquicklink, A:visited.catquicklink {
	color: navy;
	cursor: pointer;
	font-size: 7pt;
	font-family: Arial;
	line-height: 10pt;
}

A.res_catname, A:visited.res_catname {
	color: #003366;
	cursor: pointer;
	font-weight: bold;
}

A.cat_all, A:visited.cat_all {
	color: navy;
	cursor: pointer;
}

.rtalign {
	font-size: 8pt;
	text-align: right;
}

.longdesc {
	overflow-y: auto;
	background-color: #FFF;
	text-align: left;
	font-size: 10px;
	font-family: Arial;
	line-height: 12pt;
	padding:5px;
}

.specs {
	/*height: 375px;*/
	width:  300px;
	overflow-y: auto;
	background-color: #FAF0E6;
	text-align: left;
	font-size: 10pt;
	font-family: Arial;
	line-height: 15pt;
}

.layout .center #custinfo .heading {
	font-size: 8pt;
	background-color: #996633;
	font-weight: bold;
	color: white;
	line-height: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.layout .center #custinfo {
	background-color: #FAF0E6;
}

.layout .center .cart_ctl {
	border: 1px solid black;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px;
	background-color: white;
}

/* *********************************** */

/* Epiphany classes */
.BodySmall   { font-size: 7pt; font-family: Arial; line-height: 10pt }
.BodySmallest { font-size: 6pt; font-family: Arial; line-height: 8pt }
.BodySmallBold  { font-size: 7pt; font-family: Arial; font-weight: bold; line-height: 10pt }
.BodySmallCopper  { color: #963; font-size: 7pt; font-family: Arial; line-height: 9pt }
.BodySmallWhite  { color: #ffffff; font-size: 9px; font-family: Arial; line-height: 12px }
.Body     { font-size: 8pt; font-family: Arial; line-height: 12pt }
.BodyWhite   { color: white; font-size: 8pt; font-family: Arial; line-height: 12pt }
.Bodyred   { color: #800000; font-size: 8pt; font-family: Arial; line-height: 12pt }
.BodyBold     { font-size: 8pt; font-family: Arial; font-weight: bold; line-height: 12pt }
.BodyBoldRed    { color: #800000; font-size: 8pt; font-family: Arial; font-weight: bold; line-height: 12pt }
.BodyBoldGray   { color: #c0c0c0; font-size: 8pt; font-family: Arial; font-weight: bold; line-height: 12pt }
.BodyBoldWhite   { color: #f5f5f5; font-size: 8pt; font-family: Arial; font-weight: bold; line-height: 10pt }
.BodyBoldTalleyBlue { color: #036; font-size: 8pt; font-family: Arial; font-weight: bold; line-height: 10pt }
.BodyBoldNavyBlue   { color: navy; font-size: 8pt; font-family: Arial; font-weight: bold; line-height: 10pt }
.BodyBoldCopper  { color: #963; font-size: 8pt; font-family: Arial; font-weight: bold; line-height: 10pt }
.Subhead   { color: #000080; font-size: 12pt; font-family: Arial; font-weight: bold; line-height: 14pt }
.Head   { color: #800000 !important; font-size: 16pt; font-family: Arial; font-weight: bold; line-height: 18pt }

.BodyBoldBig { font-size: 10pt; font-family: Arial; font-weight: bold; line-height: 12pt }

A.BodyBoldNavyBlue, A:visited.BodyBoldNavyBlue {
	text-decoration: none;
	color: navy;
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	line-height: 10pt;
}

A.BodyBoldNavyBlueLnk, A:visited.BodyBoldNavyBlueLnk {
	color: navy;
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
	line-height: 10pt;
}
.required {
	color: red;
}

.bodybk {
	background-color: #996633;
	padding:2px;
}

.grid_bg {
	background-color: #FAF0E6;
}

.checkoutgrid {
	background-color: #FAF0E6;
	text-align: left;
}
.formgrid{
	background-color: #FAF0E6;
}

.checkoutgrid INPUT
{
	margin-right: 20px;
	width: 185px;
}

.checkoutgrid SELECT
{
	font-size: 8pt;
	width: 189px;
}

.checkoutgrid .heading {
	 color: #f5f5f5;
	 font-size: 8pt;
	 font-family: Arial;
	 font-weight: bold;
	 padding-left: 5px;
}

.checkoutgrid TABLE.head {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* general usefull classes */
.heading {
	font-size: 8pt;
	font-weight: bold;
}

.dropdown {
	visibility: hidden;
	position: absolute;
	border: 1px solid white;
	top:0px;
	left:0px;
	background-color: white;
	z-index: 2;
	line-height: 20px;
}

.dropdown A, .dropdown A:visited {
	text-decoration: none;
	cursor: pointer;
	background-color: #660000;
	color: white;
	font-size: 10pt;
	text-indent: 10px;
	margin-top:1px;
}

.dropdown A:hover {
	background-color: #000055;
	color: #ffffff;
}

.dropdown .item {
	display: block;
	width: 100%;
	font-size: 10pt;
	line-height: 18px;
	background-color: #660000;
	color: white;
}

.dropdown .hover {
	background-color: blue;
}

.result_item {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-align:left;
	line-height: 12pt;
	color: black;
	background-color: #a6caf0;
	padding:2px;
}
.odd {
	background-color: #a6caf0;
}
.even{
	background-color: #faf0e6; 
}
.spec{
	background-color: #F3F3F3;	
}

.hover {
	background-color: black;
	color: white;
}

.error {
	color: red;
	font-weight: bold;
	font-size: 10pt;
}

.error_row{
	border: 2px solid red;	
}
.info {
	color: darkgreen;
	font-weight: bold;
	font-size: 8pt;
}

/* small text button */
.sbutton {
	border: 1px solid black;
	font-size: 7pt;
}

.sinput {
	border: 1px solid black;
	font-size: 7pt;
}

.stext {
	font-size: 7pt;
}

.thumb_img {
	border: 1px solid gray;
}

.med_img {
	border: 1px solid gray;
}

.big_img {
	border: 1px solid gray;
}

/* Center */
.center {
	border-right: 0px black solid;
	border-left: 0px black solid;
	border-bottom: 0px black solid;
	height: 100%;
	vertical-align:top;
}


.sheading {
	font-size: 12pt;
	font-weight: bold;
	border: 1px black solid;
	background-color: lightblue;
	width: 100%;
}

.text {
	font-size: 9pt;
}

.disabled {
	color: gray;
}

.notebutton {
	border: 0px;
	font-size: 8pt;
	font-weight: bold;
	color:gray;
}

p {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.greyDot {
	background-image: url("../images/greyDot.gif");
	background-repeat: repeat-x;
}

.h1FirstLine {
	font-size: 15px;
	color: #000000;
	line-height: 19px;
	font-weight : bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

.italic {
	font-style: italic;
}

.h2FirstLine {
	font-size: 19px;
	color: #000000;
	line-height: 19px;
	font-weight : bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* account home */
#account_home, #closed_invoices {
	margin-top: 10px;
}

#account_home .sheading, #closed_invoices .sheading {
	font-size: 11pt;
	font-weight: bold;
	color: white;
	background-color: darkblue;
	padding-left: 10px;
	padding-bottom: 1px;
	border: 0px;
}

#account_home TABLE {
}

#account_home .container, #closed_invoices .container {
	border: 1px solid black;
	margin-bottom: 20px;
	margin-left: 40px;
	margin-right: 40px;
	width: 100%;
}

#account_home .container TABLE, #closed_invoices .container TABLE {
	width: 100%;
}
	
#account_home .heading, #closed_invoices .heading {
	font-size: 9pt;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	color: lightgrey;
	background-color: gray;
}

#account_home .result_item, #closed_invoices .result_item {
	font-size: 8pt;
	padding: 4px;
	text-align: right;
	font-weight: bold;
}

/* footer styles */
#footer {
	background-color: white;
}

#footer .label {
	font-size: 7.5pt;
	color: black;
}

#faq {
	background-color: inherit;
	padding-left: 75px;
}
#faq a {
	color: navy;
	font-size: 8pt;
	font-weight: 500;
	text-decoration:none;
}
#faq .menu a{
	font-size:10pt;
}
#faq a:active {
	font-weight: 600;
}
#faq a:hover{
	color: red;
	text-decoration: underline;
}
#faq ul 
{
	list-style-type: disc;
}
#faq li {
	padding-top:5px;
	padding-bottom: 5px;
}
#faq .title {
	color: #963;
	font-size: 14pt;				
}
#faq .subheading {
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;	
}
#faq .question {
	color: #963;
	font-weight: bold;
	font-size: 10pt;
	
}
#faq .answer {
	color: navy;
	font-size:8pt;
}
.myprice {
	background-color: #036
}
	
	
/* cert forms styling */
.paddingTen {
	padding: 10px;
}
.boldRed {
	color: #860B1A;
	font-size:8pt;
	font-weight:bold;
}
.subheada  {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}
.formFieldReqNoSpace {
	border-width: 1px;
	border-color: #860B1A;
	background-color: #E0C2B3;
	border-style: solid;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
	height: 20px;
}
table.sortable a {text-decoration:none;}
table.sortable a:active{text-decoration:none;}
table.sortable a:hover{text-decoration:underline;}

table.sortable tr.odd td {
	background-color: #faf0e6;
}
table.sortable tr.even td {
	background-color: #a6caf0;
}
.sortheader{color: #f5f5f5; font-size: 7pt; font-family: Arial; font-weight: bold; line-height: 12pt;}

.ccard { 
	color: navy;
	font-size: 8pt;
	font-weight: 500;
	text-decoration:none;
}
/* classes for user context and search input fields */
 .off{
   color: #000;
   font-style: italic;
  }
 .on{
    color:#000;
  }

button{
  	background-color:#006400;
  	color:#fff;
  	padding:3px;
  	font-size:7.5pt;
  	font-weight:250;
  	border:0px;
 }
.editNoteButton{ 
    background-color: #f3f3f3; 
    padding: 5px 2px;
    color: #000; 
    border: 2px dotted #ccc;
    text-decoration: none; 
}
.compareTray {
	background-color:#E4DEDE;
	/*height:43px;*/
	border:2px dotted #ccc;
	padding:15px;
	font-size:11px;
}
.compareTray label {
	display: block;
	float: left;
	margin-top: -2px;
	padding-top: 0px;
	width: 103px;
}

.compareTray ul li {
    background: url("../images/compare-item-bg.gif") repeat scroll 0 0 transparent;
    border: 1px solid #9a9b9b;
    display: block;
    float: left;
    height: 26px;
    width: 26px;
    margin: 0 5px 0 0;
    position: relative;
    text-align: center;
}
.compareTray ul li.full {
	background: none repeat scroll 0 0 #FFFFFF;
	cursor: pointer;
}
.compareTray .remove {
	background: url("../images/compare-item-remove-2.png") no-repeat scroll 0 0 transparent;
	border: 1px solid #9a9b9b;
	display: block;
	width: 13px;
	height: 13px;
	position:absolute;right: -5px;top: -5px;
}
/* Message box */
.messageBox{ 
	text-align: left;
	color: black;font-size:9px;font-weight: bold;
	background:#f3f3f3 url('../images/sig-bg.gif') repeat-y;
	padding:5px;width:550px;border:2px dotted #ccc;margin:3px;
}
/* Error popup */
#error-pop{display:none;position:absolute;left:195px;z-index:500;width:300px;color:#000;padding:10px;}
#error-pop-mid{background:#f3f3f3;padding:5px;border:2px solid #000066;position:relative;}
#error-pop a.closePop{background:url("../images/compare-item-remove-2.png") no-repeat scroll 0 0 transparent;display:block;float:right;height:21px;width:21px;margin:-2px 3px 0 0;}
#error-pop a.closePop span{display:none;}
#error-pop h3{color:#ae1231;font-size:12px;font-weight:bold;margin:0 0 1em;padding:0;}
#error-pop p{background-color:#FFF;font-size:11px;margin:0 0 1em;padding:0;}