.thumbImg { width:60px; height:60px; }
.smallImg { width:155px; }
/*.mediumImg { width:186px; }*/
/* .largeImg { width:188px; }*/
.topImage { width: 446px; }

/*h1.mainHeading {margin-top: 18px; font-size:15px; font-weight:600; color:#333;}
.mainIntro {font-size:14px;font-weight:700;color:#666;}*/


.intro {margin-top: 18px;}
h1.mainHeading {font-size:15px; font-weight:600; color:#333; /*width:60%;*/ clear:both;}
.bnr_area{margin-top: 16px;}
.intro_bnr{float:left; width:320px;}

.box_spacer
{
	width: 11px;
	height: 11px;
	font-size: 0;
}

.box { background-image: url("../gfx/yellow_box_bg_left.png");margin-bottom:18px; }
.box_inner { background-image: url("../gfx/yellow_box_bg_right.png"); padding-bottom:10px;}

.fullWidth { width: 100%; }

#mainflash, #mainimage { width: 677px; height: 180px; }

#Col1 .box_inner, #Col2 .box_inner, #Col3 .box_inner, #Col4 .box_inner { height:274px;overflow:hidden;}

#TopRight .box_inner, #LatestNews .box_inner {height: 100%;}

#LatestNews {height:451px;}
#LatestNews .box_inner {padding-bottom:0;}
#LatestNews .newsList div {margin-bottom:18px;}

.ThreeColBox {
	background-image: url("../gfx/yellow_box_bg_left.png");
	border-bottom: 1px solid #F0F1F1;
    float: left;
    width: 449px;
    height:451px;
}

.productDropdown {float:left;}

.featuredProduct{ float: left; width:190px; height:186px; overflow:hidden; }
.featuredProduct.even{ margin: 10px 0; }
.featuredProduct.odd{ margin: 10px 38px 10px 0; }

#productsSolutions .image_left{	margin:0 0 5px 0;}

.image_left, .image_right{	margin: 0 6px 6px 0;}

.bold {	font-weight:bold;}

.scrollable{position:relative; overflow:hidden; height: 652px; margin:18px 0;}

.scrollable .items {
	position:absolute;
	height:20000em;
	width:190px;
}

.scrollable .items .item {
	height:198px;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}

.scrollable .items .item .imageHolder {height:130px;}
.scrollable .items .item img {display:block;margin:0 auto;}
.scrollable .items .item .info {height:45px;}
.scrollable .items .item .login {height:20px; line-height:20px; vertical-align:top;}
.scrollable .items .item .login a {float:left;color:#fff;padding:0 5px 0 5px;}
.scrollable .items .item .login span {float:left;}
.scrollable .items .item .login img {display:inline;}
.scrollable .items .item h4 {font-size:14px;font-weight:700;}
.scrollable .items .item p {font-size:11px;}

.marineInsights {font-size:17px;font-weight:400;font-weight:700;}
.marineInsights span {color:#1e779d;}

/* Seadragon */

#seaDragon {
    width: 675px;
    height: 311px;
    background-color: black;
    color: white;   
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.info-box h3.nopadding, .info-box-last h3.nopadding {
	padding-bottom:10px;	
}

.info-box h3, .info-box-last h3 {
	margin-top:0;
	margin-bottom:8px;
	border-top:0px;
	padding-top:5px;
	padding-bottom:31px;
	border-bottom: solid 1px #999999;
}

.info-box h3.no-border, .info-box-last h3.no-border {
	border-bottom:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.info-box h3.image-headings, .info-box-last h3.image-headings{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:5px;
	font-size:16px;
	letter-spacing:0px;
	line-height:18px;
}

.info-box-last h3.no-border {
	padding-bottom:5px;	
}

.info-box ul li p {
                font-size:1em;
                padding-left:80px;
}

img#for {
              margin-bottom:5px;
}


.button-left, .button-right {
	float:left;
	margin-right:0px;
                vertical-align:bottom;
}

p.section-header {
	font-weight:bold;
	color:#000000;
	padding-bottom:3px;
}

p.black {
	color:#000000;	
	padding-bottom:3px;
}
p.sub-head{
	font-weight:bold;
	font-size:2em;
	line-height:1.2em;
}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    /*height:0;
    font-size: 1px;
    line-height: 0px;*/
}


#wrapper {
	height: auto !important;
	min-height: 100%;
	height: 100%; 
	width:940px;
	text-align:left;
	position:relative;
	top: 0px;
	left: 0px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:100%;
	overflow:hidden;
	position:relative;
	padding-top:130px;
	padding-bottom:10px;
}

#header img {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#content {
	width:100%;
	overflow:hidden;
	border-bottom: solid 15px #D09B3E;
}

#content-bottom {
	width:100%;
	overflow:hidden;
	position:relative;
	font-size:1.2em;
	margin-bottom:10px;
}

#inner-content {
	float:left;
	width:679px;
	border-right: solid 1px #999999;
	margin-top:10px;	
}

#top-left .info-box-last {
	border-left:1px solid #999999;
}

#mid {
	width:100%;
	overflow:hidden;
	border-bottom: solid 5px #000000;
	padding-bottom:10px;
}

#mid img {
	vertical-align:bottom;
}

.info-box {
	width:220px;
	margin-right:10px;
	float:left;
}

.info-box-last {
	margin-right:0px;
	width:250px;
	float:left;	
}

/*
#bg-image {
	background-image:url(../../../trelleborg.communigatormail2.co.uk/ias_trelleborglz/Instances/ias_trelleborglz/Images/19028_integrated_port_LZ/port_sidebar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top: 10px;
	min-height: 356px;
	padding-bottom: 15px;
}

#bg-image2 {
	background-image:url(../../../trelleborg.communigatormail2.co.uk/ias_trelleborglz/Instances/ias_trelleborglz/Images/19028_integrated_port_LZ/sidebar_img2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	min-height: 300px;
	background-color:#000;
	margin-top:10px;
}
*/

.info-box-last h3.text-on-image {
	border-bottom: none;
	margin:185px 40px 0 40px;
	padding-bottom: 15px;
}

.info-box-last h3.text-on-image2 {
	border-bottom: none;
	/*margin:175px 40px 0 15px;*/
	padding: 0px 10px 10px 10px;
	color: #ffffff;
	font-weight: normal;
	font-size:17px;
	line-height:18px;
	letter-spacing:0px;
	margin-bottom:0px;
}

/*
#bg-image2 img{
	vertical-align:top;
	padding: 0 0 0 0;
}
*/

.info-box-last img {
	vertical-align:bottom;
	padding-bottom:15px;
	padding-top:10px;
}

.info-box-last {
	margin-top:0px;
}

.info-box-last img {
	float:none;	
	vertical-align:bottom;
}

.instruction {
    color: #FFFFFF;
    font-size: 1.5em;
    padding-bottom: 0;
}


span img {
                vertical-align:bottom;
}

#bottom {
	width:100%;
	overflow:hidden;
}

/*
ul {
	margin-left:0px;
}*/

#sidebar {
	background-image: url(../../../trelleborg.communigatormail2.co.uk/ias_trelleborglz/Instances/ias_trelleborglz/Images/19028_integrated_port_LZ/vertical_div.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float:right;
	width:250px;
}

#contact{
    padding:0px 0px 0px 0px; 
	float:left;
	line-height:18px;
}

#contact a {
	color:#fff;
}