/*
************************************************************************
*
*	HTML style (body, form...etc)
*
************************************************************************
*/

body{
	margin: 0;
	background-color: #f1f1f1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF; 
	border: 1px solid #000;
	font-size: 12px; 
}

select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF; 
	border: 1px solid #000;
	font-size: 12px;
}

input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: normal;
}

.btt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #570707;
	color: #FFF;
	border: 1px solid #000;
}

a:link, a:visited{
	text-decoration:none;
	color:#FF0000;
}

a:hover{
	color:#FF0000;
	text-decoration: underline;
}

.pageHeader {
	padding: 0 0 0 0; 
	margin-top: 8px;
	margin-bottom: 8px;
	background: url(../images/top_banner.gif) #800000 no-repeat;
	width: 750px; 
	height: 80px;
}

/* change table background color */

.tabdata {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.tabdata tr {
	background-color: #FFFFFF;
}
.tabdata td {
	padding: 4px;
	color: #000000;
}
.tabdata th {
	background-color: #336699;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}
.tabdata tr.altrow {
	background-color: #F1F1F1;
}

.tabdata tr:hover, .tabdata tr.hilite {
	background-color: #85DBFF;
}
/* end - change table background color */


/*
************************************************************************
*
*	Text Style
*
************************************************************************
*/

.head{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	color: #000;
}

.head2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	color: #FF0000;
}

.normal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

.optionnum{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.optionname{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990066;
}

.commname{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #800000;
}

.normalbg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #336699;
	color: #fff;
}

.small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}

.fine1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000;
}

.errortxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.infotxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}

.reqtxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}

.headbg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #336699;
	color: #FFF;
}

.headbgw{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
}

.grandtotal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #F1F1F1;
	color: #000000;
}

.signature{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

.rowcolor1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	font-weight: normal;
	color: #000;
}

.rowcolor2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #E4EDF8;
	font-weight: normal;
	color: #000;
}

.rowcolor3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #F1F1F1;
	font-weight: normal;
	color: #000;
}

.rowhead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #D3DCE3;
	color: #000;
}

.headshadow{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #570707;
	width: 90%;
	filter: 
		progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=2, Color='#c0c0c0', Positive='true')
		progid:DXImageTransform.Microsoft.MotionBlur(strength=2, direction=90);
	/*
	filter: 
		progid:DXImageTransform.Microsoft.MotionBlur(strength=5, direction=310)
		progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
		progid:DXImageTransform.Microsoft.Wheel(duration=3);
	*/
}

.headshadow2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	width: 90%;
	filter: 
		progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=4, Color='#c2c2c2', Positive='true')
		progid:DXImageTransform.Microsoft.MotionBlur(strength=0, direction=180);
	/*
	filter: 
		progid:DXImageTransform.Microsoft.MotionBlur(strength=5, direction=310)
		progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
		progid:DXImageTransform.Microsoft.Wheel(duration=3);
	*/
}

.orderhead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: bold;	
	color: #800000;
	text-decoration: underline;
}

.solidForm{
	border: 1px solid #000; 
	background-color:#f1f1f1; 
	width:90%;
	text-align: center;
	padding-left: 10px;
	padding-top:15px;
	padding-bottom:15px;
}

.warrantyForm{
	border: 0px dashed #c0c0c0; 
	background-color:#f1f1f1; 
	width:90%;
	text-align: center;
	padding-left: 10px;
	padding-top:15px;
	padding-bottom:15px;
}

.menuheader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: underline;
	color: #fff;
}

.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

.menu:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;		
}

.menu:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

.menu:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

.orderitem{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

.orderitem:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-decoration:none;		
}

.orderitem:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

.orderitem:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	text-decoration:underline;
}

.addNewForm{
	border: 1px solid #000; 
	background-color:#c0c0c0; 
	width:100%;
	padding-left: 10px;
	padding-top:15px;
	padding-bottom:15px;
}

.tableForm{
	border: 1px solid #000; 
	background-color:#c0c0c0; 
	width:60%;
	padding-left: 10px;
	padding-top:15px;
	padding-bottom:15px;
}

.nbarblack {
	padding: 0 0 0 0;  
	margin: auto; 
	background: #000000 no-repeat right top;
	vertical-align: top; 
	width: 180px; 
}

.nbarblack ul {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 10px 0 0 15px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	line-height: 2em; 
}

.nbarblack a:link
{
	color: #fff;
	text-decoration: none;
}

.nbarblack a:visited
{
	color: #fff;
	text-decoration: none;
}

.nbarblack a:hover {
	color: #fff;
	text-decoration: underline;
}

.nbarbotblack {
	padding: 0 0 0 0;
	font-size: 0px; 
	background: url(../images/nbleft2.gif) #285078 no-repeat left bottom; 
	width: 160px; 
	height: 8px;
}

.footerText
{
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	color: #606060;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	border: none;
}

.content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: left;
	word-spacing: normal;
}

div.row
{
	clear: both;
	padding-top: 5px;
}

div.row span.label 
{
	float: left;
	width: 45%;
	text-align: right;
}

div.row span.formw 
{
	float: left;
	width: 45%;
	text-align: left;
}

div.row span.box1
{
	float: left;
	width: 48%;
	text-align: left;
	border: 1px #c0c0c0 solid;
	padding: 3px 3px 3px 3px;
	margin: 0 0 0 2px;
}

div.row span.box2
{
	float: left;
	width: 48%;
	text-align: left;
	border: 1px #c0c0c0 solid;
	padding: 3px 3px 3px 3px;
	margin: 0 0 0 2px;
}