/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	width:600px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	
}
 .transparent {
    filter:alpha(opacity=90);
    background-color:#adde86;
    width:170;
    height:100;
    color: blue;
    border: 1 blue solid;
 }
 
 .titlebar 
 { background-image: url(images/por_bkg.gif);
     background-position: left center;
    background-repeat: repeat-x;
     border-style :solid;
     border-width:1px;
     padding-left:3px;
     font-weight: bold;
     width:300px;
 }

 .titlebar-light
 {
    border-color:#016bbd;
    background-color:#b1ddff;
    color:#444;
 }
  .titlebar-dark
 {
    border-color:#000;
    background-color: Black;
    color:#fff;
 }
 
 input.btnstl{
   color:#005;
   FONT: bold 100% arial;
   border:0px solid;
   background-color :Transparent;
  
   
   border-top-color: #dbeeff;
   border-left-color:#dbeeff;
   border-right-color: #dbeeff;
   border-bottom-color:#dbeeff;
   }
   
   input.btnhov
   {
    
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}

.container {
	DISPLAY: inline-block; MARGIN: 15px auto 0px; WIDTH: 875px
}
.container {
	DISPLAY: block
}
#mini-header A {
	COLOR: #aab3be; TEXT-DECORATION: none
}
#mini-header A:link {
	COLOR: #aab3be; TEXT-DECORATION: none
}
#mini-header A:visited {
	COLOR: #aab3be; TEXT-DECORATION: none
}
#mini-header A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
#mini-header {
	 BORDER-TOP: #262e37 1px solid; 
	 background : #ffffff url(img/menubar.jpg) repeat-x center top; 
	HEIGHT: 40px
}
#mini-header .container {
	FONT-SIZE: 14px; MARGIN: 23px auto 0px
}
#navigation {
	FLOAT: left; PADDING-TOP: 3px;
	font:Trebuchet MS;
}
#navigation UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#navigation UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#navigation UL LI A:link {
	BORDER-RIGHT: #6c7c8e 1px solid; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 0px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#navigation UL LI A:visited {
	BORDER-RIGHT: #6c7c8e 1px solid; PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #ffffee; PADDING-TOP: 0px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#navigation UL LI A.current:link {
	FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
#navigation UL LI A.current:visited {
	FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
#navigation UL LI A:hover {
	COLOR: #fffeee
}
.titleSection {
    FONT-WEIGHT: bold;
    COLOR: #800000;
    font-size : small;
}

/************************/
.menu-header A {
	COLOR: #000066; TEXT-DECORATION: none
}
.menu-header A:link {
	COLOR: #000066; TEXT-DECORATION: none
}
.menu-header A:visited {
	COLOR: #000066; TEXT-DECORATION: none
}
.menu-header A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
.menu-header {
    background : #ffffff url(img/menuback.gif) repeat-x center top;
    HEIGHT: 20px
}
.menu-header .container {
    FONT-SIZE: 14px;
    MARGIN:  0px auto 5px auto
}
.nav {
    FLOAT: left;
    PADDING-TOP: 1px;
    font: Trebuchet MS;
     font-weight:400;
}
.nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.nav UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
.nav UL LI A:link 
{
    BORDER-RIGHT: #6c7c8e 1px solid;
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #0033CC;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.nav UL LI A:visited {
    BORDER-RIGHT: #6c7c8e 1px solid;
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #0033CC; 
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
.nav UL LI A.current:link {
    FONT-WEIGHT: bold;
    COLOR: #FF9900;
    TEXT-DECORATION: none;
}
.nav UL LI A.current:visited {
    FONT-WEIGHT: bold;
    COLOR: #FF9900;
    TEXT-DECORATION: none;
}
.nav UL LI A:hover {
    COLOR: #FF9900
}
 .box {
    BORDER-RIGHT: 2px #fc0 solid;
    BORDER-TOP: #fc0 2px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: #fc0 2px solid;
    COLOR: #333;
    BORDER-BOTTOM: #fc0 2px solid;
}
.help_box {
	PADDING-RIGHT: 15px; MARGIN-TOP: 20px; PADDING-LEFT: 70px; BACKGROUND: url(img/question.gif) #ffff99 no-repeat 15px 13px; PADDING-BOTTOM: 10px;  PADDING-TOP: 10px
}
.alt_box {
	PADDING-RIGHT: 15px; MARGIN-TOP: 20px; PADDING-LEFT: 70px; BACKGROUND: url(img/status_unknown.png) #ffff99 no-repeat 15px 13px; PADDING-BOTTOM: 10px;  PADDING-TOP: 10px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 7px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H2.pt {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; PADDING-TOP: 8px;
    height: 24px;
    width: 162px;
}
.greyaddbox
{
    margin: 3px;
    padding: 3px;
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    font-size: 11px;
    border-left: #ccc 1px solid;
    width: 320px;
    color: #333;
    line-height: 16px;
    border-bottom: #ccc 1px solid;
    height: 60px;
    background-color: #eee;
}

.greybox
{
border-right: #ccc 1px solid; border-top: #ccc 1px solid; font-size: 11px; border-left: #ccc 1px solid; width: 90%; color: #333; line-height: 16px; border-bottom: #ccc 1px solid; height: 60px; background-color: #eee;
 
}

.linebar
{
margin-bottom: 15px; height: 2px; background-color: #0075ce
}
DIV.submitCancel {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 15px
}
A.butMedium:link {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; FONT-SIZE: 16px; BORDER-LEFT: #aaa 1px solid; WIDTH: 120px; COLOR: #333; MARGIN-RIGHT: 8px; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
A.butMedium:active {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; FONT-SIZE: 16px; BORDER-LEFT: #aaa 1px solid; WIDTH: 120px; COLOR: #333; MARGIN-RIGHT: 8px; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
A.butMedium:visited {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; FONT-SIZE: 16px; BORDER-LEFT: #aaa 1px solid; WIDTH: 120px; COLOR: #333; MARGIN-RIGHT: 8px; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
A.butMedium:hover {
	COLOR: #777; BACKGROUND-COLOR: #fff
}
A.butMedium SPAN {
    PADDING-RIGHT: 14px;
    PADDING-LEFT: 14px;
    BACKGROUND-IMAGE: url('img/butMed.gif');
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 4px;
    BACKGROUND-REPEAT: repeat-x;
}
.butMed
{
    	border: 1px solid #aaa;
    padding: 1px 14px;
    FONT-SIZE: 16px; 
    	    COLOR: #333; 
    	    MARGIN-RIGHT: 8px; 
    	    BACKGROUND-COLOR: #fff; 
    	TEXT-ALIGN: right;
        BACKGROUND-IMAGE: url('img/butMed.gif');
        BACKGROUND-REPEAT: repeat-x;
    
}
.butMed:hover {
	COLOR: #777; BACKGROUND-COLOR: #fff
}
FIELDSET {
	BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #e7e7e7 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; BORDER-LEFT: #e7e7e7 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #bbb 1px solid
}
FIELDSET LEGEND {
    background: #EAF4EF;
    border-right: #bbb 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #eee 0px solid;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 17px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #bbb 0px solid;
    COLOR: #0075ce;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #bbb 0px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    border: 1px #C0C0C0 solid;
}
#footer {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: center top; BORDER-TOP: #ddd 1px solid; MARGIN-TOP: 40px; PADDING-LEFT: 0px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../footerBackground.gif); PADDING-BOTTOM: 50px; PADDING-TOP: 20px; BACKGROUND-REPEAT: repeat-x;
	text-align:center;
}
TEXTAREA {
	padding: 1px;
    FONT-SIZE: 12px;     LINE-HEIGHT: normal;     FONT-FAMILY: Verdana, sans-serif;
    width: 140px;
    margin-left: 0px;
}
.formArea {
	FONT-SIZE: 8pt; WIDTH: 350px; HEIGHT: 50px
}
.inv_notes_terms {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.inv_terms {
	WIDTH: 350px; HEIGHT: 70px
}
.inv_notes {
	WIDTH: 350px; HEIGHT: 70px
}
.inv_terms {
	MARGIN-RIGHT: 40px
}