/*
t = top, b = bottom, l =left, r = right
*/
.p-15{padding: 15px;}
.p-10{padding: 10px;}
.p-5{padding: 5px;}

.ptb-15 {padding: 15px 0px;}
.ptb-10 {padding: 10px 0px;}
.ptb-5 {padding: 5px 0px;}

.plr-15 {padding: 0px 15px;}
.plr-10 {padding: 0px 10px;}
.plr-5 {padding: 10px 5px;}

.pt-15 {padding-top: 15px;}
.pt-10 {padding-top: 10px;}
.pt-5 {padding-top: 5px;}

.pb-15 {padding-bottom: 15px;}
.pb-10 {padding-bottom: 10px;}
.pb-5 {padding-bottom: 5px;}

.m-10{margin: 15px;}
.m-10{margin: 10px;}
.m-5{margin: 5px;}

.l12 {line-height: 12px;}
.l13 {line-height: 13px;}
.l14 {line-height: 14px;}
.l15 {line-height: 15px;}
.l16 {line-height: 16px;}
.l17 {line-height: 17px;}
.l18 {line-height: 18px;}
.l19 {line-height: 19px;}
.l20 {line-height: 20px;}

/*sfarsit shortcuts*/

/*eu*/
body, html{
	background-color: #112D3C;
}

a{
	outline: none;
}

.outer-shadow{
	width:970px; margin:0 auto;
	background-image: url(../images/container-shadow.jpg);
	background-repeat: repeat-y;	
}

.outer-bottom-shadow{
	width:970px; margin:0 auto;
	background-image:url(../images/container-bt-shadow.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 10px;	
}

#bottom-lines{
	width:970px;
	margin:0 auto;
	text-align:center;
	color: #E4DECB;
	margin-bottom: 10px;
}

#bottom-lines a{
	color: #E4DECB;
	text-decoration: none;
}

#bottom-lines a:hover{
	text-decoration: underline;
}
/*eu*/

#header{
	height: 235px;
	background-image: url(../images/header-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#main-logo{
	background-image: url(../images/main-logo.jpg);
	background-position: 0px 36px;
	background-repeat: no-repeat;	
	height: 180px;
	display: block;
}

#main-logo i{
	display: none;
}

#flash-container{
	background-image: url(../images/flash-replacement.jpg);
	background-position: 120px 0px;
	background-repeat: no-repeat;	
	height: 180px;
}

#header-menu{
	padding-top: 5px;
	padding-left: 25px;
}

#header-menu #home-menu{
	background-image: url(../images/menu-buttons/home-btn.png);
}

#header-menu #credentials-menu{
	background-image: url(../images/menu-buttons/credentials-btn.png);
}

#header-menu #downloads-menu{
	background-image: url(../images/menu-buttons/downloads-btn.png);
}

#header-menu #gallery-menu{
	background-image: url(../images/menu-buttons/gallery-btn.png);
}

#header-menu #contact-menu{
	background-image: url(../images/menu-buttons/contact-btn.png);
}

#header-menu #news-menu{
	background-image: url(../images/menu-buttons/news-btn.png);
}

#header-menu #subscribe-menu{
	background-image: url(../images/menu-buttons/subscribe-btn.png);
}

#header-menu a{
	width: 120px;
	height: 43px;
	display: block;
	float: left;
	margin-right: 10px;	
	background-position: top left;
	background-repeat: no-repeat;
}

#header-menu a:hover{
	background-position: bottom left!important;
}

#header-menu i{
	display: none;
}

#footer{
	height: 70px;
	background-image: url(../images/footer-bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#footer-menu{
	padding-top: 10px;
	padding-left: 10px;
}

#footer-menu #installation-menu{
	background-image: url(../images/footer-buttons/installation-zone-btn.png);
}

#footer-menu #highway-crossings-menu{
	background-image:url(../images/footer-buttons/highway-crossings-btn.png);
}

#footer-menu #agricultural-crossings-menu{
	background-image: url(../images/footer-buttons/agricultural-crossings-btn.png);
}

#footer-menu #pedestrian-crossings-menu{
	background-image: url(../images/footer-buttons/pedestrian-crossings-btn.png);
}

#footer-menu #track-access-menu{
	background-image: url(../images/footer-buttons/track-access-points-btn.png);
}

#footer-menu #anti-trespass-menu{
	background-image: url(../images/footer-buttons/anti-trespass-guards-btn.png);
}

#footer-menu #accessories-menu{
	background-image: url(../images/footer-buttons/accessories-btn.png);
}

#footer-menu a{
	width: 125px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 9px;	
	background-position: top left;
	background-repeat: no-repeat;
}

#footer-menu a:hover{
	background-position: bottom left!important;
}

#footer-menu i{
	display: none;
}

#middle-container{
	padding: 5px 0 5px 0;
	background-color: #F2EFE6;
	min-height: 380px;
}

/*page content*/
.homepage{
	height: 380px;
}

.h3-title{
	background-image: url(../images/title-icon.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 25px;
}

.title-container{
	margin-top: 5px;
	padding:5px 0px;
	height: 40px;
}

.title-flag{
	background-image: url(../images/title-flag-lines.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 50px;
	color: #FFF;
	font-size: 17px;
	padding-left: 15px;
	float:left;
}

.end-title-flag{
	background-image: url(../images/title-flag-end.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 50px;
	width: 19px;
	float:left;
}

.title-flag span{
	line-height: 49px;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
}

.current-menu{
	background-position: bottom left!important;
}

.main-col-left{
	width: 405px;
	margin: 0 10px 0 0;
	padding: 0px;
	float:left;
}

.main-col-right{
	width: 525px;
	padding: 0px;
	margin: 0 10px 0 0;
	float:left;
}

.title-green{
	font-size: 14px;
	font-weight: bold;
	color: #009748;
	margin-bottom: 0px;
}

.news-title-green{
	font-size: 14px;
	font-weight: bold;
	color: #009748;
	margin-bottom: 10px;
}

.title-padding{
	padding-left: 15px;
	padding-bottom: 10px;
}

.remove-margins{
	margin: 0px;
	padding-top: 10px;
}

.text-bold{
	font-weight: bold;
}

.page-title{
	color: #009748;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 3px;
}

/*News*/
.news{
	padding: 0px 0px 0px 70px;
}
.news-date{
	width: 64px;
	height: 64px;
	background-image: url(../images/calendar_background.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	float: left;
}

.news-date .year{
	padding: 2px 0px 0px 0px;
	font-size: 10px;
	text-align: center;
	color: #FFF;
}

.news-date .month{
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
}


.read_more{
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	padding-top: 10px;
}

.read_more a{
	color: #222222;
	position: absolute;
	bottom: -6px;
	right: 4px;
	background-color: #F2EFE6;
	text-decoration: none;
}

.read_more a:hover{
	color: #009036;
}

.read-more-bracket{
	font-size: 14px;
}

.page-subtitle-green{
	font-size: 12px;
	color: #009036;
	font-weight: bold;
	padding-bottom: 5px;
	text-decoration: none;
}
.page-subtitle-green:hover{
	color: #009036;
	text-decoration: underline;
}
.red_text{
	color: #C40000;
	padding: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.green-text{
	color: #00923F;
	padding: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.image_explanation{
	width: 290px;
	font-size: 10px;
	padding-top: 0px;
	margin: 0px;
}
.page-subtitle{
	font-size: 12px;
	color: #222222;
	font-weight: bold;
	padding-bottom: 5px;
}
.news-image-center{
	text-align:center;
	padding-bottom: 10px;
}

.news-list{
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
}

.news-list a{
	background-image: url(../images/bullet-news.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-size: 16px;
	color: #222222;
	padding-left: 25px;
	text-decoration: none;
	font-weight: bold;
}

.news-list a:hover{
	background-position: 5px 0px;
	color: #009748;
}

.title-menu{
	line-height: 30px;
	font-size: 16px;
	height: 30px;
	font-variant: small-caps;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
	margin-bottom: 5px;	
}

.image-border{
	padding: 3px!important;
	border: 1px solid #CCC;
}

.page-text a{
	color: #009748;
	text-decoration: none;
}

.page-text a:hover{
	text-decoration: underline;
}
/*End news*/

/*Downloads*/
.prepend-downloads{
	padding-left: 25px;
}

.download-brochure-img{
	padding: 2px;
	margin-right: 1px;
	border: 2px solid #F2EFE6;
	cursor: pointer;
}

/*.download-brochure-img:hover{
	border-color: #D61E28;
}*/

.border-red{
	border-color: #D61E28;
}

.border-green{
	border-color: #00923F;
}

.download-list{
	margin: 0px;
	list-style: none;
	padding-left: 0px;
}

.download-list li{
	padding: 2px 0px;
}

.download-list a{
	font-weight: bold;
	line-height: 20px;
	color: #222222;
	text-decoration: none;
	background-image: url(../images/icon-pdf.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.download-list a:hover{
	color: #D61E28;
}

.download-images-lite{
	padding: 15px 0px 0px 0px;
}

.red-text{
	color: #D61E28!important;
}

.red-color{
	color: #D61E28!important;
}

.green-color{
	color: #00923F!important;
}

.brochure-broder-green:hover{
	border-color: #00923F;
}

.brochure-broder-red:hover{
	border-color: #D61E28;
}

.green-hover-text:hover{
	color: #00923F!important;
}

/*End Downloads*/

/*Installation zone*/
.installation-container{
	padding: 10px 25px;
}

.left-installation{
	width: 500px;
	padding: 3px;
	float: left;
}

#holdfast_steps{
	width: 390px;
	float: right;
}

.step-title {
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
	background-image: url(../images/go_right_inactive.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 26px;
	display: block;
	color: #222222;
}
.step-title-active {
	background-image: url(../images/go_right.png) !important;
}
.step .page-text{padding-left: 25px;}

.pdf-icon{
	font-weight: bold;
	line-height: 20px;
	color: #222222;
	text-decoration: none;
	background-image: url(../images/icon-pdf.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.pdf-icon:hover{
	color: #D61E28;
}
.image-note{
	padding-left: 15px;
}
/*END Installation zone*/


/*Subscribe*/
.subscribe-envelope{
	background-image: url(../images/stripe_subscribe.png);
	padding: 15px;
	margin: 0px 5px;
}

.subscribe-content{
	background-color: #F2EFE6;
	background-image: url(../images/mail_stamp.jpg);
	background-position: 800px 10px;
	background-repeat: no-repeat;
	padding: 30px;
}

.subscribe-content label, .subscribe-content input[type=text]{
	font-family: "Trebuchet MS",Arial,Helvetica,Sans-Serif;
	font-weight: normal;
	font-size: 13px;
}

.subscribe-content input[type=text], .subscribe-content select{
	padding: 2px!important;
	margin: 0px!important;
	width: 200px;
}

.subscribe-content textarea{
	padding: 2px!important;
	margin: 0px!important;
}

.subcribe-address{
	width: 450px;
	height: 65px;
}

.line{
	padding-bottom: 5px;
}

.line .first-col{
	float: left;
	width: 250px;
}

.line .second-col{
	float: left;
	width: 210px;
}

.form-left-container{
	float: left;
	width: 460px;
	border-right: 1px solid #CCC;
	padding-right: 10px;
}

.form-right-container{
	float: left;
	width: 358px;
	padding-top: 150px;
	padding-left: 20px;
}

.join-container{
	padding-left: 210px;
	padding-top: 20px;
}

.join-btn{
	background-color: #377290;
	color: #FFF;
	padding: 5px;
	border:3px double #23495C;
	cursor: pointer;
	text-decoration: none;
	font-family: "Trebuchet MS",Arial,Helvetica,Sans-Serif;
	font-weight: normal;
	font-size: 13px;
}

.join-btn:hover{
	border-color:#336984;
	color: #FFF;
}

.security-left{
	width: 190px;
	float: left;
}

.security-right{
	width: 150px;
	float: left;
}

.security-right input[type=text]{
	width: 150px;
}

.captchaReload{ color: #a9a9a9; font-size: 10px;}
.captchaReload a{color: #a9a9a9;}
.captchaReload a:hover{color: gray;}

/* validation */
#msg { display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px }
#msgcontent { display:block; background:#FFE8CA; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; text-align:left; }
/*end*/

/* msg */
#success-block{display: none; padding-top: 10px;}
#error-block{display: none; padding-top: 10px;}
.ms-corner { border: 1px solid #71B83D; padding: 10px; background-color: #E0F0D5; background-image: url(../images/check.png); background-repeat: no-repeat; background-position: 10px 13px; padding-left: 50px; margin-bottom: 10px; }
.ms-corner-error { border: 1px solid #E63F13; padding: 10px; background-color: #FBD3CA; background-image: url(../images/error.png); background-repeat: no-repeat; background-position: 10px 10px; padding-left: 50px; margin-bottom: 10px; }
.ms-title { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #333; text-align: left; }
.ms-body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #4C4C4C; padding-top: 5px; text-align: left; }
/*end msg*/

/*End Subscribe*/


/* Gallery*/
.gallery-container{
	padding: 50px 0px 50px 170px;
	text-align: center;
}

.gallery-container h3{
	color: #009748;
}

#gallery-adds-cnt{
	width: 300px;
	float: left;
}

#gallery-install-cnt{
	width: 300px;
	float: left;
}

.gallery-adds{
	background-image: url(../images/gallery-adds.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 300px;
	height: 300px;
	display: block;
	
}

.gallery-install{
	background-image: url(../images/gallery-install.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 300px;
	height: 300px;
	display: block;
}

.gallery-adds:hover{
	background-image: url(../images/gallery-adds-hover.jpg);
}

.gallery-install:hover{
	background-image: url(../images/gallery-install-hover.jpg);
}

.gallery-thumbs .thumb-img{
	float: left;
	width: 200px;
	background-image: url(../images/gallery-image-bg.jpg);
	background-repeat: no-repeat;
	margin-right: 15px;
	text-align: center;
}

.gallery-thumbs .thumb-tall-img{
	display: inline-block;
	width: 200px;
	height: 320px;
	background-image: url(../images/gallery-image-tall-bg.jpg);
	background-repeat: no-repeat;
	margin-right: 15px;
	text-align: center;
	vertical-align: top;
}

.gallery-thumbs img{
	padding-left: 0px;
	padding-top: 10px;
}

.gallery-thumbs p{
	padding-top: 3px;
	margin-bottom: 10px;
}

.gallery-desc{
	margin-top: 15px;
	padding-left: 8px;
	padding-right: 30px;
}

.first-desc{
	margin-top: 0px;
}

.gallery-desc span{
	color: #009748;
}
	
/*End Gallery*/

/*Slider*/

.left_slide{
	width: 25px;
	height: 400px;
	float:left;
}

.right_slide{
	width: 25px;
	height: 400px;
	float:left;
}

.scroll-container{
	width: 860px;
	float: left;
	height: 400px;
	overflow: hidden;	
}

.slide-width{
	width: 830px;
	float: left;
	padding: 0px 15px;
}
.scroll-inner{
	width: 10000px;
}

#arrow_right {
	background: url(../images/right-arrow.png) no-repeat 0px 0px;
	width: 25px;
	height: 38px;
	display: block;
	text-decoration: none;
	margin-top: 190px;
}

#arrow_right:hover {
	background-position: 1px 1px;
}

#arrow_left {
	background: url(../images/left-arrow.png) no-repeat 0px 0px;
	width: 25px;
	height: 38px;
	display: block;
	text-decoration: none;
	margin-top: 190px;
}

#arrow_left:hover {
	background-position: 1px 1px;
}

.scroll-cnt{
	padding-left: 20px;
	padding-right: 20px;
}

.image-acc{
	padding: 0px 10px;
}

.fl{
	float: left;
}

.fr{
	float: right;
}
/*End Slider*/

.image-line{
	text-align: center;
}

.image-line a{
	padding-left: 5px;
}

.image-line .image-border:hover{
	border-color: #009748;
}

.contact-page{
	background-image: url(../images/bg-contact-page.gif);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	padding: 20px 0px 0px 20px;
	width: 920px;
	height: 350px;
}

.cnt-left-side{
	float: left;
	width: 230px;
	padding: 35px 0px 0px 10px;
}

.cnt-right-side{
	float: left;
	width: 500px;
	padding: 35px 0px 0px 10px;
}

.contact-page a{
	text-decoration: none;
	color: #222222;
	border-bottom: 1px dashed #BECDD4;
}

.contact-page a:hover{
	border-bottom: 1px solid #BECDD4;
}

#announcements{
	background-color: #C3E6FF;
	border: 1px solid #A5D5F7;
	padding: 5px;
	margin: 5px 10px 10px 10px;
}

#announcements .content{
	padding: 5px 5px 5px 40px;
	font-size: 13px;
	background-color: #FFF;
	font-weight: bold;
	background-image: url(../images/announcements.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}