@import url("reset.css");

body, html {height: 100%; width: 100%;}

body {

	background: #1979b3 url(css-img/body_bg.png) repeat-y center;

	width: 100%;

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

}

#wrap {

width: 1110px;

}



/* Universals */



.wide {width: 100%;}

.left {float: left;}

.right {float: right;}

.clear {clear: both;}

.hidden {display: none;}

.block {display: block;}

.bold {font-weight: bold;}



/* Typographic misc. */



bold {font-weight: bold;}

sub {font-size:xx-small; vertical-align:bottom;}



#header {

	display: block;

	position: relative;

	height: 118px;

	width: 100%;

	background: url(css-img/header_bg.png) no-repeat center;

}



#header h1 {

	width: 288px;

	height: 74px;

	background: url(css-img/h1.png) no-repeat;

	position: relative;

	margin-left: 891px;

}

	#header h1 a:link, #header h1 a:visited {

		display: block;

		width: 288px;

		height: 74px;

		text-indent: -9000px;

		overflow: hidden;

		position: relative;

		z-index: 5;

	}

	/* -- script-generated span for hover -- 

	#header h1 span {

		display: block;

		width: 288px;

		height: 74px;

		position: absolute;

		top: 0;

		left: 0;

		background: url(css-img/h1-hover.png) no-repeat;

		z-index: 1;

	}

	*/

#header h2 {

	display: block;

	width: 588px;

	height: 44px;

	margin-left: 608px;

	text-indent: -9000px;

	overflow: hidden;

	background: url(css-img/h2-description.png) no-repeat;

}



.nav {

	width: 813px;

	height: 74px;

	background: url(css-img/primary-nav.png) no-repeat;

	position: absolute;

	top: 0;

	left: 0;

}



.nav li {

	display: inline;

}



.nav li a:link, .nav li a:visited {

	position: absolute;

	top: 0;

	height: 74px;

	text-indent: -9000px;

	overflow: hidden;

	z-index: 10;

}



	.nav .wireHoists a:link, .nav .wireHoists a:visited {

		left: 0px;

		width: 149px

	}

	

	.nav .wireHoists a:hover, .nav .wireHoists a:focus, .nav .wireHoists a.current {

		background: url(css-img/primary-nav.png) no-repeat 0px -74px;

	}

	

	.nav-wireHoists {

		position: absolute;

		top: 0;

		left: 0;

		width: 149px;

		height: 74px;

		background: url(css-img/primary-nav.png) no-repeat 0px -74px;

	}



	

	.nav .chainHoists a:link, .nav .chainHoists a:visited {

		left: 150px;

		width: 149px;

	}

	

	.nav .chainHoists a:hover, .nav .chainHoists a:focus, .nav .chainHoists a.current {

		background: url(css-img/primary-nav.png) no-repeat -150px -74px;

	}

	

	.nav-chainHoists {

		position: absolute;

		top: 0;

		left: 150px;

		width: 149px;

		height: 74px;

		background: url(css-img/primary-nav.png) no-repeat -150px -74px;

	}

	

	.nav .craneComps a:link, .nav .craneComps a:visited{

		left: 300px;

		width: 149px;

	}

	

	.nav .craneComps a:hover, .nav .craneComps a:focus, .nav .craneComps a.current {

		background: url(css-img/primary-nav.png) no-repeat -300px -74px;

	}

	

	.nav-craneComps {

		position: absolute;

		top: 0;

		left: 300px;

		width: 149px;

		height: 74px;

		background: url(css-img/primary-nav.png) no-repeat -300px -74px;

	}
	
	.nav .downloads a:link, .nav .downloads a:visited {
		left: 450px;
		width: 141px;
	}	

	.nav .downloads a:hover, .nav .downloads a:focus, .nav .downloads a.current {
		
		background: url(css-img/primary-nav.png) no-repeat -450px -74px;

	}
	
	.nav .aboutUs a:link, .nav .aboutUs a:visited {
		left: 591px;
		width: 111px;
	}


	.nav .aboutUs a:hover, .nav .aboutUs a:focus, .nav .aboutUs a.current {

		background: url(css-img/primary-nav.png) no-repeat -591px -74px;

	}

	

	.nav-aboutUs {

		position: absolute;

		top: 0;

		left: 450px;

		width: 109px;

		height: 74px;

		background: url(css-img/primary-nav.png) no-repeat -450px -74px;

	}

	

	.nav .contactUs a:link, .nav .contactUs a:visited {

		left: 703px;

		width: 109px;

	}



	.nav .contactUs a:hover, .nav .contactUs a:focus, .nav .contactUs a.current {

		background: url(css-img/primary-nav.png) no-repeat -703px -74px;

	}

	

	.nav-contactUs {

		position: absolute;

		top: 0;

		left: 560px;

		width: 109px;

		height: 74px;

		background: url(css-img/primary-nav.png) no-repeat -560px -74px;

	}

	

/*login __________________________________*/



#login-wrap {

	display: block;

	position: absolute;

	top: 84px;

	width: 620px;

	height: 30px;

	padding: 0px 26px;

	background: transparent;

	font: bold 10px  "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

	overflow: hidden;

	}





	a.initLogin:link, a.initLogin:visited{

		font-size: 10px;;

		color: #8BBBDF;

		text-decoration: none;

		display: block;

		margin-top: 8px;

		position: absolute;

		z-index: 1;

	}

	

	

	a.initLogin:hover {

		color: #fff;

	}

		

	#login-animation {

		background: url(../css/css-img/login_bg.png);

		width: 644px;

		height: 30px;

		overflow: hidden;

	}

	

	#signin {

	height: 18px;

	width: 658px;

	overflow: hidden;

	padding: 6px 6px 6px 0px;

	color: #fff;

	background: transparent;

	margin: 0;

  	/*opacity:0.3;*/

	}

			

		#signin label, #signin input, #signin button {

			display: inline;

			float: left;

		}

		

		#signin label {

			padding-top: 2px;

			color: #fff;

			}

		

		#signin input {

			height: 15px;

			width: 120px; 

			font: 10px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

			margin: 0px 6px;

			padding: 1px 4px;

			background: #ddd;

			color: #666;

			border: 1px solid #001E97;

			}

			

			#signIn input:focus {

				border: 1px solid #fff;

				background: #eee;

			}

		

		

		#signin button{

			display:block;

			float:left;

			margin:0 7px 0 0;

			background-color:#f5f5f5;

			border:1px solid #dedede;

			border-top:1px solid #eee;

			border-left:1px solid #eee;

		

			font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

			font-size:100%;

			line-height:130%;

			text-decoration:none;

			font-weight:bold;

			color:#565656;

			cursor:pointer;

		}

		

		#signin button{

			width:auto;

			overflow:visible;

			padding: 4px 10px 3px 7px;

		}

		

		#signin button[type]{

			padding: 0px 10px 1px 7px; 

			line-height:17px;

		}

		*:first-child+html #signin button[type]{

			padding:4px 10px 3px 7px;

		}

		#signin button img {

			margin:0 3px -3px 0 !important;

			padding:0;

			border:none;

			width:16px;

			height:16px;

		}

		

	p#loginStatus {

		float: left; 

		width: 220px; 

		margin-top: -28px;

		margin-left: 460px;

		padding-top: 6px;

		padding-left: 13px;

		position: absolute;

		z-index: 2;

	}

	

	a.logout:link, a.logout:visited {

		color: #000144;

		text-decoration: none;

	}

		a.logout:hover, a.logout:active {

			text-decoration: underline;

		}

	

#secondNav {

	display:block;

	width: 150px;

	float: left;

}



#secondNav ul li {

	width:150px;

	height: 100px;

	border-bottom: 1px dashed #000B54;

}



#secondNav ul li a:link, #secondNav ul li a:visited {

	display: block;

	width: 130px;

	height: 80px;

	padding: 10px;

	font: 16px Verdana, Arial, Helvetica, sans-serif;

	letter-spacing: ;

	font-weight: bold;

	color: #fefefe;

	text-decoration: none;

	background: #008EFF;

}



#secondNav ul li a:hover {

	background: #50AE3D;

}



	#secondNav ul li a.current {

		background: #50AE3D !important;

	}



#mainContent {

	display: block;

	/*float: left;*/

	margin: 0 0 0 150px;

	padding: 20px;

	/* width: 920px;*/

}	 





#dimWidget {

	right: 0;

	display: block;

	float: right;

	height: 20px;

	border: 3px solid #ffcb00;

	margin-top: -36px;

	padding: 6px;

	background: url(css-img/bg_dimWidget.gif) repeat-y center;

	}



#dimWidget a {

	color: #000B54;

	font-weight: bold;

}



	#dimWidget a:hover {

		color: #fff;

	}



#dimWidget p {

	padding: 3px 12px;

}



#mainContent h3.productTitle {

	font: bold 25px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

}



.model-wrap {

	width:100%;

	display: block;

	float:right;

	}



/*model images*/



.modelImage {

	width: 470px;

	display: block;

	float: left;

	padding-top: 40px;

}



	.modelImage img {

		/*border: 3px solid #ffcb00;*/

		padding: 3px;

	} 





/*model description*/



.modelDescription {

	width: 450px;

	display: block;

	float: left;

}



.modelDescription h4 {

	font: bold 20px Verdana, Arial, Helvetica, sans-serif;

	color: #000b54;

	margin: .5em 0;

}



.modelDescription h5 {

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #000b54;

	margin: .5em 0;

}



ul.chunky {

	font: 12px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

	list-style: url(css-img/bullet_chunky.png);

	margin-left: 0;

	padding-left: 2em;

	padding-right: 20px;

}



ul.chunky li {

	margin: .5em 0;

}



/*tabbed tables*/



#tabbedDim {margin-top: 20px;}





/*tech datatables*/



.techDimensions {

	width: 920px;

	display: block;

	clear: right;

}



.techData {

	clear: both;

	padding: 20px 0;

}



.techData h4, .techDimensions h4{

	font: bold 20px Verdana, Arial, Helvetica, sans-serif;

	color: #ffcb00;

	margin: .5em 0;

}



.techImg img {

	border: 3px solid #ffcb00;

}



.techNotes {

	display: block;

	width: 908px;

	border: 1px dashed #ffcb00;

	margin: 5px 0;

	padding: 5px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

	}



/* buttons for edits*/

.delete-button {

    cursor: pointer;

    background: transparent url(css-img/delete.png) no-repeat center center;

    width: 16px;  height: 16px;

}

.insert-button {

    cursor: pointer;

    background: transparent url(css-img/add.png) no-repeat center center;

    width: 16px;  height: 16px;

}

	



.yui-navset .techNotes {width: 99%;}

	

.techNotes h5 {

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #ffcb00;

}



.techNotes ol {

	list-style-type: lower-latin;

	padding-left: 2em;

	padding-right: 20px;

}



/*printing widget*/



.widget-printTables {

	border: 1px dashed #ffcb00;

	display: block;

	width: 908px;

	border: 1px dashed #ffcb00;

	margin: 5px 0;

	padding: 5px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;

}



	.widget-printTables form {}

			.widget-printTables form legend {

				font-weight: bold;

				color: #ffcb00;

			}

			.widget-printTables form p {

			}

			.widget-printTables form input[type="checkbox"] {

				vertical-align: middle;

			}

			.widget-printTables form input[type="submit"] {

				cursor: pointer;

				font: inherit;

				width: 120px;

			}

			.widget-printTables form label {

				margin-bottom: 3px;

			}



/*contact page*/





.contactInfo {

}

.contactInfo table {

	margin: 10px;

}

.contactInfo table tr {



}



.contactInfo table tr td {

	padding: 6px;

}



.contactInfo table tr td.blue {

	color: #0D0B54;

	font-weight: bold;

}

/* Downloads */

.pdf {display: block; height: 32px; color: #fff; padding-left: 50px; background: url('css-img/pdf.jpg') no-repeat 0 0;}