/*
	eclipse-creative.com
	20121102	tomc
*/
body{
	font-size		:12px;
	color			:#414142;
	background		:white url(../images/page-bg-788x608.png) scroll repeat-x 0 -19px;
}
a{
	color			:#009DDD;
}
h1, h2, h3, h4, h5, h6{
	color			:#074866;
	font-family		:'Lato', sans-serif;
}
.frame{
	width			:982px;
	margin			:0 auto 0 auto;
}
.frame .head{
	position		:relative;
	z-index			:1;
	color			:white;
}
.head .flags{
	position		:absolute;
	right			:0;
	top				:15px;
}
.head .flags a{
}
.head .flags a img{
	margin-left		:10px;
}
.head .flags a:hover{
	text-decoration	:none;
}
.head table, .foot table {
  font-size :14px;
}
.head table a, .foot table a {
  font-size :14px;
  color :rgb(255,255,255);
}
.head table td, .foot table td {
  font-size :15px;
	text-align: right;
}
.head table tr:first-child td, .foot table tr:first-child td {
  font-size :16px;
}
.foot table tr:first-child td{
  padding-bottom: 20px;
}
.head .call{
	position		:absolute;
	right			:20px;
	top				:67px;
	font-size		:14px;
	line-height		:20px;
	text-align		:right;
}
.head .call a{
	color			:white;
}
.head .call b{
	font-weight		:normal;
}
.head .links{
	position		:absolute;
	right			:0;
	top				:19px;
}
.head .links a{
	padding-right	:6px;
	border-right	:1px solid white;
	margin-left	:6px;
	color			:white;
}
.head .links a.last{
	border-right	:none;
}
.head .links .icon{
	margin-right	:2px;
	margin-bottom	:-2px;
}

.head .menu{
  width: 974px;
	bottom			:4px;
	border			:4px solid #d2af45;
	border-bottom	:none;
	border-radius	:16px 16px 0 0;
	font-size		:11px;
	text-align		:center;
  background-color: rgb(4,59,86);
	display: inline-flex;
	justify-content: space-evenly;
}
.head .menu a:hover{
	text-decoration	:none;
}
.head .menu li{
	/*position		:relative;*/		/* ie7 problem */
	/*z-index		:0;*/				/* ie7 problem */
	display: flex;
	height			:42px;
	/* border-right	:4px solid #d2af45; */
	line-height		:42px;
	white-space		:nowrap;
	/*background		:#174d73;*/
	/* background		:#043B56; */
  padding-left: 28px;
  padding-right: 28px;
}
.head .menu li.active, .head .menu li:hover{
	background: rgb(210, 175, 69);
}
.head .menu .separator{
	display: flex;
	height			:42px;
	width			:4px;
	background		:#d2af45;
  padding: 0;
	box-shadow: none;
}
.head .menu li a{
	text-transform: uppercase;
}
.head .menu li:first-child{
	border-radius	:10px 0 0 0;
}
.head .menu li:last-child{
	border-radius	:0 10px 0 0;
	border	:0;
}
.head .menu a.active{
	color			:#023c57;
	background		:#d2af45;
}
.head .menu li.active{
	z-index			:1;
	color			:#023c57;
	background		:#d2af45;	
}
.head .menu li:hover{
	box-shadow		:3px 3px 3px 0px rgba(0,0,0,0.5);
}
.head .menu li.active a{
	color			:#023c57;
}
.head .menu li.last{
	border-right	:0;
}
.head .menu li a{
	display			:block;
	color			:white;
  font-size: 12px;
  font-weight: 600;	
}
.head .menu li > div{
	padding			:0 12px 8px 4px;
	margin			:0px -12px -8px -8px!important;
}
.head .menu li .sub-menu{
	width			:100%;
	padding			:0 0 12px 4px;
	border-radius	:0 0 8px 8px;
	background		:#d2af45;
}
.head .menu li .sub-menu li{
	float			:none;
	width			:auto;
	height			:inherit;
	border			:none;	
	padding			:0 10px 0 10px;
	line-height		:normal;
	text-align		:left;
	background		:transparent;
}
.head .menu li .sub-menu li a{
	padding			:18px 0 18px 0;
	border-bottom	:1px solid #cbbe95;
	font-size		:12px;
	font-weight		:bold;
	color			:#023c57;
}
.frame .body{
	margin-top		:-1px;
	padding			:0 18px 42px 18px;
	border-left		:4px solid #d2af45;
	border-right	:4px solid #d2af45;
	border-bottom	:4px solid #d2af45;
	background		:white;
	border-radius	:0 0 16px 16px;
}
.body .intro{
	display			:none;
	position		:relative;
	height			:400px;
}
.intro .intro-grx{
	position		:absolute;
	top				:34px;
	right			:-24px;
    z-index         :-1;
}
.intro .intro-text{
	position		:absolute;
	top				:52px;
	width			:397px;
	color			:white;
  	z-index         :-1;
}
.intro h1,
.intro h2{
	margin-bottom	:29px;
	font-size		:29px;
	font-weight		:normal;
	color			:white;
}
.intro h3{
	margin-bottom	:29px;
	font-size		:18px;
	font-weight		:normal;
	color			:white;
}
.body .intro-panels{
	display			:none;
}
.intro a.button{
	
}
ul.panel-menu.intro-panels{ display: inline-flex !important; justify-content: space-between; width: 100%; }
ul.panel-menu li{
	width			:317px;
}
ul.panel-menu li img{
	display			:block;
	margin-bottom	:7px;
}
ul.panel-menu li a.button{
	width			:auto;
	background: #043b56;
	text-align: center;
	text-indent: unset;
}	
.body .perch-text-1{
	padding			:63px 0 96px 0;
	margin			:0;
	/*
	box-shadow		:0px 5px 6px -5px black;
	*/
	background		:white;
}
.body .latest-news{
	display			:none;
	float			:left;
	width			:248px;
	padding			:0px 20px 33px 0px;
	margin			:55px 0 48px 56px;
	/*
	box-shadow		:0px 5px 6px -5px black;
	*/
	padding-bottom	:4px;
	margin-bottom	:0;
	background		:white;
}
.fake-shadows{
	display			:none;
	clear			:both;
	height			:26px;
	margin-bottom	:48px;
	background		:url(../images/frame-bg-shadows-982x26.png) scroll no-repeat 0px 0;
}
.latest-news h2{
	font-size		:20px;
	font-weight		:normal;
}
.latest-news a.full{
	display			:block;
	margin-top		:4px;
}
.foot a{
	color			:white;
}
.foot{
	color			:white;
	background		:#4b90b8 url(../images/foot-bg-1x313.png) scroll repeat-x 0 -70px;
	margin-top: 20px;
}
.foot .frame{
	position		:relative;
	background		:url(../images/world-2-288x142.png) scroll no-repeat 65% 18px;
	font-size		:11px;
}
.foot h3{
	margin-bottom	:24px;
	font-size		:16px;
	font-weight		:bold;
	color			:white;
}
.foot .frame .panel-menu{
	padding			:30px 0 0 0;
	font-size		:11px;
}
.foot ul.links{
	font-size		:11px;
}
.foot ul.links li{
	float			:left;
	width			:225px;
	margin-right	:0;
	margin-bottom	:12px;
	text-indent		:16px;
	background		:url(../images/arrow-5x10.png) scroll no-repeat 0 50%;
}
/*
	PANEL ELEMENTS
*/
.body .body-panels-2{
	margin-right	:0;
	border			:1px solid silver;
	border-right	:none;
	border-left		:none;
}
.body-panels-2 .button3{
	position		:absolute;
	bottom			:10px;
	right			:17px;
}
.body .body-panels-2 li{
	position		:relative;
	width			:206px;
	padding-top		:24px;
	padding-left	:96px;
	padding-bottom	:60px;
}
.panel-menu li.last{
	margin-right	:0;
}
.clear.panel-menu.body-panels-2 {
	display: inline-flex;
	justify-content: space-between;
}
.body .body-panels-2 li.clear{
	float			:none;
	width			:auto;
	margin			:0;
	padding			:0;
}
.body .body-panels-2 li img{
	position		:absolute;
	left			:0;
}
.body .body-panels-2 h3{
	margin-bottom	:12px;
	font-size		:18px;
	font-weight		:normal;
}
.body-panels-2 .youtube{
	display			:none;
}
.body .body-panels-2 .contact{
	display			:none;
	padding-left	:36px;
	padding-bottom	:12px;
}
.body-panels-2 .contact h3{
	margin-bottom	:26px;
}
.body-panels-2 .contact .address{
	margin-bottom	:26px;
	line-height		:20px;
}
.body-panels-2 .contact .numbers{
	line-height		:26px;
	font-size		:14px;
	color			:#003B56;
	
}
.body .body-panels-2 p{
	margin-bottom	:8px;
}
.foot .youtube img{
	float			:left;
	margin-right	:8px;
}
.foot .contact{}
.foot .contact p{
	position		:relative;
	padding			:0px 0 0 42px;
	margin-bottom	:14px;
}
.foot .contact img{
	position		:absolute;
	left			:0;
	top				:-4px;
}

/*
--------------------------------------------------------------------------------
	
	
	CONTENT AREAS
	
	
--------------------------------------------------------------------------------
*/
.styled-area{
	
}
.styled-area h1,
.styled-area h2,
.styled-area h3,
.styled-area h4,
.styled-area h5,
.styled-area h6,
.styled-area p,
.styled-area ul{
/*	margin-bottom	:22px;*/
}
.styled-area p{
	line-height		:146%;
}
/*
.styled-area h1,
.styled-area h2,
.styled-area h3,
.styled-area h4,
.styled-area h5,
.styled-area h6{
	font-family: 'Lato', sans-serif;
}
*/
.styled-area h1{
	padding-bottom	:18px;
	margin-bottom	:36px;
	border-bottom	:1px solid #c0ced5;
	font-size		:31px;
	font-weight		:normal;
}
.styled-area h2{
	font-size		:20px;
	font-weight		:normal;
}
.styled-area h3{
	font-size		:16px;
	font-weight		:normal;
}
.styled-area ul{
	padding			:0 0 0 18px;
	list-style		:disc;
}
.styled-area ul li{
	margin-bottom	:12px;
}
ul.list3cols li{
	float			:left;
	width			:33%;
	margin-bottom	:3px;
}

.styled-area h5{
	color			:black;
	margin-bottom	:4px;
}


/*
	common elements
*/
.button{
	display			:block;
	width			:232px;
	height			:47px;
	line-height		:47px;
	text-align		:left;
	text-indent		:20px;
	border-bottom	:6px solid #d2af45;
	font-size		:18px;
	box-shadow		:0px 5px 10px -8px black;
	cursor			:pointer;
	color			:white;
	background		:#043b56 url(../images/arrow-11x25.png) scroll no-repeat 90% 50%;
}
.button.small {
  	font-size       :12px;
}
.button:hover{
	text-decoration	:none;
	background		:#044260 url(../images/arrow-11x25.png) scroll no-repeat 90% 50%;
}
.button2{
	height			:auto;
	font-family		:sans-serif;
	padding			:6px 10px;
	padding			:6px 10px;
	border			:1px solid #436d81;
	font-size		:12px;
	font-weight		:bold;
	text-align		:center;
	cursor			:pointer;
	color			:white;
	background		:#043c57;
}
.button2:hover{
	text-decoration	:none;
	background		:#054a6c;
}
.button3{
	display			:block;
	width			:210px;
	height			:33px;
	line-height		:33px;
	text-align		:left;
	text-indent		:20px;
	border-bottom	:6px solid #d2af45;
	font-size		:13px;
	box-shadow		:0px 5px 10px -8px black;
	cursor			:pointer;
	color			:white;
	background		:#043b56 url(../images/arrow-8x18.png) scroll no-repeat 90% 50%;
}
.button3:hover{
	text-decoration	:none;
	background		:#044260 url(../images/arrow-8x18.png) scroll no-repeat 90% 50%;
}


/*
	machinery page
*/
ul.machine-list{
	/*width			:978px;*/
	margin			:0;
	padding			:0;
	list-style		:none;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
ul.machine-list li{
/*  float			:left;*/
	width			:292px;
/*	margin-right	:51px;*/
}
ul.machine-list li:first-child{
	margin-right	:30px;
}
ul.machine-list li:nth-child(3n+1){
	margin-right	:30px;
}
ul.machine-list li:nth-child(3n){
	margin-left   :30px;
}
ul.machine-list li a.button{
	width			:auto;
	font-size		:16px;
}
/*
	machinery wanted
*/
ul.machinery-wanted{
	list-style		:none;
	margin			:0;
	padding			:0;
}
ul.machinery-wanted li{
	margin-bottom	:48px;
	padding-bottom	:24px;
	box-shadow		:0 8px 8px -8px #aeadae;	
}
/*
	view_for_sale.php
*/
ul.machinery-sale{
	margin			:0;
	padding			:0;
	list-style		:none;
}
ul.machinery-sale li{
	margin			:0 0 42px 0;
	padding			:0 0 42px 0;
	box-shadow		:0px 5px 6px -5px #898888;
	font-size		:13px;
	display: flex;
}
ul.machinery-sale li .desc{
	margin			:0 20px 0 20px;
	flex: 1 0;
}
ul.machinery-sale li .controls{
	width			:176px;
	float			:left;
}
ul.machinery-sale li .controls .button3{
	margin			:0 0px 17px 0;
}

ul.machinery-sale .gallery{
	display			:none;
	margin-bottom	:17px;
}
ul.machinery-sale .gallery a{
	display			:block;
	margin-bottom	:1px;
}
/*
	special offer page
*/
.machine-thumb{
	float			:left;
	margin-right	:21px;
	box-shadow		:0px 5px 6px -5px #898888;
}
ul.machinery-sale li.machine-special{
	padding-bottom	:12px;
}
ul.machinery-sale li.machine-special .desc{
	width			:480px;
	margin-right	:16px;
}
ul.machinery-sale li.machine-special .desc p{
	margin-bottom	:8px;
}
ul.machinery-sale li.machine-special .desc h3{
	
}


/*
--------------------------------------------------------------------------------
	
	
	POPUP ELEMENTS
	
	
--------------------------------------------------------------------------------
*/
.join-cmc-link{
	cursor			:pointer;
}
#simple-modal-overlay{
	background-color	:#0d4967;
	background			:-webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#0d4967));
	background			:-webkit-radial-gradient(circle, #ffffff, #0d4967);
	background			:-moz-radial-gradient(circle, #ffffff, #0d4967);
	background			:-moz-radial-gradient(circle, #ffffff, #0d4967);
	background			:-ms-radial-gradient(circle, #ffffff, #0d4967);
}
.simple-modal{
	border				:none;
	background			:white url(../images/popup-bg-1x53.png) scroll repeat-x 0 0;
}
.simple-modal a.close{
	display				:block;
	top					:-12px;
	right				:-12px;
	width				:23px;
	height				:23px;
	color				:transparent;
	background			:url(../images/close-23x23.png) scroll no-repeat 0 0;
}
.simple-modal a.close:hover{
	color				:transparent;
}
.simple-modal .simple-modal-header{
	height				:53px;
	padding				:0;
	border				:none;
	box-shadow			:0px 5px 6px -5px black;
	text-align			:center;
}
.simple-modal .simple-modal-header h1{
	font-size			:16px;
	font-weight			:normal;
	text-align			:center;
	line-height			:46px;
	color				:white;
}
.simple-modal .simple-modal-header h1 img{
	position			:absolute;
	margin-top			:4px;
	margin-left			:-48px;
}
.simple-modal.draggable .simple-modal-header:hover{
	background-color	:transparent;
}



/*
	lightbox popup
*/
.gallery-link{
	cursor				:pointer;
}
body .xt-lightbox-mask{
	background-color	:#0d4967;
	background			:-webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#0d4967));
	background			:-webkit-radial-gradient(circle, #ffffff, #0d4967);
	background			:-moz-radial-gradient(circle, #ffffff, #0d4967);
	background			:-moz-radial-gradient(circle, #ffffff, #0d4967);
	background			:-ms-radial-gradient(circle, #ffffff, #0d4967);
}
.xt-lightbox-wrapper .heading{
	height			:67px;
	margin			:-10px -10px 10px -10px;
	padding			:0 0 0 70px;
	line-height		:67px;
	border-bottom	:10px solid #d4b045;
	color			:white;
	background		:#043c57 url(../images/cmc-int-40x40.png) scroll no-repeat 22px 50%;
}
.xt-lightbox-wrapper .heading h1{
	font-size		:20px;
	font-weight		:normal;
	color			:white;
}






/*
	.registration
*/
.registration{}
.registration p{
	min-height			:24px;
	margin-bottom		:12px;
	text-align			:center;
}
.registration .overTxtLabel{
	margin-left		:11px!important;
	height			:22px;
	line-height		:22px!important;
	font-size		:10px;
	color			:black;
}
.textbox{
	height			:18px;
	width			:206px;
	padding			:2px 11px 2px 11px;
	margin			:0;
	border			:1px solid #cfcfd0;
	font-family		:sans-serif;
	font-size		:10px;
	line-height		:18px;
	box-shadow		:inset 4px 4px 0px 0px #e7e7e8;
}
.textarea{
	/*height			:18px;*/
	width			:206px;
	padding			:2px 11px 2px 11px;
	margin			:0;
	border			:1px solid #cfcfd0;
	font-family		:sans-serif;
	font-size		:10px;
	line-height		:18px;
	box-shadow		:inset 4px 4px 0px 0px #e7e7e8;
}
.combobox{
	height			:22px;
	width			:230px;
	padding-left	:11px;
	border			:1px solid #cfcfd0;
	font-family		:sans-serif;
	font-size		:10px;
	line-height		:22px;
	color			:white;
	background		:#043c57;	
}
/*
	.contact-cmc
*/
form.contact-cmc{}
form.contact-cmc p{
	clear			:both;
	min-height		:20px;
	margin-bottom	:10px;
}
form.contact-cmc label{
	float			:left;
	width			:20%;
	margin-right	:11px;
	margin-bottom	:10px;
	text-align		:right;
	color			:black;
}
form.contact-cmc .col2{
	padding-left	:20%;
	margin-left		:11px;
	margin-bottom	:18px;
}
form.contact-cmc .textbox{	width:286px;}
form.contact-cmc .textarea{	width:286px;}
form.contact-cmc .combobox{	width:310px;}

























.lightbox-link{
	cursor			:pointer;
}
.new-machine-image{
	clear			:right;
	float			:right;
	margin			:32px 32px 32px 32px;
	border			:2px solid #074866;
	box-shadow		:0px 5px 6px -5px #898888;
}


.contact-number{
	font-size	:12px;
}