*
.buttons a {
    margin-left: auto;
    margin-right: auto; 
    display:block ;
    float: right;
    margin:0 7px 0 0;
    background-color:#ccc;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none ;
    font-weight:bold ;
    color:#990000;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons a:hover {
    display:block;
    float: right;
    margin:0 7px 0 0;
    background-color:#990000;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ccc;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.button:hover {
    display:block;
   float: right;
    margin:0 7px 0 0;
    background-color:#990000;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ccc;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.button {
    display:block;
    float: right;
    margin:0 7px 0 0;
    background-color:#ccc;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#990000;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
{

margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;

}

input[type="text"], input[type="password"], select, textarea, input[type="file"]

{
color: #444;
font-size: 14px;
margin: 3px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
border-style: 1px solid  #cccccc;
background-color: #eee;
padding: 1px;
}


body {
     margin-left: auto;
    margin-right: auto; 
    behavior: url("csshover3.htc"); 
	margin: 0; padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000; 
	background: #636363 url(../images/bg.jpg) repeat-x;	
}

/* links */
a {
font:   1.1em Verdana, Arial, Tahoma,  Sans-serif;
text-decoration:underline;
color:#000;
}

a:hover {
font:  1.1em Verdana, Arial, Tahoma,  Sans-serif;
text-decoration:underline;
color:#777;
}
img {
  border: 0px;
  }
legend {
   background: #343434;
   padding: 6px;
   font: bold 1.0em Verdana, Arial, Tahoma,  Sans-serif;
   color:#fff;
  }
fieldset {
margin-left: auto;
    margin-right: auto; 
background:#fff ;
 padding:10px; 
 border:1px solid #000; 
 border-color:#000; margin-bottom:10px; width:700px;
 }
form fieldset div.notes {
  float: right;
  width: 125px;
  height: auto;
  margin: 0 0 5px 5px;
  padding: 5px;
  border: 1px solid #dddddd;
  background-color: #eeeeee;
  color: #00000;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #000000;
  color: #000000;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #000000;
}

form fieldset div.notes p.last {
  margin: 0em;
}
label{
float: left;
width: 120px;
font-weight: bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}
/* navigation tabs */
#header ul {
	position: absolute;
   margin:0;
   list-style:none;
	right:-18px ; bottom: 3px;
    font: 1.0em Verdana, Arial, Tahoma,  Sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(../images/tableft.gif) no-repeat left top;
   font: bold 1.0em Verdana, Arial, Tahoma,  Sans-serif;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(../images/tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* headers */
h1, h2, h3 {
	font-family:  Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #333;
}
h1 {
	font-size: 120%;
	letter-spacing: .5px;
}
h2 {
	font-size: 115%;	
	text-transform: uppercase; 		
}
h3 {
	font-size: 115%;
	color: #003366;		
}



p {
	padding: 0;		
	margin: 10px;
	color: #000;
}

/**********************************
  LAYOUT 
***********************************/
#wrap {
    clear: both; 	
	margin: 0 auto; 
	width: 780px;
}

/* header */
#header {
	position: relative;
	margin: 0; padding: 0;
	height: 70px;
}
#header span#slogan {
	z-index: 3;
	margin-left: 20px;
	position: absolute;
	left: 3px; bottom: 10px;
	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;	
	color: #FFF;	
}

#header-logo {
	position: relative;
	clear: both;
	height: 40px; 
	margin: 0; padding: 0;	
}
#header-logo #logo {
	position: absolute;
	top: 1px; left: 5px;
	font: bold 25px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	margin-top: 8px;
	margin-left: 20px; padding: 0;
	letter-spacing: -1px;
	color: #fff;
}

/* Proofbox */
.proofboxsign {
	float:left;
	margin-right: 5px; padding: 10px;
	width: 400px;
	height: 350px;
	border:solid 1px #DEDEDE;
background: #f7f7f7 ; 
}
.proofboxside {
	float:left;
	padding: 10px;
	width: 300px;
	height: 350px;
	border:solid 1px #DEDEDE;
background: #f7f7f7 ; 
}
.proofboxbottom {
	float:left;
	margin: 5px;
	padding: 10px;
	width: 720px;
	height: 300px;
	border:solid 1px #DEDEDE;
background: #f7f7f7 ; 
}

/* Invoicebox */
#invoicebox {
	position: relative;
	 padding: 0px 100px 0px 20px;
	height: 320px;
	width: 780px;
	font: 1.2em Verdana, Arial, Tahoma,  Sans-serif ;	
	color:#000;
  
	}
#invoicebox h1 {
      color:#000;
      font: bold 1.1em Verdana, Arial, Tahoma,  Sans-serif;
	  padding-bottom:5px;
}

.invoiceboxinner {
    color: #000;
	margin-top: 5px;
	padding-top: 5px;
	width: 780px;
	
}
.invoiceboxinnerl {
   float:left;
	margin: 0;
	padding-top: 5px;
	width: 380px;
	color: #000;
}
.invoiceboxinnerr {
     float:right;
	margin: 0; 
	padding-top: 5px;
	width: 400px;
     
}
.invoiceboxinnerfooter {
     clear:both;
	margin: 0; padding-top: 10px;
	width: 800px;

     
}

#proofboxu {
	position: relative;
	margin: 0; padding: 0;
	height: 400px;
	width: 800px;
	background: url(../images/proofbg.jpg) ;	
}

/* footer */
.footer { 
	clear: both; 	
	font-weight: bold;
	padding: 2px 0 2px 0; 
	text-align: center;  
	line-height: 1.5em;	
	font-size: 95%;
}
.footer a { 
	text-decoration: none; 
	font-weight: bold;
	font-size: 95%;	
}

#linkbox {
	position: relative;
	background: url(../images/mainbg.png) no-repeat ;	
	margin: 0; padding: 0;
	height: 760px;
	width: 800px;
}
.linkboxlink  {
	float: left;
	width:400px;
   padding:5px;
   margin: 0 0 0 30px;
border:1px solid gray;	
}

.linkboxp  {

	float: left;
	width:700px;
   padding:5px;
   margin: 10px 0 0 0;

}
.linkboxtext {
	float:left;
	margin: 0 0 0 25px; padding-top: 10px;
	width: 750px;
	
}
.linkboxtext p{
	
	padding: 0;		
	margin: 10px;
	color: #000;
}
.linkboxtext h1{
	
	color:#000;
      font: bold 1.3em Verdana, Arial, Tahoma,  Sans-serif;
}
.formbox  {
	float: left;
	width:600px;
   padding:5px;
   margin: 0 0 0 20px;

}
.linkbar  {
	float: left;
	width:700px;
	height:100%;
   margin: 0;
   color: #fff;
    font: bold 1.3em Verdana, Arial, Tahoma,  Sans-serif;
   padding: 5px 0 0 20px;
   
}

.textbox{
float:left;
font-size:12px;
margin:2px 0 2px 0;
padding: 2px;
}

.navlinks1 a, .navlinks2 a {
font:   1.1em Verdana, Arial, Tahoma,  Sans-serif;
text-decoration:underline;
color:#fff;
}

.navlinks1 a:hover , .navlinks2 a:hover{
font:  1.1em Verdana, Arial, Tahoma,  Sans-serif;
text-decoration:underline;
color:#ccc;
}
.navlinks{
background: #636363 ;	
float:left;
width:740px;
height:100%;
border: 1px #701213 solid;
}
.navlinks1{
float:left;
width:200px;
height:100%;
color: #fff;
font-size:12px;
padding: 5px;
padding-left:30px;
}
.navlinks2{
float:left;
width:200px;
height:100%;
color: #fff;
font-size:12px;
padding: 5px;
padding-left:30px;
}
.helpbox{
float:right;
width:35px;
height:35px;
}
.iconbox{
float:left;
width:200px;
height:200px;
font-size:12px;
margin:2px 0 2px 0;
padding: 5px;
align:center;
}

.iconbox2{
float:left;
width:200px;
height:140px;
font-size:12px;
margin:2px 0 2px 0;
padding: 5px;
align:center;
}
.iconbox3{
float:left;
width:400px;
height:140px;
font-size:12px;
margin:2px 0 2px 0;
padding: 5px;
align:center;
}
.iconbox4{
float:left;
width:230px;
height:140px;
font-size:12px;
margin: 0;
padding: 5px;
align:center;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;
}
.iconbox5{
float:left;
width:460px;
height:140px;
font-size:12px;
margin: 0;
padding: 5px;
align:center;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;
}
.topbox  {
	float: left;
	width:740px;
   padding:5px;
   margin: 0px;
   text-align:left;
   
}
.topbox2  {
	float: right;
   padding:0px;
   margin: 0px;
   text-align:left;
   
}
/* ----------- Invoice Box----------- */
.inv3 h1,.inv5 h1, .inv4 h1, .inv2 h1, .inv1 h1, .inv6 h1 {
background: #DEDEDE ;
padding: 2px 0px 0px 2px;
width: 100%;
height:20px;
font-size:12px;
color: #262626;
}
.inv1{
float:left;
width:100px;
height:150px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.inv3{
float:left;
width:125px;
height:150px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.inv2{
float:left;
width:450px;
height:150px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.inv4 {
margin-left: auto;
margin-right: auto; 

width:750px;
text-align:left;
margin-top: 3px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.inv5{
float:left;
width:345px;
height:400px;
margin-right: 3px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.inv6{
float:left;
width:18%;

margin-right: 5px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.inv7{
clear:both;
float:left;
width:740px;
height:700px;
font-size:12px;
padding: 5px 5px 0px 5px;
border:solid 1px #DEDEDE;
background: #f7f7f7;	
}

.inv8{
float:left;
width:15%;
height:25px;
font: bold 1.0em Verdana, Arial, Tahoma,  Sans-serif ;	
background: #ccc ;	
border:solid 1px #DEDEDE;
}
.inv9{
float:left;
width:50%;
height:25px;
border:solid 1px #DEDEDE;
font: bold 1.0em Verdana, Arial, Tahoma,  Sans-serif ;	
background: #ccc ;	
}

.inv10{
float:left;
width:15%;
height:25px;
font: bold 1.1em Verdana, Arial, Tahoma,  Sans-serif ;	
border:solid 1px #DEDEDE;
background: #eee ;	
}
.inv11{
float:left;
width:50%;
height:25px;
font: bold 1.1em Verdana, Arial, Tahoma,  Sans-serif ;	
border:solid 1px #DEDEDE;
background: #eee ;	
}
.inv12{
float:left;
width:80%;
font-size:12px;
border:solid 1px #DEDEDE;
background: #eee ;	
}
.inv13{
float:left;
text-align:right;
width:65%;
height:25px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #eee ;	
}
.inv14{
float:left;
width:100%;
height:80px;
margin-top: 5px ;
font-size:12px;
border:solid 1px #DEDEDE;
background: #eee ;	
}
.inv15{
float:left;
width:100%;
height:150px;
margin-top: 5px ;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.inv16{
float:right;
width:18%;
margin-right: 5px;
font-size:12px;
background: #f7f7f7 ;	
}
.boatbox1{
float:left;
margin: 4px;
width:240px;
height:275px;
text-align:left;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;	
}
.boatbox1 h1{
float:left;
padding: 2px;
margin-bottom: 4px;
width: 100%;
height:20px;
text-align:left;
font-size:12px;
color: #262626;
background: #DEDEDE ;	
}
.boatbox12 h1{
float:left;
padding: 2px;
margin-bottom: 4px;
width: 100%;
height:20px;
text-align:left;
font-size:12px;
color: #262626;
background: #DEDEDE ;	
}
.boatbox2{
float:left;
margin-right: 5px;
margin-top: 2px;
width:220px;
height:270px;
text-align:left;
font-size:12px;
border:solid 1px #F0F0F0;
background: #ddd ;
}
.boatbox3{
float:left;
padding-top: 5px;
width:750px;
font-size:12px;
}
.boatbox4{
float:left;
width:128px;
margin: 4px;
height:220px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;		
}
.boatbox5{
float:left;
width:565px;
text-align:left;
font-size:12px;
border-bottom:solid 1px #E0E0E0;
}
.boatbox6{
float:left;
width:700px;
height:250px;
font-size:12px;
border-bottom:solid 1px #E0E0E0;
}
.boatbox7{
float:left;
width:700px;
height:50px;
font-size:12px;
border-bottom:solid 1px #E0E0E0;
}
.boatbox8{
float:left;
width:555px;
height:150px;
font-size:12px;
border-top:solid 1px #E0E0E0;
}
.boatbox9{
float:left;
width:128px;
height:150px;
font-size:12px;
border-top:solid 1px #E0E0E0;
border-left:solid 1px #E0E0E0;
}
.boatbox10{
float:left;
padding-top: 20px;
width:540px;
height:180px;
margin-right: 25px;
margin-left: 25px;
font-size:12px;

}
.boatbox11{
float:left;
width:144px;
margin: 4px;
height:180px;
font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ;		
}
.boatbox12  {
	float: left;
	width:740px;
	margin: 4px;
  font-size:12px;
border:solid 1px #DEDEDE;
background: #f7f7f7 ; 
}




.securitybox {
	float:left;
	background: url(../images/securitybg.png) no-repeat ;	
	margin: 0; padding: 0;
}
.topbox img
{
float:right;
top:0px;
}
.topbox2 img
{
float:left;
top:0px;
}
.paymentbox {
	position: relative;
	 padding: 0px 100px 0px 20px;
	width: 700px;
	font: 1.2em Verdana, Arial, Tahoma,  Sans-serif ;	
	color:#000;
  border:1px #000;
border-style:dashed;
	}


.red   { color: #CC0000; }


.progressbar {
float:left;
width:220px;
height:20px;
color: #fff;
border:solid 1px #fff;
margin-bottom:5px;
background: #990000 ; 
font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif ;	
padding-left:10px;
}
.progressbar1 {
float:left;
width:220px;
height:20px;
color: #ccc;
border:solid 1px #fff;
margin-bottom:5px;
background: #eee ; 
font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif ;	
padding-left:10px;
}
.progressbar2 {
float:left;
width:220px;
height:20px;
color: #ccc;
border:solid 1px #fff;
margin-bottom:5px;
background: #990000 ; 
font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif ;	
padding-left:10px;
}

.tb3 {
	border: 0px ;
	background: #f7f7f7;
	font: bold 1.0em Verdana, Arial, Tahoma,  Sans-serif ;	
}