@charset "utf-8";
body {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #c0c0c0;
}

body#lifting #wrapper #banner {
background-image:url(../Images/liftingb.jpg);
}

body#architectural #wrapper #banner {
background-image:url(../Images/architectural.jpg);
}

body#training #wrapper #banner {
background-image:url(../Images/training.jpg);
}

body#rope #wrapper #banner {
background-image:url(../Images/wireropeb.jpg);
}

a {
color:#CC0000;
}

/* CSS Document */

#wrapper {
	display: table;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	height: auto;
}
#bannerBorder {
	background-image:url(../Images/tint.jpg);
	height: 8px;
	width: 100%;
	display: block;
}
#banner {
	background-image: url(../Images/banner.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 122px;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
}
#main {
	display: table;
	height: auto;
	width: 100%;
	background-image:url(../Images/mainbg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#sideNav {
	display: block;
	float: left;
	height:550px;
	width: 185px;
}

#navigation {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	display: table;
	height:auto;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#navigation a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#navigation hr {
	display: block;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #FFF;
}


#content {
	display: table;
	float: left;
	height: auto;
	width: 405px;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 22px;
	padding-bottom:22px;
}

#content.full {
	width:575px;
}
#content h1 {
	font-size: 1.4em;
	color: #4b5e77;
	text-decoration: none;
	margin-top: 5px;
}
#content p {
	font-size: 12px;
	color: #333;
	line-height: 19px;
}
#content ul li {
	font-size: 12px;
	color: #333;
	line-height: 19px;
}
#categories {
	display: table;
	height: auto;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:405px;
}
#content.full #categories {
width:575px;
margin-top:0;
}
.category, .product {
	display: block;
	height: 80px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	padding-top:10px;
	line-height: 19px;
	color:#333333;
}
#content.full .category {
display:table;
min-height:110px;
	height: auto;
_height:110px;
}
.product {
display:table;
height:auto;
width:99%;
padding-top:20px;
border-bottom:0;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #666;
}
.category img {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.product .prodimgs {
float:right;
display:block;
width:170px;
}
.product img {
	display: block;
	padding: 0px;
	margin: 8px;
}
.product a img {
border:2px solid #4b5e77;
}

.product a:hover img {
border:2px solid #cccccc;
}

h2 {
	font-size: 16px;
	color: #4b5e77;
}

.category h2, .category h2 a {
	font-size: 16px;
	color: #4b5e77;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 5px;
	float: left;
	width: 250px;
	margin-right: 0px;
	text-decoration:none;
	padding-left:0;
}

.product h2 {
	font-size: 16px;
	color: #4b5e77;
}
.category h2 a {
	margin-left:0px;

}
#home .category p {
width:285px;
}
.category p {
	display: block;
	padding: 0px;
	float: left;
	width: 350px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	color: #333;
	font-size: 12px;
}
.product p {
	color: #333;
	width:350px;
}
#categories .product p {
	font-size: 12px;
}
table.regular td {
	color: #333;
	padding-right:20px;
	font-size:12px;
}

.product ul {
	width:340px;
}
#categories.courses .product {
padding-bottom:20px;
}
#categories.courses .product h2 {
display:block;
}
#categories.courses .product p {
display:block;
}
#categories.courses .product input {
float:right;
}
.button {
	display: block;
	height: 25px;
	width: 25px;
	float: right;
	margin: 0px;
	padding: 0px;
}
.button img {
	display: block;
	margin-top: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#rightPics {
	display: table;
	float: left;
	height: auto;
	width: 160px;
	padding-top:80px;
	padding-right:10px;
	text-align:right;
}
#rightPics img {
	border: 3px solid #4b5e77;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:25px;
}
.rimg {
	border: 3px solid #4b5e77;
	margin-left:20px;
	margin-bottom:20px;
	float:right;
}

#rightPics a:hover img {
	border: 3px solid #cccccc;
}

#footerBorder {
	background-image: url(../Images/footerBorder.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 8px;
	width: 800px;
	margin-top: 2px;
	clear: both;
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer {
	background-image: url(../Images/footer.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 65px;
	width: 800px;
	float: left;
}
#leftFooter {
	display: block;
	float: left;
	height: 42px;
	width: 290px;
	font-size: 12px;
	color: #CCC;
	padding-top: 8px;
	padding-left: 10px;
}

#leftFooter a 
{
	color: #CCC;
	text-decoration:none;
}

#leftFooter a:hover
{
	text-decoration:underline;
}

#rightFooter {
	display: block;
	float: right;
	height: 42px;
	width: 290px;
	padding-top: 8px;
	padding-right: 10px;
	text-align: right;
	color: #CCC;
	font-size: 12px;
}

#breadcrumbs {
font-size:11px;
margin-top:-10px;
margin-bottom:20px;
color:#999999;
}

#breadcrumbs a {
text-decoration:none;
color:#999999;
}

#breadcrumbs a:hover {
color:#4B5E77;
}

#rightNews {
display: table;
float: left;
height: auto;
width: 160px;
background-color:#DBDFE4;
margin-top:35px;
padding-bottom:15px;
padding-top:10px;
}

#rightNews h2 {
font-size:12px;
padding:0;
margin:0;
margin-left:10px;
color:#4B5E77;
}

#rightNews .latestnews {
margin-top:10px;
display:block;
font-size:11px;
margin-left:10px;
width:140px;
line-height:16px;
}

#rightNews .latestnews .date {
color:#4B5E77;
}

#rightNews .latestnews a {
color:#EB1C22;
}

#rightNews .latestnews a:hover {
color:#333333;
}

#footercont {
display:block;
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:-2px;
}

.newsitem {
display:block;
border:1px solid #e2e2e2;
padding:10px;
height:50px;
margin-top:10px;
font-size:11px;
line-height:15px;
}

.newsitem img {
float:left;
margin-right:10px;
border:1px solid #e2e2e2;
}
.newsitem a {
display:block;
color:#CC0000;
text-align:right;
margin-top:-5px;
}

.newsitem a:hover {
text-decoration:none;
}

a.back {
color:#CC0000;
font-size:11px;
}

a.back:hover {
text-decoration:none;
}

.category a img {
border: 2px solid #4b5e77;
}

.category a:hover img {
border: 2px solid #cccccc;
}

a img.more {
border:0;
}

a:hover img.more {
border:0;
}

#contactdetails {
font-size:12px;
}

#contactdetails .highlight {
font-weight:bold;
}
#contactform {
float:left;
display:block;
font-size:12px;
color:#666666;
width:300px;
padding:15px;
margin-right:15px;
background-color:#DBDFE4;
}

#contactform label {
line-height:21px;
}

#contactform label, #contactform .txt, #contactform textarea.txt {
display:block;
float:left;
width:100px;
margin-bottom:2px;
}

#contactform .txt, #contactform textarea.txt {
width:180px;
}

#contactform textarea.txt {
height:100px;
}

#contactform p {
display:block; width:170px; margin-top:20px;
}

.btn {
margin-left:140px;
}

.red {
color:#CC0000;
}

#contactform p.faded {
font-size:10px;
color:#999999;
}

#publication {
display:table;
width:100%;
height:auto;
margin-bottom:15px;
border-top:1px solid #cccccc;
padding-top:10px;
font-size:12px;
}

#publication img {
float:right;
margin-right:10px;
}

#publication p {
margin:0;
padding:0;
font-size:12px;
margin-top:5px;
margin-bottom:5px;
}

#publication a {
display:block;
font-size:12px;
margin-bottom:5px;
}

.error {
font-size:12px;
color:red;
}

#courseinfo h2 {
font-size:16px;
color:#666666;
}

#courseinfo ul {
color:#333333;
}

#homelink {
display:block;
width:190px;
height:120px;
border:0;
text-decoration:none;
}
#rightimgs {
	padding-left:20px;
}
#rightimgs img {
	border: 3px solid #4b5e77;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:25px;
	margin-top:14px;
	*margin-top:0px;
}

#faqs td {
vertical-align:top;
width:50%;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;
}

#faqs thead {
font-weight:bold;
	color: #4b5e77;
}

#termspecs table, #convtables table {
font-size:10px;
padding:2px;
border-collapse:collapse;
}

#termspecs h2 {
margin-top:20px;
}

#termspecs table tbody, #convtables table tbody {
background-color:#E0E4EB;
line-height:16px;
}

#termspecs table {
margin-bottom:30px;
}

#termspecs table td {
text-align:center;
}

#termspecs table td, #convtables table td {
vertical-align:top;
border:1px solid #cccccc;
}

#termspecs table thead td, #convtables table thead td {
font-weight:bold;
background-color:#4B5E77;
color:white;
}

#termspecs table thead td p, #convtables table thead td p {
color:white;
margin:0;
padding:0;
}

#termspecs a img {
border:2px solid #cccccc;
margin-left:370px;
margin-bottom:20px;
}

#termspecs a:hover img {
border:2px solid #666666;
}

#rope .prodimg {
border:0;
}
