/* CSS Document */

body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg.png);
	background-repeat:repeat-x;
	background-color:#213e70;
	font-size:12px;
	color:#333333;
}

form {
	margin:0;
	padding:0;
}

img {
	border:0;
}

.break {
	height:1px;
	overflow:hidden;
	clear:both;
}

a {
	text-decoration:none;
	color:#333333;
}

a:hover {
	text-decoration: underline;
}

a.link {
	color: #999999;
}

h1 {
	margin: 0;
	padding: 0;
}

h1.pagetitle {
	padding-bottom: 5px;
	font-size:18px;
	font-weight:normal;
	color:#666666;
}

h2 {
	margin: 0;
	padding: 0;
}

#container {
	margin:0 auto 0 auto;
	width:917px;
	background-color:#FFFFFF;
}

#header {
	width:917px;
	height:121px;
	background-color:#a6a3a4;
}

#logo {
	width:196px;
	height:121px;
	float:left;
}

#header-middle {
	width:339px;
	height:121px;
	float:left;
}

#header-news {
	
	background-color:#3c6794;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:10px 14px 0 14px;
	color:#CCCCCC;
}

#scrollnews{
	width:309px;
	height:85px;
	overflow:hidden;
}

#header-news a {
	color:#CCCCCC;
}

#header-news p {
	padding:0;
	margin:5px 0 15px 0;
	font-size:11px;
}

#header-news h1 {
	color:#FFFFFF;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header-right {
	width:382px;
	height:121px;
	float:left;
}

#header-newsletter {
	width:372px;
	height:51px;
	padding:18px 10px 0 0;
}

#header-logos {
	width:372px;
	height:52px;
	text-align:right;
	padding:0 10px 0 0;
}

#menu {
	clear:both;
	width:917px;
	height:31px;
	background-image:url(images/menu-bg.png);
	background-repeat:repeat-x;
}

#video-intro {
	float: right;
	width:	189px;
}

#menu ul {
	width:725px;
	height:21px;
	list-style:none;
	padding:10px 0 0 0;
	margin:0;
}

#menu ul li {
	display:block;
	float:left;
	font-size:11px;
	border-right:1px solid #FFFFFF;
	padding:0 4px 0 4px;
	margin:0;
	font-weight:bold;
}

#menu ul li.menu-right {
	border:none;
	padding:0 0 0 4px;
}

#menu ul li a {
	color:#FFFFFF;
}

.menu_flyout {
	width: 160px;
	position:absolute;
	top:0px;
	display:none;
	z-index:1000;
}

.menu_flyout#menu_application {
	margin: 121px 0 0 0;
}

.menu_flyout_tab {
	height: 30px;
	width: 146px;
	float:left;
	color:#333333;
	font-weight: bold;
	display: block;
}

.menu_flyout_tab a {
	color:#FFFFFF;
	font-size: 11px;
}

.menu_flyout_box {
	background-color:#000000;
	font-size:11px;
	color:#FFFFFF;
	padding: 0 10px 10px;
	clear:both;
	font-weight: bold;
}

.menu_flyout_box a {
	color:#FFFFFF;
	line-height: 20px;
}

.menu_flyout_box a.submenu {
	margin-left: 12px;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}

#content {
	clear:both;
	width:917px;
}

#home-left {
	width:477px;
	float:left;
	padding:15px 14px 15px 14px;
}

#home-left p {
	margin:12px 0 0 0;
	padding:0;
}

.cat-box {
	width:146px;
	height:295px;
	float:left;
	margin:0 18px 0 0;
}

.cat-box#cat-right {
	margin:0;
}

#home-right {
	width:412px;
	height: 503px;
	float:left;
}

#page-heading {
	width:899px;
	min-height:21px;
	border-bottom:1px solid #cccccc;
	margin:0 9px 0 9px;
	padding:12px 0 0 0;
}

.breadcrumbs {
	width:870px;
	float:left;
	color:#666666;
}

.breadcrumbs.narrow {
	width: 565px;
}

.breadcrumbs a {
	color:#999999;
}

.paging {
	width:334px;
	float:left;
	color:#990000;
	text-align:right;
}

.paging a {
	color:#990000;
}

#detail-left {
	clear:both;
	width:535px;
	float:left;
	padding:20px 30px 20px 30px;
}

#detail-left p {
	margin:12px 0 0 0;
	padding:0;
}

#detail-left h1 {
	font-size:18px;
	font-weight:normal;
	color:#666666;
}

#detail-spec {
	width:535px;
	font-size:15px;
	padding:20px 0 0 0;
	color:#666666;
}

#detail-downloads {
	padding-top: 20px;
	width:535px;
}

#detail-downloads a {
	height:20px;
	display:block;
	padding:5px 0 0 30px;
	margin:0 0 10px 0;
	color:#666666;
	background-image:url(images/ico-pdf.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

.enquire-btn {
	margin-top: 10px;
}

#detail-right {
	width:322px;
	float:left;
	padding:20px 0 25px 0;
}

#detail-right img {
	float:left;
	border:1px solid #676767;
	margin:20px 20px 0 0;
}

#listing-page {
	clear:both;
	width:917px;
	padding:0 0 20px 0;
}

.listing {
	width:239px;
	height:310px;
	border:1px solid #cccccc;
	float:left;
	display:inline;
	margin:20px 0 0 45px;
}

.listing-top {
	width:239px;
	height:271px;
	text-align:center;
	padding:15px 0 0 0;
	font-size:15px;
	color:#666666;
}

.listing-top img {
	border:1px solid #666666;
	margin:0 0 8px 0;
}

.listing-top h2 {
	font-size:15px;
	color:#666666;
}

.listing-top p {
	margin: 0;
	padding: 0;
	line-height: 19px;
}

.listing-bottom {
	width:239px;
	height:26px;
}

#footer {
	clear:both;
	width:917px;
	height:168px;
	background-color:#000000;
	padding:12px 0 0 0;
}

#footer ul {
	list-style:none;
	padding:10px 0 0 0;
	margin:0;
	float:left;
}

#footer ul li {
	display:block;
	float:left;
	font-size:11px;
	border-right:1px solid #FFFFFF;
	padding:0 4px 0 4px;
	margin:0;
	font-weight:bold;
}

#footer ul li.menu-right {
	border:none;
	padding:0 0 0 4px;
}

#footer ul li.menu-first {
	padding:0 4px 0 0;
}

#footer ul li a {
	color:#FFFFFF;
}


#footer-left {
	width:678px;
	height:168px;
	float:left;
	padding:0 0 0 12px;
}

.footer-col {
	width:180px;
	float:left;
	color:#666666;
	padding:15px 0 0 0;
	font-size:11px;
}

.footer-col a {
	color:#666666;
}

#footer-right {
	width:215px;
	height:168px;
	float:left;
	padding:0 12px 0 0;
}

#footer-logo {
	width:215px;
	text-align:right;
	padding:10px 0 0 0;
}


.main-content {
	padding: 0 25px;
}

.main-content h1 {
	margin: 15px 0 10px 0;
	font-size: 20px;
}

.main-content p {
	margin: 0 0 15px;
	line-height: 16px;
}

/*-- CONTACT US --*/
#contact #contact-details {
	width: 428px;
	float: left;
}

#contact #contact-details form {
	margin-left: 30px;
}

#contact #alternate-details {
	width: 428px;
	margin-bottom: 30px;
	float: left;
}

#contact #alternate-details p.address {
	margin-left: 30px;
}

/*-- NEWS --*/
#news .article-listing {
	margin-bottom: 25px;
}

#news h2 a {
	font-size:14px;
	color: #333333;
}

#news p {
	margin: 0;
	padding: 0;
}

#news p.date {
	color: #999999;
}

#news .images {
	width: 322px;
	margin: 10px 0 15px;
	float: right;
}

#news .images div.enlarge-link {
	margin: 0 0 10px 18px;
}

#news .images img {
	float:left;
	border:1px solid #676767;
	margin:0 0 20px 20px;
	display: inline;
}

#news .listing-images {
	width: 150px;
	margin-left: 25px;
	padding: 0;
	float: right;
}

#news p.snippet {
	/* width: 500px; */
	margin: 15px 0;
}

#news .article {
	padding: 10px 25px 25px 0;
}

a.link {
	color: #999999;
}

.spacer {
	margin: 20px 30px 0;
	background: url(images/spacer.png) repeat-x left center;
}

.spacer.lighter {
	background: url(images/spacer-lighter.png) repeat-x left center;
}

/*-- PAGING STYLING --*/
.pageidx-nav {
	margin: 15px 0 10px 0;
	font-size: 12px;
}

.pageidx-nav .pageidx-prev {
	float:left;
	width:60px;
}

.pageidx-nav .pageidx-nos {
	float:left;
	text-align:center;
	width:750px;
}

.pageidx-nav .pageidx-next {
	width:40px;
	float:left;
	text-align:right;
}

/*-- USEFUL DOCUMENTS --*/
.useful-docs h2 {
	margin: 8px 0;
	font-size: 14px;
}

.usefuldoc .title {
	float: left;
	font-weight: bold;
	padding:5px 0 0 30px;
	color:#666666;
}

.usefuldoc p {
	margin: 10px 0 0;
	padding: 0;
}

.usefuldoc a {
	margin: 0 0 0 8px;
	float: left;
	font-size: 12px;
	line-height: 26px;
	color: #213e70;
}

/*-- VIDEOS --*/
#videos h2 a {
	font-size:14px;
	color: #333333;
}

#videos .description {
	width: 400px;
	float: right;
}

/*-- CONTENT PAGE --*/
#content-page .images {
	clear: right;
	width: 250px;
	margin: 0 0 15px;
	float: right;
}

/*-- MAP --*/
#map {
	width:450px;
	height:450px;
	margin-bottom: 35px;
	border:1px solid #999999;
	float: left;
}

#address-details {
	width: 350px;
	margin-left: 25px;
	float: left;
	display: inline;
}

.spectype {
	background-position: 0 0;
	background-repeat:no-repeat;
	padding: 5px 0 5px 35px;
}

#specengine.spectype {
	background-image:url(/images/engine.gif);
}

#specboom.spectype {
	background-image:url(/images/boom.gif);
}

#specboomhoist.spectype {
	background-image:url(/images/boomhoist.gif);
}

#specwinch.spectype {
	background-image:url(/images/winch.gif);
}

#specliftingcapacity.spectype {
	background-image:url(/images/liftingcapacity.gif);
}

#specbaseweight.spectype {
	background-image:url(/images/serviceweight.gif);
}

.video-thumb {
	float:left;
	width:180px;
	padding: 5px 17px 10px 17px;
	text-align:center;
	font-weight:bold;
}
.video-thumb img {
	padding-bottom:5px;
}