/* CSS Document */
body{
	background-color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	text-align:left;
	color:#000;
	padding:0px;
	}
a	{
	color:#003399;
	}
a:hover{
	color:#990000;
	}
h3 {
	color: #369;
	font-size:120%;
	}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #369;
	}
	
#logo {
	display:none;
	}
	
.fade{
	width:auto;
	background-image:url(images/backgroundFade.jpg);
	background-repeat:repeat-x;
	}
	
#shell{	
	width:770px;
	height:auto;
	text-align:center;
	background-color: #FFFFFF;
	padding:0px;
	margin:0px;
	}

#header{
	background-image:url(images/header2010.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#ffffff;
	text-align:right;
	width:770px;
	height:141px;
	}
#header a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #ffffff;
	font-size:12px;
	font-weight:900;
	}
#header a:hover{
	color:#FF0000;
	}
#header p{
	padding-right:20px;
	}
	
#headerLogin{
	width:770px;
	height:21px;
	}
		
#nav {
	width:765px;
	color: #99CCFF;
	padding-right:5px;
	padding-bottom:10px;
	}

#nav ul{
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
	}
	
#nav ul li{
	display:inline;
	padding:3px;
	}
	
#nav a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #FFFFFF;
	font-size:12px;
	}
	
#nav a:hover{
	color:#FFCC00;
	border-bottom:dashed 1px;
	}

#navbottom{
	background-image:url(images/normal_navbottom.jpg);
	background-repeat:no-repeat;
	width:730px;
	background-color:#FFFFFF;
	padding:0px 20px 10px 20px;
	text-align: left;	
	}
	
#content{
	background-image:url(images/bodyBackground2008.jpg);
	background-repeat:repeat-y;
	width:730px;
	background-color:#FFFFFF;
	padding:0px 20px 0px 20px;
	text-align: left;
	}
	
#bottom {
	background-image:url(images/bottom2008.jpg);
	background-repeat:no-repeat;
	background-color:#003366;
	width:770px;
	height:107px;
	clear:both;
	}
#copywright {
	padding-top:20px;
	padding-right:10px;
	width:760px;
	color:#369;
	font-size:10px;
	text-align:right;
	}
#copywright a{
	color:#369;
	}
	
/*class for the form on the Log In Page*/	
.form1 { 
	color: #369;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
	font-size:10px;
	}

.table1{
	text-align:center;
	border:solid 1px #369;
	}
.tablehead{
	background-color:#369;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	}
.tableshade{
	background-color:#EBEBEB;
	}
.table2{
	border:solid 1px #369;
	}
.tableform{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#EEEEEE;
	border:solid 1px #CCCCCC;
	}
	
	
.tablehelpdesk{
	padding:10px;
	text-align:center;
	}
.tablehelpdesk img{
	border:none;
	}
.tablehelpdesk a{
	text-decoration:none;
	}
.tablehelpdesk a:hover{
	text-decoration:none;
	font-weight:900;
	}
	
.sampleright{
	float:right;
	}
.sampleleft {
	width:400px;
	padding-left:20px;
	float:left;
	}

.indexinput {
	font-size:9px;
	border:solid 1px #666666;
	background-color:#ebebeb;
	color:#000000;
	}
#indexlogin {
	text-align:right;
	font-size:10px;
	color:#ffffff;
	padding-right:10px;
	}
#index{
	width:100%;
	margin-top:-5px;
	}
		
.productimg {
	float:right;
	clear:both;
	padding-bottom:15px;
	padding-top:32px;
	z-index:-100;
	}
	
	
/* Styles to be used in the Customer area of the site*/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #369;
	}
.graytable{
	border:solid 1px #369;
	background-color:#ebebeb;
	}	
.graytable td{
	padding:2px;
	}

	
.custinfotable {
	}
.custinfotable .label{
	text-align:right;
	font-size:11px;
	border:none;
	}
.custinfotable td{
	padding:1px 10px 1px 10px;
	border:solid 1px #CCCCCC;
	}
.custinfotable .heading{
	text-align:center;
	background-color:#369;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

/* Format the Order Form */
#orderright {
	width:400px;
	float:right;
	padding-bottom:30px;
	text-align:center;
	}
#orderleft {
	width:300px;
	float:left;
	padding-bottom:30px;
	}
#orderleft .colors {
	width:94px;
	padding:3px;
	text-align:center;
	float:left;
	font-size:10px;
	}
#orderleft .colors2 {
	padding:3px;
	text-align:center;
	font-size:10px;
	clear:both;
	}
#orderleft .colors img {
	width:90px;
	}
.ordertable {
	background-color:#ebebeb;
	padding:1px;
	border:solid 1px #369;
	text-align:left;
	}
.ordertable .label{
	text-align:right;
	font-size:11px;
	border:none;
	}
.ordertable td{
	}
.ordertable .heading{
	text-align:center;
	background-color:#369;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px;
	margin-bottom:5px;
	}
.ordertable .form {
	background-color:#FFFFFF;
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:1px;
	}

/* Format for the Order Page */	
.orderdiv {
	background-color:#ebebeb;
	padding:1px;
	border:solid 1px #369;
	text-align:left;
	}
.orderdiv .cell {
	padding-top:5px;
	}
.orderdiv .label{
	width:125px;
	padding-right:3px;
	text-align:right;
	font-size:11px;
	border:none;
	float:left;
	clear:right;
	}
.orderdiv .heading{
	text-align:center;
	background-color:#369;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px;
	margin-bottom:5px;
	}
.orderdiv .form {
	background-color:#FFFFFF;
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:1px;
	}
/* End Format for the Order Page */	
	
.step {
	color:#990000;
	font-size:12px;
	text-align:right;
	}
.blindshiptable {
	border:solid 1px #369;
	text-align:left;
	}
	
/* Format the view order page */
.viewquote {
	background:#EBEBEB;
	border:solid 1px #369;
	text-align:center;
	}


	
/*NOTE will hover information put in a span -- used for inline explanation or difinitions*/
.note a {
	border-bottom:dashed 1px;
	text-decoration:none;
	color:#369;
	}
.note a:hover {
	color:#369;
	font-weight:100;
	}
.note a span{
	display:none;
	font-weight:normal;
	}
.note a:hover span{
	font-size:10px;
	display:block;
	position:absolute; width:180px;
	padding:2px;
	background-color:#FFFFCC;
	color:#369;
	border:solid 1px #369;
	text-align:left;
	}
	 
/* Same as NOTE style but used when small text is needed */
.note2 {
	border:none;
	}
.note2 a {
	text-align:right;
	font-size:11px;
	border-bottom:dashed 1px;
	text-decoration:none;
	color:#369;
	}
.note2 a:hover {
	color:#369;
	font-weight:100;
	}
.note2 a span{
	display:none;
	font-weight:normal;
	}
.note2 a:hover span{
	font-size:10px;
	display:block;
	position:absolute;
	width:180px;
	padding:2px;
	background-color:#FFFFCC;
	color:#369;
	border:solid 1px #369;
	text-align:left;
	}	
	
#myacctright {
	width:540px;
	float:right;
	padding-bottom:30px;
	}
#myacctleft {
	width:160px;
	height:auto;
	float:left;
	padding-bottom:0px;
	}
#myacctleft ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-align:left;
	border-top:solid 1px #CCCCCC;
	}	
#myacctleft li{
	display:block;
	}
.myacctmain {   /*Set the Style for the main-accounts*/
	padding-left:0px;
	font-size:12px;
	border-bottom:solid 1px #CCCCCC;
	}
.myacctmain a{
	display:block;
	text-decoration:none;
	color: #369;
	padding:6px 0px 6px 10px;
	background-color:#FFFFFF;
	}
.myacctmain a:hover{
	color:#ffffff;
	background-color:#369;
	border-right:solid 5px #036;
	}
.myacctsub {  /*Move the update billing and shipping so they will look like sub-accounts*/
	padding-left:20px;
	font-size:10px;
	border-bottom:solid 1px #FFFFFF;
	}
.myacctsub a{
	display:block;
	text-decoration:none;
	color: #369;
	padding:2px 0px 2px 10px;
	background-color:#FFFFFF;
	}
.myacctsub a:hover{
	color:#990000;
	border-right:solid 5px #990000;
	}

.displayorders {
	width:540px;
	}	

/*download link styles downloads page (pricing.cfm)*/
#downloadinfo{
	padding-left:20px;
	}
#downloadinfo a{
	text-decoration:none;
	width:210px;
	margin:5px;
	padding:5px;
	float:left;
	text-align:center;
	border:dashed 1px #999999;
	color:#369;
	}
#downloadinfo img{
	border:none;
	}
#downloadinfo a:hover{
	background-color:#efefef;
	border:solid 1px #000000;
	color:#369;
	}


/*Icon link styles for Help Desk*/
#icon2{
	padding-left:20px;
	}
#icon2 a{
	text-decoration:none;
	width:150px;
	margin:5px;
	padding:5px;
	float:left;
	text-align:center;
	border:dashed 1px #999999;
	color:#369;
	}
#icon2 img{
	border:none;
	}
#icon2 a:hover{
	background-color:#efefef;
	border:solid 1px #000000;
	color:#369;
	}




.polsample {
	padding:4px;
	float:left;
	text-decoration:none;
	font-size:10px;
	text-align:center;
	border:solid 1px #999999;
	margin:5px;
	}
.polsample a{
	text-decoration:none;
	}
.polsample a:hover{
	text-decoration:underline;
	}
	
#clear{
	clear:both;
	}
	
/*download link styles downloads page (pricing.cfm)*/
#productinfo{
	padding-left:20px;
	position:relative;
	
	}
#productinfo a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:300px;
	height:25px;
	margin:3px;
	padding-top:7px;
	float:left;
	text-align:center;
	border:dashed 1px #999999;
	color:#369;
	background-color:#ffffff;
	}
#productinfo img{
	border:none;
	}
#productinfo a:hover{
	background-color:#efefef;
	border:solid 1px #000000;
	border-right:none;
	width:317px;
	color:#369;
	}	
		/*Display popout with wording about the product*/
#productinfo a span{
	display:none;
	font-weight:normal;
	position:absolute; 
	top:30px;
	right:0px;
	z-index:1;
	}
#productinfo a:hover span{
	position:absolute;
	font-size:12px;
	display:block;
	text-align:justify;
	width:380px;
	height:440px;
	padding:5px;
	padding-left:10px;
	background-color:#efefef;
	color:#369;
	border:solid 1px #369;
	text-align:left;
	z-index:1;
	}
#productinfo a span img{
	text-align:center;
	}
	
#savetarget a span{
	display:none;
	font-weight:normal;
	position:absolute; 
	top:10px;
	left:10px;
	z-index:1;
	}
#savetarget a:hover span{
	position:absolute;
	font-size:12px;
	display:block;
	text-align:justify;
	text-decoration:none;
	width:500px;
	height:600px;
	padding:5px;
	padding-left:10px;
	background-color:#efefef;
	color:#369;
	border:solid 1px #369;
	text-align:left;
	z-index:1;
	}
#savetarget a span img{
	text-align:center;
	border:none;
	}
.artdownloadbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	}
.artdownloadbutton ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	width:auto;
	}
.artdownloadbutton li{
	display:inline;
	padding:0;
	}
.artdownloadbutton a {
	color:#000000; 
	text-decoration:none;
	float:left;
	}		
.artdownloadbutton a span {
	margin:7px;
	text-align:center;
	padding: 5px 5px 5px 5px;
	display:block;
	float:none;
	background-color:#efefef;
	border:dashed 1px #cccccc;
	}	
.artdownloadbutton a span img {
	border:none;
	}	
.artdownloadbutton a:hover span{
	background-color:#FFFFCC;
	border:dashed 1px #cccccc;
	}
.clearall {
	clear:both;
	}
.fb{
	text-align:center;
	}
.fb a {
	text-decoration:none;
	}
.fb a img{
	text-decoration:none;
	border:none;
	}