body {
	font-family:   Arial,Helvetica,Verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	background: #cccccc;
	letter-spacing: .1em;
	
}

td {
	font-family: Arial,Helvetica,Verdana, sans-serif;
}

th {
	font-family:  Arial,Helvetica,Verdana, sans-serif;
}

h1 {
	margin-top:0px;
	padding-top:0px;
	font-size: 200%;
}
h2 {
	margin-top:0px;
	padding-top:0px;
	font-size: 160%;
}
h3 {
	margin-top:0px;
	padding-top:0px;
	font-size: 140%;
}
h4 {
	margin-top:0px;
	padding-top:0px;
	font-size: 130%;
	margin-bottom: 3px;
}
h5 {
	margin-top:0px;
	padding-top:0px;
	font-size: 105%;
	margin-bottom: 5px;
	font-weight: 600;
	text-decoration: none;
}
h6 {
	font-size: 100%;
	font-weight: normal;	
}

p {
margin-top:5px;
margin-bottom:10px;


}
img {
margin-right:7px;

}
.pullout{
  width:30%;
  padding:10px;
  background-color:#AD0E0E;
  color:#F5F5F5;
  float:right;
  font: bold 14pt/1em;
  text-align:left;
  letter-spacing: 0.05em;
  margin:5px;
  clear: right;
}
.pulloutQA{
	padding:0px 10px 10px 0px;
	color:#F5F5F5;
	float:left;
	font-size: 200%;
	text-align:left;
	letter-spacing: 0.05em;
	margin:0px 5px 5px 0px;
	clear: right;
	
}
blockquote 
{
	border: 1px dashed black;
	background:#ffffff;
	font-size: 12px;
	color:#cc0000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:10px 10px 0px;
	width: 480px;
}

/*main part*/
#layoutWrapper {
	width: 900px;
	margin: 0 auto;
	background: url(../images/back_subpage.jpg) no-repeat;	
	}


/*header */

#header {
	margin:0px auto;
	width:900px;
	background:  url(../images/header_home_red.jpg) no-repeat;
	height: 150px;
	font-size: 70%;
}
#headerRope {
	margin:0px auto;
	width:900px;
	background:  url(../images/header_rope_ties2.jpg) no-repeat;
	height: 150px;
	font-size: 70%;
}
/*header */

/*headmenu part*/
#menubar {
	
	margin: 0px 0px 0px 650px;
	width: 240px;
	color:#FFFFFF;
	padding-top: 10px;
	height:50px;
}
#menubar a:link, #menubar a:visited {
	font-size: 110%;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/plus_blue.png) no-repeat left center;
	padding-left: 30px;
	height:55px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}
#menubar a:hover,  #menubar a:active,  #menubar a:focus {
	background: url(../images/plus_down.png) no-repeat left center;
	font-size: 110%;
	text-decoration: none;
	height:55px;
	margin: 0px;
	
}

#menubar p {
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
	margin: 0px 0px 0px;
	padding-top: 0px;
	padding-left: 30px;
}
#mainImage {
	margin:0px auto;
	width:800px;
	background: #002145 url(../images/plus.gif) no-repeat;
	height: 250px;
	
}





/*first column*/
#c1 {
	width: 210px;
	height:800px;
	margin:0px;
	padding-left:0px;
	padding-top: 0px;
	float:left;
	background:  url(../images/left_column_red.png) no-repeat;
}

#c1Header{
	width: 175px;
	margin:0px;
	padding-left:50px;
	padding-top: 20px;
	background: #168EE7 url(../images/home_globe.gif) no-repeat 5% 50%;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #002046;
	border-bottom: 1px solid #002046;
	border-left: 1px solid #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
	padding-bottom: 10px;
	letter-spacing: .1em;
}
#leftMenu{
	margin: 0 0 30px 10px; /*removes indent IE and Opera*/
	padding: 10px 5px; /*removes indent Mozilla and NN7*/
	font-size: 70%;
	letter-spacing: 0em;
	background: #BD3E3E;
	color: #FFFFFF;
	width:175px;
}
#leftMenu p {
	font-size: 100%;
	font-weight: lighter;
	text-decoration: none;
	margin: 0px 0px 0px;
	padding-top: 0px;
	padding-left: 45px;
}
#leftMenu a:link, #leftMenu a:visited {
	font-size: 100%;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/plus_blue.png) no-repeat left center;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px 0px 0px 15px;
	
}
#leftMenu a:hover,  #leftMenu a:active,  #leftMenu a:focus {
	background: url(../images/plus_down.png) no-repeat left center;
	font-size: 100%;
	text-decoration: none;
	color: #035898;
	
	
}

.c1Cell {
	width: 165px;
	margin:0px;

	background: url(../images/home_ship.gif) no-repeat 5% 15px;
	border-bottom: 1px dashed #333333;
	padding-left:50px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 10px;
	font-size: 80%;
}


/*second column*/
#c2 {
	width: 690px;
	margin:0px 0px 0px 0px;
	padding-left:0px;
	padding-top: 0px;
	
	float:right;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
*html #c2 {
	width: 687px;
	margin:0px 0px 0px 2px;
	padding-left:0px;
	padding-top: 0px;
	float:left;
	
}
/* end Hide from IE5-mac. \*/
#c2Header{
	width: 682px;
	margin:0px 0px 0px 0px;
	
	
	background: #168EE7 url(../images/product.jpg) no-repeat 2% 50%;


	height: 103px;
	}

#c2UsageHeader{
	width: 584px;
	margin:0px 0px 0px 0px;
	
	
	background:  url(../images/rope-tie_set.jpg) no-repeat 2% 50%;


	height: 278px;
	}

#c2 .c2Cell {
	width: 540px;
	margin:0px;

	padding-left:15px;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 80%;
	float:left;
}
.c2Cell2 {
	width: 550px;
	margin:0px;
	padding-left:15px;
	padding-top: 15px;
	padding-bottom: 30px;
	font-size: 80%;
	background: #eaeaea;
	
}




.c2Cell h4 {
	padding-left:0px;
	padding-top: 0px;
	padding-bottom:4px;
	margin:0px
}

.c2Cell h5 {
	padding-left:0px;
	padding-top: 0px;
	padding-bottom:14px;
	margin:0px
}
.c2Cell2 h5 {
	background: url(../images/home_arrow_grey.gif) no-repeat 0% 50%;
	padding-left:30px;
	padding-top: 0px;
	padding-bottom: 14px;
}

#c2 ul {
	margin-left: 20px;
	margin-right: 20px;
}

#c2 ul li {
	font:   12px/1.5em Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	display: list-item;
	list-style: circle;
	padding-bottom: 10px;
	color: #333333;
}
#c2 a:link, #c2 a:visited {
	font-size: 100%;
	text-decoration: none;
	color: #035898;
	background: url(../images/plus_blue.png) no-repeat left center;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin: 0px 0px 0px 0px;
	float:right;
	
}
#c2 a:hover,  #c2 a:active,  #c2 a:focus {
	background: url(../images/plus_down.png) no-repeat left center;
	font-size: 100%;
	text-decoration: none;
	color: #035898;
	
	
}


/*END SECOND COLUMN*/

/*THIRD COLUMN*/
#c3 {
	width:180px;
	margin:0px;
	padding-left:0px;
	padding-top: 20px;
	float:right;
	padding-right: 80px;
	
}

*html #c3 {

	padding-right: 40px;	
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
#c3 .pic{
	width:150px;
	margin:0px 0px 70px;
	
		
	
}
/* End Hide \*/

/*clears oolumns and makes way for footer*/
.clearit {
	clear: both;
	
	line-height: 0;
	font-size: 1px;
		height: 1px;;
}
#footer {
	background: #AD0E0E url(../images/footer_shadow_red.jpg) no-repeat top;	
	font-size: 80%;
	margin-top: -1px;
	color: #FFFFFF;

}
#footertext {
	margin: 0 auto;
	width: 800px;
	text-align: center;
	
	padding-bottom: 10px;
	padding-top: 10px;
}
#footertext img {
margin-right:10px;
margin-left:0px;
}
#footer a:link, #footer a:visited {
	text-decoration: none; 
	color: #FFFFFF;
}
#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration: none; 
	color: #999999;
}





/* menu vertical*/


#navlist {
	margin: 0 0 0px 8px; /*removes indent IE and Opera*/
	padding: 5px 0px 0px 5px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	background: url(../images/menu_back_red.jpg) no-repeat left top;
	width: 190px;
}


#navlist a, #navlist a:visited {
	display: block;
	padding: 9px 16px 17px 30px;
	font-size:70%;
	background-position: 0% 50%;
	color: #333;
	text-decoration: none;
	
}
*html #navlist a, *html #navlist a:visited {
	display: block;
	padding: 5px 16px 5px 30px;
	font-size:70%;
	color: #333;
	text-decoration: none;
	height:30px;
	background: 0px 0px;	
}

/* end Hide from IE5-mac. \*/



#navlist a:hover {
	color: #FFFFFF;
	background: url(../images/btn_down_red.png) no-repeat 0px 0px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/




#c1 #navlist .uberlink {
background: url(../images/btn_down_red.png) no-repeat 0px 0px;
color: #fff !important;
font-weight: bold;
cursor: default;
}


/* submenu vertical*/


#subnavlist {
	margin: 0 0 0px 0px; /*removes indent IE and Opera*/
	padding: 5px 0px 12px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	width:220px;
	
}


#subnavlist a {
	display: block;
	padding: 0px 0px 0px 10px;
	font-size:70%;
	color: #333333;
	text-decoration: none;
	background: url(../images/home_submenu_down.jpg) no-repeat 0% 50%;
	width:220px;
	letter-spacing: 0em;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
*html #subnavlist a{
	display: block;
	padding: 0px 0px 0px 10px;
	font-size:70%;
	color: #333333;
	text-decoration: none;
	
	background: url(../images/home_submenu_down.jpg) no-repeat 0px 0px;	
	width:220px;
	letter-spacing: 0em;
}
*html #subnavlist a:hover {
	color: #035899;
	background: url(../images/home_submenu.jpg) no-repeat 0px 0px;
}


/* end Hide from IE5-mac. \*/



#subnavlist a:hover {
	color: #035899;
	background: url(../images/home_submenu.jpg) no-repeat 0px 0px;
}




/* FORM RELATED ONLY. \*/
table.theForm {
	margin-top: 15px;
	margin-left: 0px;
	margin-bottom: 15px;

}
th.Label{
	text-align:left;
	vertical-align:middle;
	width:150px;
	padding: 5px;
	font-size:90%;
}
td.tdRes{
	text-align:left;
	vertical-align:middle;
	width:150px;
	padding: 5px;
	
}
td.tdResRight{
	text-align:right;
	vertical-align:middle;
	width:150px;
	padding: 5px;
	
}
.mediumbox{
	width:150px;
	height:20px;
	border: 1px solid #333333;
}
.narrowbox{
width:50px;
height:20px;
border: 1px solid #333333;
}
.widebox{
	width:240px;
	height:20px;
	border: 1px solid #333333;
}
.comments{
	width:475px;
	height:80px;
	border: 1px solid #333333;
}
.submitBtn{
	width:150px;
	height:25px;
	background: #035898;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
}


/* style for warnings and alerts */
#alert{
	color:#F00;
	font-weight:bold;
	width:400px;
	margin:15px 0px 5px 15px;
}