﻿body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/background.gif);
	background-attachment: fixed;
	background-position: center;
	font-family: verdana;
	font-size: 8pt;
}

h1
{
	font-size: 13pt;
	color: #f19118;
	margin-bottom: 2px;
}

h2
{
	font-size: 11pt;
	color: #f19118;
	margin-bottom: 2px;
}

h3
{
	font-size: 9pt;
	color: #f19118;
	margin-bottom: 2px;
}

a
{
	color: #005bb0;
}

#signup
{
	position: absolute;
	margin-top: 15px;	
	margin-left: 65px;
}

#customerbox
{
	padding: 0px 10px 0px 10px;
	font-size: 7pt;
	color: maroon;
	text-align: justify;
}

#customerbox a
{
	color: #3d5261; 
}

#authorbox
{
	padding: 0px 10px 0px 10px;
	font-size: 7pt;
	color: maroon;
	text-align: justify;
}

#authorbox a
{
	color: #3d5261; 
}

#login
{
	padding: 0px 10px 0px 10px;
	font-size: 7pt;
	color: maroon;
}

#login input
{
	background-color: #d7e1e3;
	font-size: 9pt;
}

#login a
{
	color: #3d5261; 
}

.orderbox
{
	margin-top: 10px;
	border: solid 1px #3d5261;
}

.ordertitle
{
	padding: 3px;
	background-color: #c9dbe3;
}

.orderfiles
{
	padding: 10px;
}

.tableheader
{
	background-color: #ebf2f3;
	color: black;
	font-weight: bold;
}

.highlightbox
{
	margin: 5px 5px 0px 5px;
	background-color: #fffff9;
	border: solid 1px #f19118;
}

.highlightboxtitle
{
	padding: 4px;
	text-align: center;
	color: white;
	background-color: #f19118;
	font-weight: bold;
	text-transform: uppercase;
}

.highlightboxcontent
{
	padding: 4px 4px 4px 4px;
	color: Black;
	text-align: center;	
}

.processing
{
	padding: 5px;
	background-color: lightyellow;
	border: dotted 1px #3d5261;
	text-transform: none;
	font-weight: normal;
	color: #3d5261;
	margin-top: 20px;
	margin-bottom: 15px;
}

.hpoints
{
	background-image: url(images/hpoints.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
}

.vpoints
{
	background-image: url(images/vpoints.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 1px;
}

.hpoints2
{
	background-image: url(images/hpoints2.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
}

.vpoints2
{
	background-image: url(images/vpoints2.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 1px;
}

#maincontentbody
{
	margin-top: -5px;
}

#header
{
	width: 958px;
	height: 101px;
	text-align:center;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#menu
{
	width: 100%;
	height: 29px;
	background-image: url(images/menu.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	font-family: Arial Black;
	text-transform: uppercase;
	font-weight: bold;
   font-size: 9pt;
   color: #3d5261;   
}

#menulinks
{	
	padding-left: 10px;
   padding-top: 5px;
}

#menu a
{
   text-decoration: none;
   color: #3d5261; 
}

#menu a:hover
{
   text-decoration: none;
   color: #3d5261; 
}

#sitepath
{
	height: 24px;
	background-position: right;
	background-image: url(images/sitepath.jpg);
	background-repeat:no-repeat;
	background-position: top;	
	font-size: 7pt;
	color: maroon;	
}

#sitepathlinks
{	
	padding-left: 25px;
   padding-top: 3px;
}

#sitepath a
{
   color: maroon;
   text-decoration: none;
}

.menusep
{
	background-image: url(images/menusep.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.feature
{
	height: 35px;
}

.feature a
{
	text-decoration: none;
	font-size: 8pt;
	color: #34434e;
}

.featureHidden
{
	width: 200px;
	visibility: hidden;
	position: absolute;
}

.featureVisible
{
	width: 300px;
	visibility: visible;
	position: absolute;
	font-size: 8pt;
	text-align: justify;
	padding: 3px;
	font-style: italic;
}

.whyHidden
{
	width: 700px;
	visibility: hidden;
	position: absolute;
}

.whyVisible
{
	width: 680px;
	visibility: visible;
	position: absolute;
	font-size: 8pt;
	text-align: justify;
	padding: 3px;
	font-style: italic;
}

.question
{
	text-align: justify;
	font-weight: bold;
}

.answer
{
	text-align: justify;
}

#maincontent
{
	background-color: White;
	height: 850px;
	padding: 10px;
}

#sidepanel
{
	height: 164px;
	background-image: url(images/sidepanel.jpg);
	background-repeat:no-repeat;
}

#sidepanelbottom
{
	height: 20px;
	background-image: url(images/sidepanelbottom.jpg);
	background-repeat:no-repeat;
}

#cart
{
	height: 354px;
	background-image: url(images/cart.jpg);
	background-repeat:no-repeat;
}

#footer
{
	height: 20px;
	background-image: url(images/footerslice.jpg);
	background-repeat: repeat-x;
	font-family: Verdana;
   font-size: 7pt;
   padding-top: 2px;
   color: White;
}

#footer a
{
   text-decoration: none;
   color: white; 
}

td
{
   vertical-align: top;
}

a.tabnormal
{
	border: solid 2px #6f6e6c;
	border-bottom: none;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	margin-top: -20px;
	color: Black;
	background: #eee;
	text-decoration: none;
}

a.tabactive
{
	border: solid 2px #6f6e6c;
	border-bottom: none;
	text-decoration: none;
	padding: 8px 3px 2px 3px;
	background: #c5fd98;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

div.tabpanel
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-top: 14px;
	border-bottom: solid 4px #6f6e6c;
	color: red;
}
		
td.fieldname
{
   text-align: right;
   font-size: 7pt;
   padding-top: 6px;
   font-weight: bold;   
}

div.example
{
   font-size: 6pt;
   font-style: italic;
   border-left: dotted 2px black;
   padding: 2px 0px 0px 4px;
}

hr
{
   color: #b45d16;
}

div.sectiontitle
{
   font-weight: bold;
   font-size: larger;
   color: #b45d16;
}

div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

img
{
	border: solid 0px;
}

.calendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lightyellow;
    color: black;
}
.calendar .ajax__calendar_other .ajax__calendar_day,
.calendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year {
    color: #3d5261;
}
.calendar .ajax__calendar_active .ajax__calendar_day,
.calendar .ajax__calendar_active .ajax__calendar_month,
.calendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.PasswordStrength
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;  
     padding: 2px 3px 2px 3px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 2px;
}

.progressbar
{
   width: 0px;
   background-color: #c5fd98;
   height: 15px;
}

.watermark
{
	color: darkgray;
}


