body {
	margin: 3px 4px;
	background-color: #000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#ccbb00;
	scrollbar-base-color:#DD3121;
	scrollbar-track-color:black;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:black;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color:#000000;
	font-family: Arial, Helvetica, sans-serif;


}
.navbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 64%;
	font-weight: bold;
	border: .2em solid #333333;
	color: #FF3300;
	background-color: #404040;
	padding: 0px;
	height: 2px;








}

.redbox {
	border-top: 0.05em #FF6666;
	border-right: 0.05em dotted #FF0000;
	border-bottom: 0.05em dotted #FF0000;
	border-left: 0.05em dotted #FF6666;

}
.navtable {
	border-top-width: 0.05em;
	border-right-width: 0.05em;
	border-bottom-width: 0.05em;
	border-left-width: 0.05em;
	border-bottom-style: solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;





}
input {
	background-color: #ccbb00;
	color: #000000;
	font-size: 90%;



	
}
.text {
	background-color: #FFFFFF;
	vertical-align: top;
	border-top-width: 0.25em;
	border-right-width: 0.25em;
	border-bottom-width: 0.25em;
	border-left-width: 0.25em;
	border-top-color: #ccbb00;
	border-right-color: #ccbb00;
	border-bottom-color: #ccbb00;
	border-left-color: #ccbb00;
	border-left-style: solid;
	padding: 6px;
	font-size: 75%;






}
.topnavbar {
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	background-image: url(images/punkoiuk_logo_blk_yell.jpg);
	vertical-align: top;


}
.topnavbar A:link {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;text-decoration: none}
	
	.topnavbar A:visited {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;text-decoration: none}
.topnavbar A:active {text-decoration: none}
.topnavbar A:hover {
	color: #000000;
	background: #fe0000;
	text-decoration: none;
}
 
 
.navbarmenu {
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #666666;
	height: 2px;
	text-decoration: none;





}

.navbarmenu A:link {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;text-decoration: none}
	
	.navbarmenu A:visited {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;text-decoration: none}
.navbarmenu A:active {text-decoration: none}
.navbarmenu A:hover {
	color: #000000;
	background: #fe0000;
	text-decoration: none;
}
 
.leftside {

	border-top-width: 0.05em;
	border-right-width: 0.05em;
	border-bottom-width: 0.05em;
	border-left-width: 0.05em;
	border-right-style: solid;
	border-top-color: #ccbb00;
	border-right-color: #ccbb00;
	border-bottom-color: #ccbb00;
	border-left-color: #ccbb00;
}
.footer {

	font-size: 60%;
	font-weight: bold;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.navbarleft {
	font-size: 60%;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-weight: bold;
	background-color: #666666;
	vertical-align: top;
	background-image: url(images/splat.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;


}


.navbarleft A:link {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 120%;
}
	
	.navbarleft A:visited {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 120%;
}
.navbarleft A:hover {
	color: #000000;
	background: #fe0000;

	font-size: 120%;
}


 
.navbarleft submit
{
heigh:14px;
width:14px;
}
 
 
.textbarleft {
	font-size: 70%;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 3em solid #ccbb00;


}
a:link {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	
}
a:visited {
	color: #666666;
	text-decoration: none;

}
a:hover {
	color: #ccbb00;

}

.headerbar {
	background-image: url(images/header1.gif);
	height: 23px;
	border-top-width: 0.05em;
	border-top-color: #ccbb00;
	border-top-style: solid;
	font-weight: bold;
	color: #FFFFFF;







}
.textAmount {
	text-decoration: underline;
	background-color: #333333;
	color: #ccbb00;
	font-size: 85%;
	padding-left: 6px;
	padding-top: 8px;



}
.headerbardull {
	height: 23px;
	border-top-width: 0.05em;
	border-right-width: 0.05em;
	border-bottom-width: 0.05em;
	border-left-width: 0.05em;
	border-top-color: #ccbb00;
	border-right-color: #ccbb00;
	border-bottom-color: #ccbb00;
	border-left-color: #ccbb00;
	border-top-style: solid;
	background-color: #eoeoeo;


}
textarea {
	background-color: #dadada;
	font-size: 100%;

}
select {
	background-color: #ccbb00;
	font-size: 90%;
	text-align: left;
	color: #000000;
}
.prodHeader {
	color: #CC3300;
	text-align: left;
}
.tableHeader {
	background-color: #ccbb00;
	vertical-align: top;

}
.sitetableHeader {
	background-color: #e0e0e0;
	vertical-align: top;

}


h1 {
	font-weight: bold;
	font-size: 100%;
margin: 0px;
	padding: 0px;

}
h2 {
	font-weight: bold;
	font-size: 95%;
margin: 0px;
	padding: 0px;

}

UL 
{
list-style-image: url('bullet.gif');
}
hr {
	border: none 0;
	border-top: 1px dashed #ccbb00;
		height: 1px;
	text-align: center;
margin: 0px;
	padding: 0px;
} 

.emphasise {

	font-weight: bold;
	color: #003366;
}
.edge {
	background-color: #e0e0e0;
	background-image: url(images/edge.gif);
	background-repeat: repeat-y;
}
.intro {
	font-size: 1.3em;
	color: #FFFFFF;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;

}
.outline {
	border: 0.05em dotted #ccbb00;
	font-size: 90%;

}
.side {
	font-size: 0.7em;
	font-weight: normal;
	padding-left: .7em;

}
.side  A:link {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-decoration: none;
	font-weight: normal;
}
	
	.side  A:visited {
	
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;text-decoration: none}
.side A:active {text-decoration: none}
.side  A:hover {
	color: #fe0000;
	text-decoration: none;
}
.sidetable {
	border-bottom-width: .02em;
	border-bottom-style: dashed;
	border-bottom-color: #CCCC00;
}

.side-title {
	PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-LEFT: auto; COLOR: #003366; MARGIN-RIGHT: auto; PADDING-TOP: 2px
}
.side-block {
	PADDING-RIGHT: 0.75em; PADDING-LEFT: 0.75em; FONT-WEIGHT: normal; FONT-SIZE: 10px;  MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0.75em; MARGIN-LEFT: auto; COLOR: #000; MARGIN-RIGHT: auto; PADDING-TOP: 0.3em; TEXT-DECORATION: none
}

UL 
{
list-style-image: url('images/bullet.gif');
}
h3 {

	font-weight: normal;
	font-size: 100%;
margin: 0px;
	padding: 0px;
}
.light {
	color: #999999;
}
.menuheader {
	font-size: 90%;
	color: #CCCC00;
}


.input-text
{
BORDER:1 solid #C0C0C0; 
FONT-FAMILY:Verdana; 
FONT-SIZE:10pt; 
COLOR:#000000;
width:1in
}


.table_gig_body
{
	font-size: 90%;

}
.TableGigs {

	border: none;
	font-size: 90%;
}