﻿/* General Reset */
/*
html{
	height:100%;
}*/
body{
	height:100%;
	margin:0;
	font:12px/18px 'Trebuchet MS', Arial, sans-serif;
	color:#4e484e;
	/* background:#fff url(/content/images/bg-body.gif) repeat-x 0 143px; */
}

img{border:0;}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}


form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}


/* General Settings */
#wrapper {
	min-height:100%;
	padding:0 0 0 0;
}
* html #wrapper {
	height:100%;
}
#header {width:100%;}
#header:after {
	clear: both;
	content:'';
	display: block;
}
.header-top {
	overflow:hidden;
	height:1%;
	margin:0 -1px 13px 0;
}
#header .logo{
	float:left;
	text-indent:-9999px;
	background:url(/content/images/bg-logo.gif) no-repeat;
	width: 109px;
	height: 107px;
	margin:19px 0 0 ;
}
#header .logo a{
	display:block;
	width: 109px;
	height: 107px;
}
#header .holder {
	float:right;
	width:672px;
}
#header .banner-holder {
	float:left;
	display:inline;
	margin:19px 0 0 32px;
}
#header .banner-holder img {display:block;}
#header .form-holder {
	float:right;
	width:173px;
	margin:25px 0 0;
	display:inline;
}
#header .login-form {
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-login-form.gif) no-repeat;
}
#header .login-form fieldset {
	overflow:hidden;
	height:1%;
	background:url(/content/images/bg-login-form.gif) no-repeat 100% 100%;
	padding:7px 0 0 5px;
}
#header .login-form .row{
	width:100%;
	overflow:hidden;
	margin:0 0 4px;
}
#header .login-form span.text {
	background:url(/content/images/bg-text-input.gif) no-repeat;
	width:162px;
	height: 18px;
	display:block;
	overflow:hidden;
}
#header .login-form span.text input{
	border:0;
	background:none;
	color:#4f4f4f;
	width:145px;
	padding:2px 6px;
	font:9px/14px 'Trebuchet MS', Arial, sans-serif;
}
#header .login-form .btn-sign {
	float:left;
	width: 40px;
	height:16px;
	color:#fff;
	cursor:pointer;
	font-size:9px;
	padding:0 0 4px;
}

#header .search-form{
	width:100%;
	overflow:hidden;
	margin:7px 0 0;
}
#header .search-form input{
	border:0;
	background:none;
	font:9px 'Trebuchet MS', Arial, sans-serif;
}
#header .search-form .btn{float:left;}
#header .search-form span.txt{
	float:left;
	width:154px;
	height:23px;
	background:url(/content/images/bg-txt.gif) no-repeat;
	overflow:hidden;
}
#header .search-form input.txt{
	width:140px;
	padding:3px 12px 2px 2px;
	float:left;
	line-height:14px;
}
#header .nav-holder{width:100%;}
#nav{
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
	line-height:16px;
	height:1%;
}
#nav:after {
	clear: both;
	content:'';
	display: block;
}
#nav li{
	float:left;
	background:url(/content/images/sep-nav.gif) no-repeat;
}
#nav li.first-child {
	padding-left:0;
	background:none;
}
#nav li a{
	color:#fff;
	text-align:left;
	height:22px;
	padding:8px 1px 0 0;
	overflow:hidden;
	float:left;
	margin:0 0 0 1px;
	background:url(/content/images/bg-nav.gif) repeat-x;
}
#nav li a span{padding:0 0 0 7px;}
#nav li a:hover{
	text-decoration:none;
	background-position:0 -30px;
}
#nav li.first-child a{background:url(/content/images/bg-nav-left.gif) no-repeat;}
#nav li.first-child a:hover{background-position:0 -30px;}
#nav li.last-child a{background:url(/content/images/bg-nav-right.gif) no-repeat 100% 0;}
#nav li.last-child a:hover,
#nav li.last-child a.active{background-position:100% -30px;}
#nav li.hover,
#nav li:hover{position:relative;}
#nav li a.active,
#nav li a:hover{background-position:0 -30px;}
#nav li.hover .drop,
#nav li:hover .drop{display:block;}
#header .drop{
	display:none;
	width:130px;
	overflow:hidden;
	position:absolute;
	top:30px;
	left:1px;
	z-index:99;
}
#header .drop ul{
	list-style:none;
	margin:0;
	padding:2px 8px 0 7px;
	overflow:hidden;
	height:1%;
	background:url(/content/images/bg-drop.png);
	font-size:11px;
	line-height:16px;
}
#header .drop ul li{
	float:none;
	width:100%;
	overflow:hidden;
	vertical-align:middle;
	background:none;
	margin:0;
	padding:3px 0 2px;
	border-top:1px solid #85c6ea;
}
#header .drop ul li:first-child {border:0;}
#header .drop ul li a{
	display:block;
	width:100%;
	background:none;
	height:auto;
	padding:0;
	text-indent:0;
}
#header .drop ul li a:hover{text-decoration:underline;}
#header .drop .drop-bottom{
	width:130px;
	height:9px;
	overflow:hidden;
	background:url(/content/images/bg-drop-bottom.png) no-repeat;
}
#main {
	width:100%;
	overflow:hidden;
	background:#fff;
	/* padding:17px 0 56px; */
	padding:0 0 0 0;
}
#main:after {
	clear: both;
	content:'';
	display: block;
}
#main .main-holder{
	overflow:hidden;
	border-color:#cfcfcf;
	border-style:solid;
	border-width:0 1px;
	margin:-17px 0 0;
}
#main.landing .main-holder {
	background:none;
	border:none;
}
#main.landing .main-frame {
	background:#ddd url(/content/images/bg-landing-main-frame.gif) repeat-x;
	padding:58px 0 34px;
	border-color:#cbcbcb;
	border-style:solid;
	border-width:0 1px;
}
#main .main-frame{
	overflow:hidden;
	height:1%;
	padding:5px 0 0;
}
#main .breadcrumb
{
	display: inline-block;
	padding: 10px 0 0 10px;
}
#main.productland .main-frame,
#main.search-rezult .main-frame{
	padding-top:9px;
}
#wrapper .home{
	background:none;
	padding-top:0;
}
#main .main-promo{
	overflow:hidden;
	margin:0 0 13px;
}
#main .main-promo .promo{
	border-color:#cfcfcf;
	border-style:solid;
	border-width:0 1px;
	height:1%;
	background:#fbfbfb url(/content/images/bg-main-promo.gif) repeat-x 0 100%;
}
#main .main-promo .promo:after{
	content:"";
	display:block;
	clear:both;
}
.main-promo .b{
	height:5px;
	overflow:hidden;
}
.main-promo .b .bl,
.main-promo .b .br{
	float:left;
	width:5px;
	height:5px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(/content/images/bg-bl.gif) no-repeat;
}
.main-promo .b .br{
	float:right;
	background: url(/content/images/bg-br.gif) no-repeat;
}
.main-promo .b .bc{
	background: url(/content/images/bg-bc.gif) repeat-x;
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
}
* html .main-promo .b .bl{
	margin:0 -3px 0 0;
}
* html .main-promo .b .br{
	margin:0 0 0 -3px;
}
#main .main-promo .frame{
	overflow:hidden;
	height:1%;
	background:url(/content/images/bg-main-promo-frame.gif) no-repeat 0 100%;
}
#main .main-promo .item{
	width:100%;
	float:left;
	background:url(/content/images/bg-main-promo-item.gif) no-repeat 0 100%;
	padding:0 0 22px;
	margin:0 0 -5px;
	position:relative;
	min-height:170px;
}
* html #main .main-promo .item{
	height:170px;
}
#main .main-promo .info{
	overflow:hidden;
	padding:31px 57px 0 250px;
}
#main .main-promo .heading{
	width:100%;
	overflow:hidden;
	font-size:44px;
	line-height:50px;
	color:#2e9edb;
	background:url(/content/images/bg-info-heading.gif) repeat-x 0 100%;
	padding:0 0 20px;
	margin:0 0 10px;
}
#main .main-promo h1{
	margin:0;
	font:italic 26px/35px 'Trebuchet MS', Arial, sans-serif;
}
#main .main-promo h1 strong {
	font-style:italic;
	font-weight:normal;
	display:block;
	margin:-6px 0 0;
	font-size:44px;
}
#main .main-promo p{margin:0;}
#main h2{
	margin:0;
	font:21px/26px 'Trebuchet MS', Arial, sans-serif;
	padding:0 0 0 38px;
}
.main-holder-b,
.main-holder-bw{
	width:100%;
	height:5px;
	overflow:hidden;
}
.main-holder-b .bl,
.main-holder-b .br,
.main-holder-bw .bl,
.main-holder-bw .br{
	float:left;
	width:5px;
	height:5px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(/content/images/main-holder-bl.gif) no-repeat;
}
.main-holder-b .br,
.main-holder-bw .br{
	float:right;
	background: url(/content/images/main-holder-br.gif) no-repeat;
}
.main-holder-b .bc,
.main-holder-bw .bc{
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
	background: url(/content/images/main-holder-bc.gif) repeat-x;
}
* html .main-holder-b .bl,
* html .main-holder-bw .bl{
	margin:0 -3px 0 0;
}
* html .main-holder-b .br,
* html .main-holder-bw .br{
	margin:0 0 0 -3px;
}
.main-holder-bw .bl{
	background: url(/content/images/main-holder-bwl.gif) no-repeat;
}
.main-holder-bw .br{
	background: url(/content/images/main-holder-bwr.gif) no-repeat;
}
.main-holder-bw .bc{
	background: url(/content/images/main-holder-bwc.gif) repeat-x;
}
.column{
	width:297px;
	float:right;
	overflow:hidden;
	margin: 0 0 0 13px;
	display:inline;
}
.column .box{
	width:100%;
	overflow:hidden;
}
.heading .news{background:url(/content/images/ico-news.gif) no-repeat 11px 40%}
.heading .announcements{background:url(/content/images/ico-announcements.gif) no-repeat 11px 40%;}
.column .item{
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-item.gif) repeat-y;
	position:relative;
}
.column .item .holder{
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-item-holder.gif) no-repeat;
}
.column .item .frame{
	overflow:hidden;
	height:1%;
	background:url(/content/images/bg-item-frame.gif) no-repeat 0 100%;
	padding:4px 60px 9px 10px;
}
.column .item ul{
	margin:0;
	padding:9px 0 0;
	list-style:none;
	overflow:hidden;
	height:1%;
	font-size:10px;
	line-height:12px;
}
.column .item ul li{
	overflow:hidden;
	height:1%;
	background:url(/content/images/sep-item-list.gif) no-repeat 0 2px;
	padding:0 0 7px 19px;
}
.column .item li a{text-decoration:underline;}
.column .item li a:hover{text-decoration:none;}
.column .item a.more{
	position:absolute;
	right:11px;
	bottom:13px;
	display:block;
	width:44px;
	height:18px;
	background:url(/content/images/bg-col-more.gif) no-repeat;
	font-size:9px;
	color:#fff;
	line-height:14px;
	text-align:center;
}
div[id$='content'] {
	overflow:hidden;
	height:1%;
}
.content-t,
.content-b{
	width:100%;
	height:8px;
	overflow:hidden;
}
.content-t .tl,
.content-t .tr,
.content-b .bl,
.content-b .br{
	width:8px;
	height:8px;
	overflow:hidden;
	float:left;
	background: url(/content/images/content-tl.gif) no-repeat;
}
* html .content-t .tl,
* html .content-b .bl{
	margin:0 -3px 0 0;
}
* html .content-t .tr,
* html .content-b .br{
	margin:0 0 0 -3px;
}
.content-t .tr{
	float:right;
	background: url(/content/images/content-tr.gif) no-repeat;
}
.content-b .bl{
	background: url(/content/images/content-bl.gif) no-repeat;
}
.content-b .br{
	float:right;
	background: url(/content/images/content-br.gif) no-repeat;
}
.content-t .tc,
.content-b .bc{
	height:100%;
	overflow:hidden;
	background: url(/content/images/content-tc.gif) repeat-x;
}
.content-b .bc{
	background: url(/content/images/content-bc.gif) repeat-x;
}
.heading{
	width:100%;
	overflow:hidden;
	margin:0 0 12px;
}
.heading .holder{
	width:100%;
	overflow:hidden;
	padding:4px 0;
	background:#e0e0e0 url(/content/images/bg-box-heading.gif) repeat-x;
}
.heading .t,
.heading .b{
	width:100%;
	height:5px;
	overflow:hidden;
}
.heading .t .tl,
.heading .t .tr,
.heading .b .bl,
.heading .b .br{
	width:5px;
	height:5px;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	background: url(/content/images/heading-tl.gif) no-repeat;
}
.heading .t .tr,
.heading .b .br{
	float:right;
	background: url(/content/images/heading-tr.gif) no-repeat;
}
.heading .b .bl{
	background: url(/content/images/heading-bl.gif) no-repeat;
}
.heading .b .br{
	background: url(/content/images/heading-br.gif) no-repeat;
}
.heading .t .tc,
.heading .b .bc{
	overflow:hidden;
	height:100%;
	text-indent:-9999px;
	background: url(/content/images/heading-tc.gif) repeat-x;
}
.heading .b .bc{
	background: url(/content/images/heading-bc.gif) repeat-x;
}
* html .heading .t .tl,
* html .heading .b .bl{
	margin:0 -3px 0 0;
}
* html .heading .t .tr,
* html .heading .b .br{
	margin:0 0 0 -3px;
}
.ads-column{
	float:right;
	width:193px;
	padding:0 20px 0 0;
	margin:0 0 0 19px;
	list-style:none;
}
* html .ads-column{
	margin:0 0 0 16px;
}
.ads-column li{
	margin:0 0 5px;
}
.cont{
	overflow:hidden;
	height:1%;
	padding:0 0 0 28px;
}
#main .cont .vbs{background:url(/content/images/ico-vbs.gif) no-repeat 11px 50%;padding:0 0 0 43px;}
#main .cont .detail-list{background:url(/content/images/ico-search-results.gif) no-repeat 13px 50%;padding:0 0 0 43px;}
.cont .block{
	width:100%;
	overflow:hidden;
	margin:0 0 8px;
}
.screens{
	width:100%;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #d5d5d5;
}
.screens .screens-holder{
	float:left;
	position:relative;
	left:50%;
}
.screens .screens-holder ul{
	margin:0 0 5px;
	padding:0;
	list-style:none;
	width:514px;
	float:left;
	position:relative;
	left:-50%;
}
.screens .screens-holder li{
	width:200px;
	height:105px;
	float:left;
	padding:23px 26px 3px 15px;
	margin:0 8px 7px;
	display:inline;
	position:relative;
	background: url(/content/images/bg-screens-item.gif) no-repeat;
}
.rezult-box{
	line-height:14px;
	font-size:11px;
	color:#4f4f4f;
	overflow:auto;
	width:100%;
}
.rezult-box h4{
	font-size:12px;
	color:#2e9edb;
	margin:0 0 2px;
	line-height:14px;
}
.rezult-box .rezult-list{
	margin:0;
	padding:0 20px 0 0;
	list-style:none;
}
.rezult-box .rezult-list li{
	margin:0 0 12px;
	width:100%;
	overflow:hidden;
}
.rezult-box a{
	color:#2e9edb;
	text-decoration:underline;
}
.rezult-box a:hover{
	text-decoration:none;
}
.rezult-box h4 a{
	text-decoration:none;
	padding:0 11px 0 0;
	background: url(/content/images/arrow.gif) no-repeat 100% 50%;
}
.rezult-box h4 a:hover{
	text-decoration:underline;
}
.rezult-box .date{
	font-size:10px;
	display:block;
	margin:0 0 2px;
}
.rezult-box p{
	margin:0 0 14px;
}
#main .screens h2{
	padding:0;
	margin:-20px 0 0;
	font: bold 11px/20px Verdana,Tahoma,sans-serif;
	color:#fff;
}
.screens .hold-image{
	margin:7px 0 0;
}
.screens .hold-image img{
	display:block;
	margin:0 auto;
}
.screens .btn{
	position:absolute;
	top:100px;
	left:195px;
}
.cont .product-discription{
	width:100%;
	overflow:hidden;
	padding:5px 0 0;
	color:#4f4f4f;
	font-size:11px;
	line-height:14px;
}
.cont .product-discription .hold-image{
	float:right;
	margin:6px 0 0 30px;
}
.cont .product-discription .hold-image img{
	display:block;
}
.cont .product-discription h3{
	font-size:18px;
	line-height:22px;
	font-style:italic;
	font-weight:normal;
	color:#2e9edb;
	margin:0 0 10px;
}
.cont .product-discription p{
	margin:0 0 7px;
}
div[id$='content'] .services{background:url(/content/images/ico-services.gif) no-repeat 11px 50%;}
div[id$='content'] .promo-holder{
	overflow:hidden;
	margin:0 0 7px;
	height:1%;
}
div[id$='content'] .promo-box{
	float:left;
	width:47%;
	margin:0 11px 0 0;
	display:inline;
}
div[id$='content'] .promo-box .title{
	display:block;
	background:#2e9edb;
	padding:3px 0;
	width:100%;
	overflow:hidden;
	line-height:16px;
}
div[id$='content'] .promo-box .title a{
	float:left;
	display:inline;
	color:#fff;
	padding:0 11px 0 0;
	margin:0 0 0 9px;
	background:url(/content/images/bg-promo-box-title.gif) no-repeat 100% 5px;
}
div[id$='content'] .promo-box .info{
	background:#e0e0e0;
	min-height:54px;
}
* html div[id$='content'] .promo-box .info{
	height:54px;
}
div[id$='content'] .promo-box .info .holder{
	overflow:hidden;
	background:url(/content/images/bg-promo-box-holder.gif) no-repeat 100% 0;
	padding:6px 80px 0 9px;
}
div[id$='content'] .promo-box .info p{
	margin:0 0 12px;
	font-size:10px;
	line-height:12px;
}
div[id$='content'] .promo-holder .containers .info{background:#e0e0e0 url(/content/images/bg-promo-box-containers.gif) no-repeat 100% 100%;}
div[id$='content'] .promo-holder .lifter .info{background:#e0e0e0 url(/content/images/bg-promo-box-lifter.gif) no-repeat 100% 100%;}
div[id$='content'] .promo-holder .truck .info{background:#e0e0e0 url(/content/images/bg-promo-box-truck.gif) no-repeat 100% 100%;}
div[id$='content'] .promo-holder .man .info{background:#e0e0e0 url(/content/images/bg-promo-box-man.gif) no-repeat 100% 100%;}
div[id$='content'] .promo-holder .plane .info{background:#e0e0e0 url(/content/images/bg-promo-box-plane.gif) no-repeat 100% 100%;}
div[id$='content'] .promo-holder .ship .info{background:#e0e0e0 url(/content/images/bg-promo-box-ship.gif) no-repeat 100% 100%;}
div[id$='content'] .details,
.block .holder{
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-details.gif) repeat-y;
}
div[id$='content'] .details .frame,
.block .frame{
	overflow:hidden;
	height:1%;
	padding:15px 33px 0 26px;
	background:url(/content/images/bg-details-frame.gif) repeat-y 100% 0;
}
.block .frame{
	padding:15px 25px;
}
#main.search-rezult .block .frame{
	padding:8px 15px 8px 22px;
}
div[id$='content'] .details h2{
	font:16px/20px 'Trebuchet MS', Arial, sans-serif;
	margin:0;
	padding:0 0 6px 14px;
}
div[id$='content'] .details h2.contact{background:url(/content/images/ico-contact.gif) no-repeat;}
div[id$='content'] .details h2.login{
	background:url(/content/images/ico-login.gif) no-repeat 0 2px;
	padding:0 0 6px 24px;
}
div[id$='content'] .details h2.security{
	background:url(/content/images/ico-security.gif) no-repeat 0 5px;
	padding:0 0 10px 17px;
}
div[id$='content'] .details .security-form,
div[id$='content'] .details .login-form,
div[id$='content'] .details .contact-form,
div[id$='content'] .details .search-form{
	overflow:hidden;
	height:1%;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	background:url(/content/images/bg-info-heading.gif) repeat-x 0 100%;
	padding:0 0 23px;
	margin:0 0 3px;
}
div[id$='content'] .details .search-form {
	padding: 0 0 0;
}
div[id$='content'] .details .security-form,
div[id$='content'] .details .search-form {background:none;}
div[id$='content'] .details .security-form .row,
div[id$='content'] .details .login-form .row,
div[id$='content'] .details .contact-form .row,
div[id$='content'] .details .search-form .row{
	width:100%;
	overflow:hidden;
	margin:0 0 4px;
}
div[id$='content'] .details .security-form .row .holder,
div[id$='content'] .details .contact-form .row .holder{
	width:253px;
	float:left;
	background:none;
	margin:0 0 0 9px;
	padding:0 0 1px;
	overflow:hidden;
}
div[id$='content'] .details .security-form label,
div[id$='content'] .details .search-form label,
div[id$='content'] .details .login-form label,
div[id$='content'] .details .contact-form label{float:left;width:115px;text-align:right;}
div[id$='content'] .security-form label.long,
div[id$='content'] .details .login-form label.long,
div[id$='content'] .details .contact-form label.long{letter-spacing:-1px;}
div[id$='content'] .details .security-form .txt,
div[id$='content'] .details .login-form .txt,
div[id$='content'] .details .contact-form .txt,
div[id$='content'] .details .search-form .txt{
	width:241px;
	float:left;
	border:1px solid #a7a4a7;
	background:none;
	margin:0 0 0 9px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 5px;
}
div[id$='content'] .txt2{
	margin:0 0 0 9px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
div[id$='content'] input[type=text].txt2,
div[id$='content'] select.txt2,
div[id$='content'] textarea.txt2  {
	border:1px solid #a7a4a7;
}
div[id$='content'] .contact-form .sel,
div[id$='content'] .search-form .sel {
	position:relative;
	font:11px Helvetica, Arial, sans-serif;
}
div[id$='content'] .search-form .btn-rounded{
	margin:6px 0 0 295px;
	padding:0 0 2px;
}
div[id$='content'] .security-form .holder input{
	float:left;
	width:22px;
	background:none;
	border:1px solid #a7a4a7;
}
div[id$='content'] .security-form .holder span{
	float:left;
	margin:0 4px;
	display:inline;
}
div[id$='content'] .security-form .btn-continue{
	border:0;
	width:65px;
	height:20px;
	background:url(/content/images/bg-btn-continue.gif) no-repeat;
	color:#fff;
	cursor:pointer;
	float:left;
	font:10px/16px Verdana, Arial, Helvetica, sans-serif;
	margin:6px 0 0 295px;
	padding:0 0 2px;
}
div[id$='content'] .security-form .holder input.long{width:45px;}
div[id$='content'] .security-form .sel,
div[id$='content'] .search-form .sel{
	width:253.px;
	float:left;
	margin:0  0px 0 9px;
	font:11px Helvetica, Arial, sans-serif;
}
* html div[id$='content'] .security-form .sel{width:255px;}
#main .main-frame div[id$='content']{padding:0 5px 0 0;}
div[id$='content'] .container{
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-info-heading.gif) repeat-x;
	padding:16px 0 0;
	margin:0 0 17px;
}
div[id$='content'] .container h2{
	margin:0;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
}
div[id$='content'] .container h2.noicon{
	padding:0 0 6px 0px;
}
div[id$='content'] .container h2.search{
	background:url(/content/images/ico-search.gif) no-repeat 0 2px;
	padding:0 0 6px 24px;
}
div[id$='content'] h2.search{
	background:url(/content/images/ico-search.gif) no-repeat 0 2px;
	padding:0 0 6px 24px;
}
div[id$='content'] .container h2.results,
div[id$='content'] h2.results{
	background:url(/content/images/ico-search-results.gif) no-repeat 0 2px;
	padding:0 0 6px 24px;
}
div[id$='content'] .container h2.products{
	background:url(/content/images/ico-products.gif) no-repeat;
	padding:1px 0 6px 24px;
	margin:-3px 0 0;
}
div[id$='content'] .container h2.users{
	background:url(/content/images/ico-users.gif) no-repeat 2px 4px;
	padding:0 0 6px 24px;
	margin:-8px 0 0;
}
div[id$='content'] .container h2.credentials{
	background:url(/content/images/ico-credentials.gif) no-repeat 0 4px;
	margin:0;
	padding:2px 0 6px 21px;
}
div[id$='content'] .container h2.organisation{
	background:url(/content/images/ico-organisation.gif) no-repeat;
	padding:1px 0 6px 33px;
	margin:3px 0 6px;
}
div[id$='content'] .container ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
div[id$='content'] .container .detail-list-holder{
	overflow:hidden;
	height:1%;
	margin:0 0 0 -20px;
}
div[id$='content'] .container .detail-list{
	float:left;
	overflow:hidden;
	margin:0 0 0 20px;
	display:inline;
	width:290px;
}
div[id$='content'] .container .short{width:240px;}
div[id$='content'] .container .short dt{width:73px;}
div[id$='content'] .container dl{
	margin:0 0 5px;
	width:100%;
	overflow:hidden;
}
div[id$='content'] .container dl dt{
	float:left;
	width:120px;
	margin:0 5px 0 0;
	font-size:11px;
	line-height:15px;
	color:#2e9edb;
}
* html div[id$='content'] .container dl dt{margin:0 2px 0 0;}
div[id$='content'] .container dl dd{
	margin:0;
	overflow:hidden;
	height:1%;
	line-height:15px;
}
div[id$='content'] .container dl a{text-decoration:underline;}
div[id$='content'] .container dl a:hover{text-decoration:none;}
div[id$='content'] .container .more-holder{
	width:100%;
	overflow:hidden;
	margin:-26px 0 0;
}
div[id$='content'] .container .more-holder span,
.screens .btn{
	float:right;
	background:url(/content/images/btn-edit.gif) no-repeat;
	height:19px;
	overflow:hidden;
	color:#fff;
	cursor:pointer;
	padding:0 0 0 9px;
	font:10px/18px Verdana, Arial, Helvetica, sans-serif;
}
div[id$='content'] .container .more-holder span a,
.screens .btn span{
	float:left;
	height:19px;
	background:url(/content/images/btn-edit.gif) no-repeat 100% 100%;
	padding:0 9px 0 0;
	color:#fff;
}
div[id$='content'] .container .edit-form{
	width:100%;
	margin:-22px 0 0 0;
	padding:0 0 0 4px;
	float:right;
	height:20px;
	overflow:hidden;
}
div[id$='content'] .container .edit-form fieldset{
	float:right;
	background:url(/content/images/btn-edit.gif) no-repeat;
	overflow:hidden;
}
div[id$='content'] .container .edit-form .btn-edit{
	float:left;
	height:19px;
	cursor:pointer;
	background:url(/content/images/btn-edit.gif) no-repeat 100% 100%;
	color:#fff;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:0;
	padding:2px 9px 4px;
	overflow:hidden;
}

.table {
	width:100%;
	overflow:hidden;
	border-collapse:collapse;
	margin: 0 0 29px;
}
.table thead, .table .thead{
	background:#2d9ddb url(/content/images/bg-table-heading.gif) repeat-x 0 100%;
	color:#fff;
}
.table th{
	text-align:left;
	color:#fff;
	border-right:1px solid #c7e3f3;
	padding: 2px 5px 2px 5px;
}
.table a{text-decoration:underline;}
.table a:hover{text-decoration:none;}
.table .gridrow{
    background:none repeat scroll 0 0 #F0F0F0;
}
.table .gridrow_alternate{
	background:#FFFFFF;
}
.table td{
	border-right:1px solid #f7f7f7;
	padding:2px 5px 2px 5px;
}

.table th.sort_desc
{
	 background-image: url(/content/images/sort_blue_desc.gif);
	 background-position: right;
	 background-repeat: no-repeat;
	 padding-right: 20px;
}

.standout
{
	font-weight: bold;
	font-size: 110%;
}

.table th.sort_asc
{
	 background-image: url(/content/images/sort_blue_asc.gif);
	 background-position: right;
	 background-repeat: no-repeat;
	 padding-right: 20px;
}

.table th a{color:#fff;text-decoration:none;}

div[id$='content'] .search-info {
	background:url(/content/images/bg-info-top.png) no-repeat;
	width: 515px;
	padding:35px 0 0;
	margin:0 auto 14px;
}
div[id$='content'] .info-frame {
	background: url(/content/images/bg-info.png) repeat-y;
	width: 498px;
	height:1%;
	padding:0 0 0 17px;
}
* html div[id$='content'] .info-frame {
	overflow:hidden;
}
div[id$='content'] .info-frame .box-holder {
	width:1000px;
}
div[id$='content'] .info-frame:after {
	clear: both;
	content:"";
	display: block;
}
div[id$='content'] .info-bottom {
	background:url(/content/images/bg-info-bottom.png) no-repeat;
	width: 515px;
	height: 12px;
}
div[id$='content'] .info-frame .info-box{
	float:left;
	margin:-26px 40px -6px 0;
	width:220px;
}
div[id$='content'] .info-frame p {
	width:100%;
	overflow:hidden;
	color:#4f4f4f;
	font:12px/17px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 12px;
	clear: both;
}
ul.add-nav {
	list-style:none;
	padding:40px 0;
	border:solid #d5d5d5;
	border-width:1px 0;
	text-align:center;
	margin:39px auto 94px;
	line-height:14px;
}
ul.add-nav li {
	font:11px 'Trebuchet MS', Arial, sans-serif;
	margin:0 15px;
	display:inline;
}
ul.add-nav li a {
	color:#4e484e;
	padding:8px 0;
}
ul.add-nav li.organisation a{
	background:url(/content/images/ico-organisation.gif) no-repeat;
	padding-left:40px;
}
ul.add-nav li.individual a{
	background:url(/content/images/ico-individual.gif) no-repeat;
	padding-left:34px;
}
ul.add-nav li.access a{
	background:url(/content/images/ico-access.gif) no-repeat;
	padding-left:30px;
}

#main .info-box h2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	padding:0;
	margin:0 0 11px -5px;
	position:relative;
	display:inline;
}
#main .info-box h2.item2 {margin:0 0 13px 0;}
#main .info-box h2.item2 a{padding:3px 18px 0 29px;}
.info-box h2 a {
	color:#fff;
	float:left;
	height:20px;
	padding:3px 17px 0 27px;
	background:url(/content/images/bg-info-title.gif) no-repeat 100% 8px;
}
#sidebar 
{
	margin:0 5px 0 5px;
	overflow:hidden; 
	padding:0; 
	width:144px;
	float:left; 
	overflow:hidden; 
	background:#2e9edb url(../images/bg-sidebar.gif) repeat-x;
	display:inline;
}

#sidebar .holder
{
	width:100%; 
	overflow:hidden; 
	background:url(../images/bg-sidebar-holder.gif) repeat-y;
}
#sidebar .frame{
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-sidebar-frame.gif) no-repeat;
}

#sidebar .item{
	overflow:hidden;
	min-height:258px;
	background:url(/content/images/bg-sidebar-item.gif) no-repeat 0 100%; 
	padding:8px 0px 5px 0;
	margin:0px;	
}
* html #sidebar .item{
	overflow:visible;
	height:258px;
}

#sidebar li 
{ 
	overflow:hidden; 
	width:100%; 
	display:list-item; 
	padding:0 0 0 12px; 
} 

#sidebar ul 
{ 
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:none; 
	margin:0; 
	overflow:hidden; 
	padding:0; 
} 

#sidebar a 
{ 
	color: white; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:11px; 
	line-height:19px; 
	text-decoration:none; 
	display:block; 
	padding:0 0 0 12px; 
	background:url(../images/sep-accordion.gif) no-repeat 0 6px; 
	color:#fff; 
} 

#sidebar a:hover, #sidebar .active
{ 
background:url(../images/sep-accordion-hover.gif) no-repeat 0 6px; 
} 

#sidebar .accordion{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	font:11px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#sidebar .accordion li{
	width:100%;
	overflow:hidden;
}
#sidebar .accordion a.ui-state-default,
#sidebar .accordion a{
	display:block;
	padding:0 0 0 12px;
	background:url(/content/images/sep-accordion.gif) no-repeat 0 6px;
	color:#fff;
}
#sidebar .accordion a.active,
#sidebar .accordion a.ui-state-active,
#sidebar .accordion a:hover{background:url(/content/images/sep-accordion-hover.gif) no-repeat 0 6px;}
#sidebar .accordion .slide{
	width:100%;
	overflow:hidden;
}
#sidebar .accordion .slide ul{
	list-style:none;
	margin:0 0 0 14px;
	padding:0;
	overflow:hidden;
}

#twocolums{
	overflow:hidden;
	height:1%;
	padding:1px 12px 0 0;
}
#twocolums .column{
	width:193px;
	float:right;
	overflow:hidden;
	margin:0 0 0 15px;
}
* html #twocolums .column{margin:0 0 0 12px;}
#twocolums .column .access{
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-access.gif) repeat-y;
}
#twocolums .access .holder{
	width:100%;
	overflow:hidden;
	background:url(/content/images/bg-access-holder.gif) no-repeat 0 100%;
	padding:0 0 18px;
}
#twocolums .access .heading{
	background:#2999d8 url(/content/images/bg-access-heading.gif) repeat-x 0 100%;
	font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	width:100%;
}
#twocolums .access .heading .holder{
	background:url(/content/images/bg-access-heading-holder.gif) repeat-y;
	padding:0;
}
#twocolums .access .heading .frame{
	padding:7px 13px;
	background:url(/content/images/bg-access-heading-frame.gif) no-repeat;
	width:auto;
}
#twocolums .access .info{
	overflow:hidden;
	height:1%;
	padding:10px 18px 0 14px;
}
#twocolums .access .info p{
	margin:0 0 7px;
	font-size:11px;
	line-height:14px;
}
#twocolums .access .info a{
	color:#2e9edb;
	text-decoration:underline;
}
#twocolums .access .info a:hover{text-decoration:none;}
#twocolums .column .access-form{
	overflow:hidden;
	height:1%;
	background:url(/content/images/bg-info-heading.gif) repeat-x;
	padding:13px 0 0;
}
#twocolums .access-form .row{
	width:100%;
	overflow:hidden;
}
#twocolums .access-form .chk{
	float:left;
	width:16px;
	height:15px;
	padding:0;
	margin:3px 3px 0 0;
}
#twocolums .access-form label{
	padding:3px 0 0;
	font:11px 'Trebuchet MS', Arial, sans-serif;
	color:#4f4f4f;
	float:left;
}
#footer {
	height:14px;
	margin:-48px 0 0;
	position:relative;
	padding:9px 43px 25px 45px;
	overflow:hidden;
	background:#fff url(/content/images/bg-footer.gif) repeat-x;
	font-size:9px;
	line-height:14px;
	color:#4f4f4f;
}
#footer p{margin:0;}
#footer p a{
	color:#4f4f4f;
	text-decoration:underline;
}
#footer p a:hover{text-decoration:none;}
#footer .sub-nav{
	margin:0 -8px 0 0;
	padding:0;
	list-style:none;
	float:right;
	display:inline;
	overflow:hidden;
}
#footer .sub-nav li{
	float:left;
	padding:0 8px 0 9px;
	margin:0 0 0 -2px;
	display:inline;
	background:url(/content/images/sep-sub-nav.gif) no-repeat 0 60%;
}
#footer .sub-nav li a{color:#4f4f4f;}

.errorcell      { background: #FBE3E4; color: #8a1f11; }
.successcell    { background: #E6EFC2; color: #264409; }

.errortxt       
{
    background: #FBE3E4; 
    color: #8a1f11;
    width:241px;
    float:left;
    border:1px solid #a7a4a7;
    margin:0 0 0 0px;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    padding:3px 5px;
}
.errorsel
{
    background: #FBE3E4; 
    color: #8a1f11;
    float:left;
    margin:0 0 0 0px;
    font:11px Helvetica, Arial, sans-serif;
}
.error, .notice, .success, .warning
{
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

.error
{
    padding: 2px;
    margin: 2px;
    border: 2px solid #FBC2C4;
    background: #FBE3E4;
    color: #8a1f11;
}
.notice
{
    padding: 2px;
    margin: 2px;
    border: 2px solid #C2CC02;
    background: #F5F08B;
    color: #43250A;
}
.success
{
    padding: 2px;
    margin: 2px;
    border: 2px solid #C6D880;
    background: #E6EFC2;
    color: #264409;
}
.warning
{
    padding: 2px;
    margin: 2px;
    background-position: #F5F08B;
    border: 2px solid #C2CC02;
    background: #F5F08B;
    color: #43250A;
}

.warningVGM
{
    padding: 2px;
    margin: 2px;
    background-position: #F5F08B;
    border: 2px solid #FF9900;
    background: #FDEADA;
    color: #43250A;
}

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.btn-rounded 
{
	text-decoration:none;
	display:inline-block;
	background-color:#fff;
	border:0;
	color:#fff;
	cursor:pointer;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0; /* 2px; */
}
.btn-rounded-right {
	text-decoration:none;
	background:url(../images/bg-btn-right.gif) no-repeat right top; 
	padding-right:9px; 
}

.btn-rounded em {
    display: block;
    float: left;
    background: url(/content/images/bg-btn-left.gif) no-repeat;
    width: 9px;
    height: 20px;
    cursor: default;
}

.btn-rounded span {
	display:inline-block;
    float: left;
    background: url(/content/images/bg-btn-body.gif) repeat-x;
    height: 20px;
    line-height: 18px;
}
.btn-rounded  span { 
	background:url(../images/bg-btn-left.gif) no-repeat left top; 
	padding-left:9px;
	display:inline-block;
}

.btn-rounded input 
{
    border:0;
    display: block;
    float: left;
    background: url(/content/images/bg-btn-body.gif) repeat-x;
    height: 20px;
    line-height: 18px;
    cursor:pointer;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    padding:0 0 0; /* 2px; */
    color:#fff;
    padding-bottom: 2px;
    margin: 0px;
}

.btn-rounded b {
display: block;
float: left;
background: url(/content/images/bg-btn-right.gif) no-repeat;
width: 9px;
height: 20px;
cursor: default;
} 

.ui-datepicker-trigger 
{
margin-left:5px;
/* margin-top: 8px; */
margin-bottom: -6px;
}

div.tooltip 
{
    background-color:#2e9edb;
    border:1px solid #fff;     
    padding:10px 15px;        
    display:none;     
    color:#fff;     
    text-align:left;     
    font-size:12px; 
    z-index: 100;     
    /* outline radius for mozilla/firefox only */     
    -moz-box-shadow:0 0 10px #000;     
    -webkit-box-shadow:0 0 10px #000; 
}

.nowrap
{
	white-space: nowrap;
}

.pagination
{
	margin: 5px 3px 5px 3px;
}

.pageImage
{
	vertical-align: middle;
	border-style: none;
	border-width: 0;
}

.vesselDetails
{
	font-size: 9px;
}

.paginationRight
{
	float: right;
}

.gwLink a 
{ 
	color: #2E9EDB;   
}

.field-validation-error
{
    color: #ff0000 !important;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors
{
    font-weight: bold !important;
    color: #ff0000 !important;
}

/*Div-based dialog boxes Destination etc*/
    div.btn-Panel 
    {
        display: none;
    }
    button.ui-dialog
    {
        /*redundant*/
        background-color:Red;
        color:Green;
    }

/*Links to dialog box*/
a.modalDlg
{
    background-position: left top;
    width: 16px;
    height: 28px;
    text-indent: -9999px; /* hides the link text */
    padding: 0 0 0 10px;
    border: 3px none #FF0000;
}

/*pagination*/
ul.paginated-table
{
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 10px;
    margin: 5px;
    border: 1px solid #CCC;
}

/*Form Fields*/
.form_field_label
{
    text-align: left;
    color: #2e9edb;
    margin-right: 4px;
}
.form_field_wide
{
    width: 240px;
}
.form_field label
{
    text-align: left;
    margin-left: 125px;
}
.form_field
{
    margin-left:120px;
    padding-left: 0px;
}


.audit_item
{
	width: 16px; 
	height: 16px; 
	background: url(../images/audit-icon.png) no-repeat top left;
	cursor: pointer;	
}

  .buttonaslink {
    background: none!important;
    border: none;
    padding: 0!important;
    font: inherit;
    cursor: pointer;
    color: rgb(0, 0, 238);
    text-decoration: underline;
    border-collapse: collapse;
    display: inline;
}

  .break-long-words {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.collapsible {
	background-color: #FCFCFC;
	color: #999999;
	cursor: pointer;
	padding: 9px;
	width: 100%;
	border: 1px solid #E4E6E8;
	text-align: left;
	outline: none;
	font-size: 12px;
}

.active, .collapsible:hover {
	background-color: #FAFAFA;
}

.collapsible:after {
	content: "\2212";
	color: #999999;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: '\002B';
}

.collapsecontent {
	padding: 0 18px;
	overflow: auto;
	max-height: 9999px;
	transition: max-height 0.2s ease-out;
	background-color: #FCFCFC;
}