*{
    margin: 0; padding: 0;
}
form, pre, div{
    margin:0; padding:0;
}
html{
    font-size: 100%;
}
img{
    border: none;
}
a{
    color: #984600; text-decoration: none;
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none !important;
}
a:hover{
	color: #663300;
	
}

body{
	background: #fff; color: #333333; border-top: 4px solid #02646a; padding: 0; margin: 0;
	font: normal 10pt Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.clearit /* clearing div */
{
    height: 0; line-height: 0.0; font-size: 0; padding: 0; margin: 0; clear: both;
}
.gold{
    color: #663300;
}
.super{
	vertical-align: text-top;
}
#scrolltotop{
    display: none;
}
.hidden {
	display: none;
}

h3.page-title{
    color: #014c51; font: normal 20px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
h3.page-title-lowercase{
    color: #014c51; font: normal 20px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
#loading{ position: fixed; bottom: 3px; left: 3px;  color: white; background: red; padding: 5px 10px; display: none; }

/*\*/
* html #loading { position: absolute; }
/**/

#header{
    height: 125px; width: 807px; margin: 0 auto;
}
h1#logo{
    float: left; margin: 10px 0 0 22px;
}
#language{
    float: right; height: 20px; width: 177px; border: 1px solid #dbdcda; margin-top: 63px;
}

#livezilla{
    float: right; height: 30px; width: 175px; margin-top: 60px ;margin-right:20px;
}

#language .arrow-down{
    float: right; border-left: 1px solid #dbdcda; height: 20px; width: 24px; cursor: pointer;
}
#language .arrow-down a img{
    margin: 5px 0 0 5px; display: block;
}
#language-drop{
    position: absolute; height: 22px; width: 179px; margin: 0 0 0 -1px;
    display: none; z-index: 11113; border-top: 1px solid #dbdcda;
}
#language-drop ul{
    margin: 0; padding: 0 0 0; list-style: none; background: #fff;
    border-right: 1px solid #dbdcda;
    border-left: 1px solid #dbdcda;
}
#language-drop ul li{
    border-bottom: 1px solid #dbdcda; height: 20px; width: 177px; display: block; clear: both; cursor: pointer;
}
#language a.active img{
    vertical-align: middle; margin: 3px 9px 0 5px; float: left;
}
#language-drop ul li a img{
    vertical-align: middle; margin: 3px 9px 0 5px; float: left;
}
#language a.active{
    color: #999999; font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
#language a.active span{
    margin-top: 3px; display: block; float: left;
}
#language-drop ul li a{
    color: #999999; font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; height: 21px; display: block;
    cursor: pointer;
}
#language-drop ul li a span{
    margin-top: 3px; display: block; float: left;
}

#main-menu-bg{
    height: 27px; background: url(../images/main_menu_bg.gif) repeat-x 0 0;
    border-top: 1px solid #ccd6d7; border-bottom: 5px solid #fff;
}
#main-menu{
    background: url(../images/main_menu_separator.gif) no-repeat top left;
    width: 808px; height: 26px; margin: 0 auto; position: relative; z-index: 11112;
}
#main-menu.no-bg{
    background: none;
}
#main-menu ul{
    margin: 0; padding: 0 0 0 2px; list-style: none;
}
#main-menu ul li{
    display: block; float: left; padding: 0 2px 0 0; height: 26px;
    background: url(../images/main_menu_separator.gif) no-repeat top right; position: relative;
}
#nav li a.marine_fenders{
    background: url(../images/menu/marine_fenders_sprite.gif) no-repeat 0 0; width: 153px; height: 26px; display: block;
}
#nav li a.mooring_bollards{
    background: url(../images/menu/mooring_bollards_sprite.gif) no-repeat 0 0; width: 139px; height: 26px; display: block;
}
#nav li a.naval_systems{
    background: url(../images/menu/naval_systems_sprite.gif) no-repeat 0 0; width: 124px; height: 26px; display: block;
}
#nav li a.fabrication{
    background: url(../images/menu/fabrication_sprite.gif) no-repeat 0 0; width: 108px; height: 26px; display: block;
}
#nav li a.news{
    background: url(../images/menu/news_sprite.gif) no-repeat 0 0; width: 72px; height: 26px; display: block;
}
#nav li a.resources{
    background: url(../images/menu/resources_sprite.gif) no-repeat 0 0; width: 108px; height: 26px; display: block;
}
#nav li a.contact{
    background: url(../images/menu/contact_sprite.gif) no-repeat 0 0; width: 85px; height: 26px; display: block;
}
#nav li.active a,
#nav li.hover a{
    background-position: 0 -26px;
}

/* Dropdown menu */
/* 2nd level */
#main-menu ul li ul li ul{
    display: block; position: relative; top: 0; left: 0; width: 190px; padding: 0;
}
#main-menu ul li ul li ul li{
    display: block; float: none; clear: both; padding: 5px; height: 16px;
}
#main-menu ul li ul li ul li a{
    padding-left: 30px;
}

/* 1st level */
#main-menu ul li ul{
    display: none; float: left; position: absolute; top: 31px; left: -1px; padding: 0; background: #dbdade;
    /*width: 190px;*/
}
#main-menu ul li ul li{
    display: block; float: none; clear: both; padding: 0; height: auto; border-top: 1px solid #fff;
    background: none;
}
#main-menu ul li ul li ul li a,
#main-menu ul li ul li a{
    color: #01383f; font: bold 10px Verdana, Helvetica, Tahoma, Arial, Sans-serif; display: block;
    /*width: 163px;*/ height: 26px; display: block; white-space:nowrap;
}

/* 2nd level */
#main-menu ul li ul li ul li a{
    padding: 2px 0 0 30px; height: 20px;
    color: #002629;
}
/* 1st level */
#main-menu ul li ul li a{
    padding: 7px 0 0 20px; height: 19px;
    /*width: 178px;*/
}


#main-area-bg{
    background: url(../images/main_area_bg.jpg) repeat-x 0 0;
}
#main-area-bg, x:-moz-any-link { background: url(../images/main_area_bg.jpg) repeat-x 1px 0; } /* FF 2 */
#main-area-bg, x:-moz-any-link, x:default { background: url(../images/main_area_bg.jpg) repeat-x 1px 0; } /* FF 3 */

#flash-area{
    width: 862px; margin: 0 auto;
}
#no-flash{
	width: 866px; height: 399px; background: url(../images/Flash_Placeholder_bg.jpg) no-repeat 0 0; margin-left: -2px;
	font: normal 15px Arial, Helvetica, sans-serif; text-align: center;
}
#no-flash span{
	display: block; color: #fff; padding-top: 150px;
}
#no-flash a{
	display: block; color: #fff; font-size: 24px;
}
#no-flash a:hover{
	text-decoration: underline;
}
#main-area,
#main-area-interior{
    margin: 0 auto; width: 806px; background: #fff;
    border: 1px solid #676767; border-top: none;
}
/*\*/
* html #main-area{ position: relative; top: -3px; }
/**/

#main-area-interior.info-center {
	background-image: url(../images/infocenter_bg.png); background-repeat: repeat-y; background-position: center top;
}

#main-area-interior h3.page-title-interior{
    padding: 20px 0 0 20px; margin-bottom: -10px;
}
#main-area-interior p{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 10px 0 0 2px; line-height: 13px;
}

#main-area-interior a:hover{
    text-decoration: underline;
}

#welcome a:hover{
    text-decoration: underline;
}


#welcome{
    float: left; width: 465px; color: #4e4e4e; margin: 24px 0 0 34px;
}

#googleplus1{
    float: right;
}
/*\*/
* html #welcome{ margin: 24px 0 0 17px; }
/**/
#welcome h2{
	color: #014c51;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
}

#welcome h4{
    color: #014c51; font: normal 20px Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 15px;
}
#welcome p{
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; line-height: 17px;
}
#welcome a{
    color: #996633 ;
}
#welcome a:hover{
    color: #663300;
}

#latest-news-photos{
    float: right; width: 250px; margin: 15px 15px 0 0;
}
#latest-news-photos h2{
    padding: 13px 0;
	font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #014c51;
}
#latest-news{
    width: 250px;
    background: url(../images/latest_news_border_right.gif) no-repeat 233px 37px;
}
#latest-news h2{
	padding: 0; height: 30px;
	width: 240px; vertical-align: top;
}
#latest-news h2 a.icon{
	display: block; float: right; margin: 1px 0 0;
}
#latest-photos{
	margin: 35px 0 0;
}
#latest-photos p.error{
	font-size: 12px;
}
#latest-photos ul{
	border: 1px solid #e5e5e5; border-right: none; border-left: none; width: 235px; height: 159px; overflow: hidden;
}
#latest-photos ul li{
	width: 75px; height: 75px; background: #ccc; display: block; float: left; margin: 2px 5px 3px 0; overflow: hidden;
}
#latest-photos ul li.no-r-margin{
	margin-right: 0;
}
#latest-news-scroller{
    width: 215px; height: 160px; overflow: hidden;
    margin: 0; padding: 0; list-style: none;
}
#latest-news-scroller li{
    border-bottom: 1px solid #e5e5e5;
	font: normal 10px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    display: block; height: 79px; width: 215px;
    line-height: 12px;
}
#latest-news-scroller li img.thumb{
    float: left; width: 75px; height: 75px; margin: 2px 13px 0 0;
}
#latest-news-scroller li a.text{
    float: left; width: 127px; color: #996633; margin: 2px 0 0;
}
#latest-news-scroller li a.text:hover{
    color: #663300;
}
#latest-news-scroller li span.read-more{
    color: #114170; font: normal 10px Tahoma, Arial, Sans-serif;
}

#latest-blog-scroller{
    width: 215px; height: 154px; overflow: hidden;
    margin: 0; padding: 0; list-style: none;
}
#latest-blog-scroller li{
    border-bottom: 1px solid #e5e5e5;
	font: normal 11px/12px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    display: block; height: 31px; width: 215px; width: 230px;
}
#latest-blog-scroller li a.text{
    color: #996633; margin: 2px 0 0; display: block;
}
#latest-blog-scroller li a.text.one-line{
    margin: 8px 0 0;
}
#latest-blog-scroller li a.text:hover{
    color: #663300;
}
#latest-blog-scroller li span.read-more{
    color: #114170; font: normal 10px Tahoma, Arial, Sans-serif;
}

/* JCarousel Skin */
.jcarousel-skin-tango .jcarousel-container {
    background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 215px; height: 159px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 215px; height: 159px;
}
.jcarousel-skin-tango .jcarousel-item {
    height: 77px; width: 215px;
}
.jcarousel-skin-tango .jcarousel-item-vertical { }
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff; color: #000;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute; bottom: -8px; right: -25px; width: 13px; height: 9px;
    cursor: pointer; background: transparent url(../images/arrow_grey_down.gif) no-repeat 0 0;
}
/*\*/
* html .jcarousel-skin-tango .jcarousel-next-vertical { bottom: -17px; }
/**/
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute; top: -8px; right: -25px; width: 13px; height: 9px;
    cursor: pointer; background: transparent url(../images/arrow_grey_up.gif) no-repeat 0 0;
}

#bottom-bg{
    height: 87px; width: 806px; border-top: 1px solid #b2b2b2; margin-top: 50px;
    background: url(../images/bottom_bg.gif) repeat-x 0 0;
}
#bottom-bg.no-margin{
	margin-top: 0;
}
#bottom-nav{
    float: left;
}
#bottom-nav ul{
    margin: 0; padding: 0; list-style: none;
}
#bottom-nav ul li{
    display: block; float: left; padding: 0;
}
#bottom-nav ul li img{
    float: left;
}
#bottom-nav ul li img.img{
    position: relative; z-index: 999;
}
#bottom-nav ul li img.hovered{
    display: none; position: relative; z-index: 1000;
}
#bottom-nav ul li.list1 img.hovered{
    left: -95px; margin-right: -95px;
}
#bottom-nav ul li.list2 img.hovered{
    left: -104px; margin-right: -104px;
}
#bottom-nav ul li.list3 img.hovered{
    left: -102px; margin-right: -102px;
}
#bottom-nav ul li img.text{
    margin-top: 44px;
}
#bottom-nav ul li a{
	font: bold 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #01646a;
    text-transform: uppercase;
}

#search-area{
    float: right; position: relative; top: 46px; right: 27px;
}
#searchform #search_q{
    width: 143px; height: 16px; border: 1px solid #999999; border-right: none;
    float: left; padding: 3px 0 0 8px;
	font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #999999;
}
/*\*/
* html #searchform #search_q{ padding: 3px 0 0 4px;}
/**/
#searchform .button{
    float: left;
}

#footer{
    width: 807px; margin: 0 auto; text-align: center; padding: 8px 0 30px;
	font: bold 9px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #999999;
}
/*\*/
* html #footer{ padding: 3px 0 30px; }
/**/
#footer ul{
    margin: 0 auto; padding: 0 0 0 20px; list-style: none; width: 750px;
}
#footer ul li{
    display: block; float: left; padding: 0 5px; border-right: 1px solid #999999;
}
#footer ul li.last{
    border: none; padding: 0 0 0 5px;
}
#footer a{
    color: #999999;
}
#footer a:hover{
    color: #663300;
}
#footer div{
    padding-top: 2px;
}


/* Interior pages */

#main-area-interior #slideshow{
    margin: -10px 0 0 -10px;
}
.frame .lt{
    background: transparent url(../images/frame_lt.gif) no-repeat 0 0; width: 15px; height: 15px;
    float: left; display: block; font-size: 0;
}
.frame .t{
    background: transparent url(../images/frame_t.gif) repeat-x 0 0; height: 15px;
    float: left; display: block; font-size: 0;
}
.frame .rt{
    background: transparent url(../images/frame_rt.gif) no-repeat 0 0; width: 15px; height: 15px;
    float: left; display: block; font-size: 0;
}
.frame .l{
    background: transparent url(../images/frame_l.gif) repeat-y 0 0; width: 15px;
    float: left; display: block; margin-top: -1px; font-size: 0;
}

.frame .l2{
    background: transparent url(../images/frame_l.gif) repeat-y 0 0; width: 15px;
    float: left; display: block; margin-top: -1px; font-size: 0;
}

.frame .r{
    background: transparent url(../images/frame_r.gif) repeat-y 0 0; width: 15px;
    float: left; display: block; margin-top: -1px; font-size: 0;
}

.frame .r2{
    background: transparent url(../images/frame_r.gif) repeat-y 0 0; width: 15px;
    float: left; display: block; margin-top: -1px; font-size: 0;
}
.frame .lb{
    background: transparent url(../images/frame_lb.gif) no-repeat 0 0; width: 15px; height: 15px;
    float: left; display: block; margin-top: -1px; font-size: 0;
}
.frame .b{
    background: transparent url(../images/frame_b.gif) repeat-x 0 0; height: 15px;
    float: left; display: block; margin-top: -1px; font-size: 0;
}
.frame .rb{
    background: transparent url(../images/frame_rb.gif) no-repeat 0 0; width: 15px; height: 15px;
    float: left; display: block; margin-top: -1px; font-size: 0;
}

#slideshow .l,
#slideshow .r{
    height: 217px;
}

#slideshow .l2,
#slideshow .r2{
    height: 280px;
}

#slideshow .t,
#slideshow .b{
    width: 497px;
}
#slideshow .slideshow-content{
    background: #fff; height: 217px; width: 497px; float: left;
}

#slideshow .slideshow-content2{
    background: #fff; height: 280px; width: 497px; float: left;
}

#main-area-interior #gallery-page{
    margin: 20px 0 0 10px; float: left; width: 520px;
}
#gallery-page .page-explanation{
    width: 490px; display: block; margin: 0 0 0 11px; padding: 10px 0 10px; font-size: 11px;
}
#gallery-page .thumbs-list{
    margin: 5px 0 0 12px;
}
#gallery-page .thumbs-list li{
    display: inline; line-height: 10px; margin: 0 12px 12px 0; float: left;
}
#gallery-page .thumbs-list li a{
    float: left; margin: 0; padding: 0;
}
#gallery-page .thumbs-list li a img{
    border: 1px solid #d4d4d4;
}
#gallery-page .error{
    margin: 10px 0 0 12px;
}

.slideshow-text{
    margin-left: 10px;
}
.slideshow-text h3{
    color: #014c51; font: normal 20px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.slideshow-text p{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 10px 0 0 1px;
	line-height: 13px;
}
.slideshow-text-bottom{
    width: 498px; padding: 0 0 20px; margin: 0 0 0 10px;
}
.slideshow-text-bottom h3{
    color: #014c51; font: normal 20px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.slideshow-text-bottom p{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 10px 0 0 1px;
	line-height: 13px;
}

#main-area-interior #column-left{
	float: left; margin: 20px 0 0 20px; width: 527px; font-size: 11px;
}

#main-area-interior #column-left a{
	font-weight: bold
}

#main-area-interior #column-left .h3{
	color: #024f49; padding: 0px 0; font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
#main-area-interior #column-left-resources{
	float: left; margin: 20px 0 0 20px; width: 650px; font-size: 11px;
}

#main-area-interior #column-center{
	float: left;
	margin: 7px 0 0 7px;
	width: 300px;
	font-size: 11px;
	
}
#main-area-interior #column-downloads{
	float: left;
	margin: 20px 0 0 7px;
	width: 300px;
	font-size: 11px;
}

#main-area-interior #column-thumb{
	float: left;
	margin: 20px 0 0 7px;
	width: 200px;
	font-size: 11px;
	border-right:2px solid #dbdcda;
}
#main-area-interior .page-sub-title{
    font-weight: bold; padding-bottom: 20px;
}
#main-area-interior #video{
	background: #eaf3f2; padding: 8px 9px 6px; border: 1px solid #dedede; margin-bottom: 5px;
    width: 487px;
}
#main-area-interior #column-left .text{
    padding-bottom: 5px; color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
#main-area-interior #column-left .text p{
    padding: 10px 20px 0 1px; line-height: 13px;
}
#main-area-interior #column-left .text .list-columns ul{
    float: left; padding-right: 20px;
}
#main-area-interior #column-left .text .list-columns li{
    line-height: 13px; list-style: inside disc; padding-left: 2px;
}

#menu-right{
    width: 226px; float: left; margin: 12px 0 0;
}
#menu-right h4{
    margin: -12px 0 -4px 8px; font-weight: bold; height: 16px; position: relative;
}
#menu-right p{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; width: 235px;
    padding: 5px 0 5px; line-height: 13px;
}
/*.menu-right .top{
    width: 240px; height: 17px; background: url(../images/frame_blue_top_240.gif) no-repeat 0 0;
}
.menu-right .bottom{
    width: 240px; height: 18px; background: url(../images/frame_blue_bottom_240.gif) no-repeat 0 0;
}
.menu-right .bg{
    width: 240px; background: #FFFFFF url(../images/frame_blue_bg_240.gif) repeat-y 0 0;
}
.menu-right ul{
    position: relative; top: -10px; left: 6px; width: 226px; border: 1px solid #efefef;
}
.menu-right ul li a{
    border: 1px solid #d6d6d6; border-bottom: 1px solid #fff; padding: 3px 5px 3px 10px; display: block; min-height: 14px;
    color: #404241; font-size: 11px;
}
.menu-right ul li.last-list a{
    border-bottom: 1px solid #d6d6d6;
}
.menu-right ul li.active a{
    background: #aeafb1;
}
.menu-right ul li a:hover{
    background: #aeafb1; color: #404241;
}
.menu-right .bottom{
    margin-top: -18px;
}
*/
.menu-right p.error{
    height: 100px; margin-left: 10px;
}
.menu-right .bg{
    width: 257px; background: url(../images/subnav-border.gif) repeat-y 0 0; padding-left: 2px; position: absolute; top: 157px;
}
.menu-right ul{
	background: #fff url(../images/subnav-bg.jpg) repeat-x 0 0; padding: 20px 20px 20px 10px;
}
.menu-right ul li{
	display: block; background: url(../images/bullet-logo.gif) no-repeat 0 1px; line-height: 15px; margin: 10px 0 0; padding: 0 0 0 25px; width: 200px;
}
.menu-right ul li a{
	color: #01646a; font-size: 11px;
}
.menu-right ul li a:hover,
.menu-right ul li.active a{
	color: #904200;
}

.menu-right-bottom{
    margin-left: 8px; width: 224px;
}
.menu-right-bottom .img{
    text-align: center; margin: 10px 0 0;
}
.menu-right-bottom p{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; padding: 10px 0 0 1px;
	line-height: 13px;
}
.menu-right-bottom p em{
    font-style: italic;
}
.menu-right-bottom p.small{
    font-size: 10px;
}
.menu-right-bottom table.list{
    border-top: 1px solid #767a79; margin: 10px 0 0;
}
.menu-right-bottom table.list td{
    border: 1px solid #767a79; border-top: none; padding: 3px; font-size: 12px;
}

.faq h4{
    color: #006466; font: bold 13px Verdana, Helvetica, Tahoma, Arial, Sans-serif; padding: 20px 0 0 3px;
	line-height: 14px;
}
.faq ul{
    padding: 5px 0 0 3px;
}
.faq ul li{
    background: url(../images/arrow_black_right.gif) no-repeat 0 3px; padding: 0 0 0 15px; margin: 10px 0 0;
    line-height: 15px; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.faq ul li div{
    line-height: 15px; margin: 10px 0 0; color: #676767; display: none;
}
.faq ul li.opened{
    background: url(../images/arrow_black_down.gif) no-repeat 0 3px;
}
.faq ul li.opened div{
    display: block;
}
.resources-right-column{
    color: #006466; font: bold 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif; padding: 0 0 10px 10px;
}
.resources-right-column h3{
    color: #006466; font: bold 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif; padding: 10px 0 5px 10px;
	line-height: 14px;
}
.resources-right-column a.link{
    display: block; cursor: pointer;
}
.resources-right-column .image{
    float: left;
}
.resources-right-column .text{
    float: left; margin: 20px 0 0; padding-left: 90px; font-weight: normal; font-size: 11px; color: #006466;
}
.resources-right-column a.link img.img{
    float: left; position: absolute; z-index: 999;
}
.resources-right-column a.link img.hovered{
    float: left; display: none; position: absolute; z-index: 1000;
}
.resources-right-column p{
margin: 10px 0 0 10px;  width: 200px;
}

.one-column{
    padding: 0 20px;
}
.one-column p{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 10px 0 0 1px;
	line-height: 13px;
}

.interior-bottom{
    padding: 20px 20px 0 18px; color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.interior-bottom p{
    padding: 5px 0;
}
.interior-bottom table{
    border-left: 1px solid #666666; border-top: 1px solid #666666; margin-top: 5px;
    font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.interior-bottom table td{
    border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 3px;
}
.interior-bottom h3{
    color: #014c51; font: normal 20px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding-bottom: 10px;
}
.interior-bottom img.float-right{
    float: right; margin: 0 0 10px 10px;
}

#main-area-interior #data-generator{
    margin: 10px 0 0 10px; float: left; width: 300px;
}
#data-generator .t,
#data-generator .b{
    width: 270px; height: 15px; font-size: 0;
}
#data-generator .data-generator-content{
    width: 250px; padding: 10px 25px; margin-top: -1px;
    background: transparent url(../images/frame_blue_bg_300.gif) repeat-y 0 0;
}
#data-generator .data-generator-content h4{
    color: #006466; font: bold 15px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
#data-generator .data-generator-content p{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 10px 0 0 1px;
}
#data-generator .data-generator-content form{
    color: #666666; font: normal 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 15px 0 0 1px;
}
#data-generator .data-generator-content .left{
    float: left; width: 92px; border-right: 2px solid #00656a;
}
#data-generator .data-generator-content .center{
    float: left; width: 97px; height: 215px; border-right: 2px solid #00656a; margin-left: 6px;
}
#data-generator .data-generator-content .right{
    float: left; width: 130px; margin-left: 6px;
}
#data-generator .data-generator-content .input-row{
    display: block; height: 19px;
}
#data-generator .data-generator-content .radio{
    display: block; float: left;
}
#data-generator .data-generator-content .input-row label{
    display: block; float: left; margin-left: 5px;
}
#data-generator .data-generator-content .right .input-row{
    width: 146px; height: auto;
}
#data-generator .data-generator-content .right .input-row label{
    width: 120px; padding-bottom: 20px; margin-top: -1px; display: block;
}

.additional-image{
    margin: 25px 0 0 12px; float: left;
}

.select-drop-down-label{
    padding: 2px 0 0 3px; width: 130px;
}
.select-drop-down{
    width: 135px; background: #fff; margin: 5px 0 0 3px; padding: 3px 2px; height: 16px;
}
.select-drop-down img{
    vertical-align: top; margin: 5px 0 0 2px;
}
.drop-down{
    width: 139px; position: absolute; background: #fff;
    margin: 3px 0 0 3px;
    display: none;  z-index: 10;
}
.drop-down span{
    display: block; padding: 3px 2px;
}
.generate-pdf{
	margin: 50px 0 0 15px;
	text-align: left;
	width: 142px;
	position: absolute;
	z-index: 9;
}
.generate-pdf input{
    border: 3px solid #fff; background: #01646a;
    color: #fff; font: bold 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 3px 2px; width: 110px; cursor: pointer;
}
.generate-pdf img{
	margin: 5px 0 0 4px;
}


.glidecontentwrapper{
    position: relative; /* Do not change this value */
    width: 497px;
    height: 217px; /* Set height to be able to contain height of largest content shown*/
    overflow: hidden;
}

.glidecontentwrapper2{
	position: relative; /* Do not change this value */
	width: 497px;
	height: 280px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
    position: absolute; /* Do not change this value */
    width: 483px; z-index: 10000;
}
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
    width: 483px; height: 217px; text-align: center;
    position: absolute; margin-top: -217px; z-index: 10001;
    padding-left: 16px;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
    background: #fff;
}

.glidecontenttoggler a:hover{
    color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
    border: 1px solid #fff; width: 11px; height: 11px; display: block; float: left; line-height: 0; font-size: 0;
    margin-right: 5px; position: relative; top: 180px;
}
.glidecontenttoggler a#first-toc{
    margin-left: 0;
}

.glidecontenttoggler a.prev{
    position: absolute; top: 90px; left: 17px;
}
.glidecontenttoggler a.next{
    position: absolute; top: 90px; left: 463px;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
}


/* Foreign Language Pages */

.language_pages .column-left{
    width: 470px; float: left; margin: 35px 0 0 24px;
}

.language_pages .column-right{
    width: 300px; float: right; margin: 14px 12px 0 0;
}

#language_sidebar {
	padding-left: 14px;
	width: 200px; background: #FFFFFF url(../images/frame_blue_bg.gif) repeat-y 0 0;
}

.language-pages a{
    color: #996633; text-decoration: underline;
}
.language-pages a:hover{
    color: #663300;
}
.language-pages .column-left{
    width: 470px; float: left; margin: 35px 0 0 24px;
}
.language-pages .column-left p{
    color: #666666; font: normal 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 15px 10px 0 1px; line-height: 15px;
    width: 440px;
}
.language-pages .column-right{
    width: 300px; float: right; margin: 14px 12px 0 0;
}
.language-pages .column-right .top{
    width: 300px; height: 17px; background: #FFFFFF url(../images/frame_blue_top.gif) no-repeat 0 0;
}
.language-pages .column-right .bottom{
    width: 300px; height: 18px; background: #FFFFFF url(../images/frame_blue_bottom.gif) no-repeat 0 0;
}
.language-pages .column-right .bg{
    width: 300px; background: #FFFFFF url(../images/frame_blue_bg.gif) repeat-y 0 0;
    padding: 10px 0;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #666666;
	line-height: 13px;
}
.language-pages .column-right p{
    margin: 0 0 0 23px; padding: 0 0 10px; width: 255px;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #666666;
	line-height: 13px;
}
.language-pages .column-right ul{
    list-style: square; list-style-position: outside; margin: 5px 0 0 40px;
}
.language-pages .column-right ul li{
    line-height: 13px; padding-right: 20px;
}

/* Request a quote */

.request-a-quote .column-left{
    width: 470px; float: left; margin: 35px 0 0 24px;
}
.request-a-quote .column-right{
    width: 300px; float: right; margin: 14px 12px 0 0;
}

.request-a-quote .column-left p,
.request-a-quote .column-left form{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 15px 0 0 1px; line-height: 13px;
    width: 450px;
}
.request-a-quote .column-left form{
    margin-top: -5px;
}
.request-a-quote .row{
    margin-top: 15px;
}
.request-a-quote .row label{
    padding-bottom: 5px; display: block;
}
.request-a-quote .row .textbox{
    border: 1px solid #cccccc; width: 172px; height: 18px; padding: 3px 3px 0;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #222;
}
.request-a-quote .row textarea{
    border: 1px solid #cccccc; padding: 3px; width: 420px; height: 110px;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #222;
}
.request-a-quote .row .textbox-long{
    width: 288px;
}
.request-a-quote .two-inputs label{
    width: 200px; float: left;
}
.request-a-quote .two-inputs .textbox{
    display: block; float: left; margin-right: 19px;
}
.request-a-quote .two-inputs select{
    display: block; float: left; margin-right: 19px; padding: 1px 0; width: 182px;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #222;
}
.request-a-quote .button-area{
    margin: 40px auto 0; background: #FFFFFF;
    border: 1px solid #d0d0d0; width: 101px; height: 20px; padding: 4px;
}
.request-a-quote .button-area input{
    background: #01646a; color: #FFFFFF; border: none; width: 101px; height: 20px;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; cursor: pointer;
}

.request-a-quote .column-right .top{
    width: 300px; height: 17px; background: #FFFFFF url(../images/frame_blue_top.gif) no-repeat 0 0;
}
.request-a-quote .column-right .bottom{
    width: 300px; height: 18px; background: #FFFFFF url(../images/frame_blue_bottom.gif) no-repeat 0 0;
}
.request-a-quote .column-right .bg{
    width: 300px; background: #FFFFFF url(../images/frame_blue_bg.gif) repeat-y 0 0;
}
.request-a-quote .column-right ul{
    margin: 0 0 0 23px; padding: 0 0 10px; list-style: none; width: 252px;
}
.request-a-quote .column-right ul li{
    padding-top: 10px;
	line-height: 13px;
}
.request-a-quote .column-right ul li h4{
	font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #014c51;
    text-transform: uppercase;
}
.request-a-quote .column-right ul li p{
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #666666;
	line-height: 13px;
}
.request-a-quote .column-right ul li p a{
	border-bottom: 1px solid #996633; color: #996633; font-size: 11px; white-space: nowrap;
}
.request-a-quote .column-right ul li p a:hover{
	border-bottom: 1px solid #663300; color: #663300; text-decoration: none;
}
.request-a-quote #uploaded-files{
    background: #ffffe5; padding: 2px 2px 5px; margin: 10px 0 0; width: 423px; overflow: hidden;
}
.request-a-quote #uploaded-files .upload-area{
    display: none; background: #ffffe5;
}
.request-a-quote #uploaded-files p{
    padding: 3px 0 0 1px;
}
.request-a-quote #uploaded-files a{
    color: #7b7a66;
}
.request-a-quote #uploaded-files a img{
    vertical-align: top; margin: 1px 2px 0 0;
}
.request-a-quote #uploaded-files label{
    display: block; margin: 0 0 5px 5px; font-style: italic; font-size: 10px;
}
.request-a-quote #uploaded-files .row{
    margin: 5px 0 0 10px;
}
.request-a-quote #uploaded-files .upload input{
    float: left; height: 22px; margin: 0 5px;
}
.request-a-quote #uploaded-files .upload input.button{
    width: 100px;
}
.request-a-quote #uploaded-files ul{
    padding: 3px 0 2px 14px; list-style: none;
}
.request-a-quote #uploaded-files ul li.last-list{
    padding: 0; font-size: 0;
}
.request-a-quote #uploaded-files ul li.newly-added{
    padding: 4px 0 0; margin: 0; font-size: 11px;
}
.request-a-quote #uploaded-files ul li.newly-added a{
    color: #f30;
}
.request-a-quote #uploaded-files ul li.newly-added a img{
    vertical-align: top; margin-top: -1px;
}
#form-sent{
    color: #3c491d; font-size: 11px; margin-top: 20px;
}
#form-sent img{
    vertical-align: top; margin: -1px 10px 0 0;
}
.request-a-quote #form-error{
    color: #770000; font-size: 11px; margin-top: 20px; display: none;
}
.request-a-quote #form-error img{
    vertical-align: top; margin: -2px 10px 0 0;
}

/* Sitemap */

.sitemap{
    width: 760px; margin: 0 auto; padding: 30px 0 0;
    color: #666666; font-size: 11px;
}
.sitemap a{
    color: #996633 ;
}
.sitemap a:hover{
    color: #663300;
}
.sitemap .content{
    width: 760px; margin: 0 auto; padding: 30px 0 0;
}
.sitemap .content .column-left{
    width: 170px; float: left;
}
.sitemap .content .column-center{
    width: 170px; height: 285px; float: left;
    border-left: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
    padding: 0 30px;
}
.sitemap .content .column-right{
    width: 330px; float: left; padding-left: 20px;
}
.sitemap .second-level,
.sitemap .third-level{
    padding-left: 8px;
}
.sitemap .bulleted{
    list-style: square; list-style-position: outside; margin: 0 0 0 15px;
}
.sitemap .bulleted li{
    line-height: 13px; padding-right: 20px;
}


/* News starts */

.news .column-left{
    width: 510px; float: left; margin: 35px 0 0 24px;
}
.news .column-right{
    width: 240px; float: right; margin: 14px 12px 0 0;
}
.news .column-left h3.page-title-lowercase{
    line-height: 20px;
}
.news .column-left ul.news-list{
    padding: 10px 0 0 1px;
}
.news .column-left ul.news-list li{
    margin: 12px 0 0; line-height: 16px;
    width: 505px; height: 84px; background: url(../images/news_list_bg.gif) repeat-x 0 0;
}
.news .column-left ul.news-list li.hovered{
    background: url(../images/news_list_bg_hovered.gif) repeat-x 0 0;
}
.news .column-left ul.news-list li .thumb{
    float: left; width: 75px; height: 75px; overflow: hidden;
}
.news .column-left ul.news-list li .text{
    float: left; width: 410px; margin: 12px 0 0 7px;
}
.news .column-left ul.news-list li h4 a{
    color: #9b642b; font: normal 18px "Times New Roman", Verdana, Helvetica, Tahoma, Arial, Sans-serif; line-height: 16px;
}
.news .column-left ul.news-list li.hovered h4 a{
    color: #703200;
}

.news .column-left ul.blog-list{
    padding: 10px 0 0 1px;
}
.news .column-left ul.blog-list li{
    margin: 12px 0 0; line-height: 16px; width: 495px; padding: 5px;
    background: url(../images/news_list_bg.gif) repeat-x 0 0;
}
.news .column-left ul.blog-list li div.wysiwyg div.wysiwyg ol{
	list-style: decimal; padding: 0 0 0 20px;	
}
.news .column-left ul.blog-list li div.wysiwyg div.wysiwyg ul{
	list-style: disc; padding: 0 0 0 20px;	
}
.news .column-left ul.blog-list li div.wysiwyg li{
    font-size: 11px; padding: 10px 0 0 2px; margin: 0; color: #666666; background: none;
}
.news .column-left ul.blog-list li h4.title{
    color: #014c51; font-size: 14px; font-weight: bold; padding-left: 2px;
}
div.add-comment{
	margin: 10px 0 0; padding: 5px 0; background: #ffffe5;
}
a.add-comment{
	color: #7b7a66; font-size: 12px; background: url(../images/arrow_yellow_right.gif) no-repeat 10px 3px; padding-left: 25px;
}
a.add-comment.opened{
	background: #ffffe5 url(../images/arrow_yellow_down.gif) no-repeat 8px 5px;
}
div.comment{
	margin: 0 0 10px; padding: 5px 25px 20px; background: #ffffe5;
	display: none;
}
div.comment div.error span{
	display: block; margin: 4px 0 0;
}
div.comment label{
	display: block; font-size: 11px; padding: 5px 0 2px;
}
div.comment input{
    border: 1px solid #cccccc; width: 172px; height: 18px; padding: 3px 3px 0;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #222;
}
div.comment textarea{
    border: 1px solid #cccccc; padding: 3px; width: 430px; height: 110px;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #222;
}
div.comment form .button-area{
    margin: 10px 10px 0 0; background: #FFFFFF; border: 1px solid #d0d0d0; width: 121px; height: 20px; padding: 4px; float: left;
}
div.comment form .button-area button{
    background: #01646a; color: #FFFFFF; border: none; width: 121px; height: 20px; padding-bottom: 1px;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; cursor: pointer;
}

form.pdf-generator{
    color: #666666; font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; padding: 15px 0 0 2px; line-height: 13px;
}
form.pdf-generator label{
	display: block; font-size: 11px; padding: 5px 0 2px;
}
form.pdf-generator input.textbox{
    border: 1px solid #cccccc; width: 252px; height: 18px; padding: 3px 3px 0;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #222;
}
form.pdf-generator div.radios label{
	float: left;
}
form.pdf-generator div.radios label input{
	float: left; position: relative; top: 0;
}
form.pdf-generator div.radios label span{
	display: block; float: left; margin: 0 10px 0 4px;
}
form.pdf-generator select{
	margin: 3px 0 2px;
}
form.pdf-generator div.displays{
	margin: 10px 0 0;
}
form.pdf-generator div.button-area{
    margin: 20px 0 0; background: #FFFFFF; border: 1px solid #d0d0d0; width: 121px; height: 20px; padding: 4px; float: left;
}
form.pdf-generator div.button-area input{
    background: #01646a; color: #FFFFFF; border: none; width: 121px; height: 20px; padding-bottom: 2px;
	font: bold 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif; cursor: pointer;
}
form.pdf-generator div.loading{
    margin: 20px 0 0; display: none; float: left; height: 30px;
}
form.pdf-generator div.rows label{
	float: left; margin: 2px 0 0;
}
form.pdf-generator div.rows label.middle{
	margin: 0 66px 0 74px;
}
form.pdf-generator div.rows select{
	float: left; margin-right: 20px;
}
form.pdf-generator div.rows select.first,
form.pdf-generator div.rows select.second{
	width: 120px;
}

.news .column-left div.tags{
	margin: 15px 0 0 3px; font-size: 10px;
}

.news .column-left span.date{
    font-size: 10px; color: #2a2a2a; display: block; padding: 15px 0 0 2px;
}
div.wysiwyg ol{
	list-style: decimal; padding: 0 0 0 20px;	
}
div.wysiwyg ul{
	list-style: disc; padding: 0 0 0 20px;	
}
div.wysiwyg li{
    font-size: 11px; padding: 10px 0 0 2px; color: #666666;
}
.news .column-left ul.news-list li span.date{
    font-size: 11px; color: #606060; display: block; padding: 0;
}
.news .column-left ul.blog-list li span.date{
    font-size: 11px; color: #606060; display: block; padding: 2px 0 0 2px;
}
.news .column-left p{
    color: #2a2a2a; font: normal 14px "Times New Roman", Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 15px 0 0 1px; line-height: 15px;
}
.news .column-left p.image{
    color: #2a2a2a; font: italic normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
    padding: 20px 0 0 1px; line-height: 20px; width: 510px; overflow: hidden;
}
.news .column-right .rss-feed{
	margin: 26px 0 0 8px; padding-bottom: 13px;
}
.news .column-right .rss-feed a img{
	float: left; margin: 2px 0 0;
}
.news .column-right .rss-feed a span{
	display: block; float: left; margin-left: 5px; font-size: 13px;
}
.news .column-right .rss-feed a:hover span{
	text-decoration: underline;
}
.news .column-right .top{
    width: 240px; height: 17px; background: url(../images/frame_blue_top_240.gif) no-repeat 0 0;
}
.news .column-right .bottom{
    width: 240px; height: 18px; background: url(../images/frame_blue_bottom_240.gif) no-repeat 0 0;
}
.news .column-right .bg{
    width: 240px; background: #FFFFFF url(../images/frame_blue_bg_240.gif) repeat-y 0 0;
}
.news .column-right form{
    width: 190px; margin: 0 auto; padding-bottom: 20px;
}
.news .column-right form h3{
    color: #024f49; padding: 10px 0; font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.news .column-right form label{
    display: block; padding: 7px 0 2px; color: #636969; font-size: 11px;
}
.news .column-right form .textbox{
    border: 1px solid #bdc7c8; background: #ecf4f6; width: 176px; padding: 3px;
    font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}
.news .column-right form .button-area{
    margin: 20px 0 0; background: #FFFFFF;
    border: 1px solid #d0d0d0; width: 121px; height: 20px; padding: 4px;
}
.news .column-right form .button-area input{
    background: #01646a; color: #FFFFFF; border: none; width: 121px; height: 20px;
	font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif; cursor: pointer;
}

.return{
    margin: 30px 0 0;
}
.return a{
    color: #024f49; font: bold 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
}

div.pagination { padding: 30px 0 0; margin: 0 0 0 -2px; text-align: left; }
div.pagination a { padding: 1px 2px 2px; margin: 2px; text-decoration: none; font-weight: bold; }
div.pagination a:hover, div.pagination a:active { color: #000; font-weight: bold; }
div.pagination span.current { padding: 1px 4px 2px; margin: 2px; color: #000; font-weight: bold; text-decoration: underline;}
div.pagination span.disabled { padding: 1px 2px 2px; margin: 2px; color: #ccc; font-weight: bold; }

.login{
    padding: 20px;
}
.login form,
.login table{
    padding: 0; margin: 0;
}
.login table td{
    padding: 5px;
}
.login h1{
    padding: 5px; margin: 0; font-weight: bold; font-size: 16px;
}
.login .login-error-box{
    padding: 5px; color: red;
}
.bg.gallery-list{
	width: 274px;
}

.text .text-images{
	float: left; width: 226px; margin: 13px 15px 0 0;
}

#main-area-interior.bollards-pages{
	padding-top: 10px;
}
.bollards-pages .left{
	float: left; margin: 10px 0 0 20px; width: 459px; font-size: 11px;
}
.bollards-pages .tabs{
	padding: 20px 0 0;
}
.bollards-pages .tabs li,
.fender-pages .tabs li{
	display: block; float: left; margin-left: 10px;
}
.bollards-pages .tabs li a,
.fender-pages  .tabs li a{
	display: block; background: #00525e; color: #fff; padding: 5px 10px; border: 1px solid #00525e;
}
.fender-pages  .tabs li a{
	background: #fff; color: #00525e; border: 1px solid #00525e; font-size: 11px; padding: 3px 10px 0; height: 30px; line-height: 12px; text-align: center;
}
.bollards-pages .tabs li.active a,
.fender-pages  .tabs li.active a{
	display: block; background: #fff; border: 1px solid #00525e; border-bottom-color: #fff; color: #00525e; padding: 5px 10px;
}
.fender-pages  .tabs li.active a{
	background: #00525e; border: 1px solid #00525e; color: #fff; padding: 3px 10px 0; height: 30px; line-height: 12px; text-align: center;
}
.fender-pages  .tabs li a.one-line,
.fender-pages  .tabs li.active a.one-line{
	padding-top: 9px; height: 24px;
}
.bollards-pages .charts,
.fender-pages .charts{
	padding: 20px;
}
.bollards-pages .charts #tabs-content,
.fender-pages .charts #tabs-content{
	 padding-top: 10px; border-top: 1px solid #00525e; margin-top: -1px;
}
.tabs-content {
	padding-top: 20px;
}
.bollards-pages .charts #tabs-content.no-border,
.fender-pages  .charts #tabs-content.no-border{
	border-top: 0;
}
.bollards-pages .image-header{
	margin: 40px 0 0 20px;
}
.bollards-pages .charts h3,
.fender-pages .charts h3{
	border-bottom: 3px solid #00656a; font-size: 16px; padding-bottom: 4px; font-weight: bold;
}
.bollards-pages .charts table tr th,
.fender-pages .charts table tr th{
	border-right: 1px solid #7c959a; text-align: center; vertical-align: middle; background: #00525e; color: #fff; padding: 8px 0; font-size: 12px;
}
.bollards-pages .charts table tr th.title,
.fender-pages .charts table tr th.title{
	border-bottom: 2px solid #fff;
}
.bollards-pages .charts table tr th .small,
.fender-pages .charts table tr th .small,
.bollards-pages .charts p .small,
.fender-pages .charts p .small{
	font-size: 8px;
}
.bollards-pages .charts table tr th strong,
.fender-pages .charts table tr th strong{
	font-size: 12px;
}
.bollards-pages .charts table tr th span,
.fender-pages .charts table tr th span{
	font-size: 10px; line-height: 10px;
}
.bollards-pages .charts table tr td,
.fender-pages .charts table tr td{
	border-right: 1px solid #bdc6cd; text-align: center; vertical-align: middle; padding: 4px 0; background: #d3e5e9; font-size: 11px;
}
.bollards-pages .charts table tr.odd td,
.fender-pages .charts table tr.odd td{
	background: #fff;
}
.bollards-pages .charts table tr th.first,
.fender-pages .charts table tr th.first{
	background: #949599;
}
.bollards-pages .charts table tr th.last,
.fender-pages .charts table tr td.last,
.bollards-pages .charts table tr th.last,
.fender-pages .charts table tr td.last{
	border-right: 0;
}
.bollards-pages .charts #tabs-content p,
.fender-pages .charts #tabs-content p {
	padding: 30px 0 0; color: #333;
}
.bollards-pages .right{
    width: 226px; float: left; margin: 12px 0 0; border-left: 2px solid #a1a1a1; padding: 0 0 20px 10px;
}
.bollards-pages .right h4{
    padding: 3px 0 0 20px;
}
.bollards-pages .download{
	margin: 40px 35px 0 20px;
}
.bollards-pages .download a{
    color: #262626; font: bold 10px Verdana, Helvetica, Tahoma, Arial, Sans-serif; background: url(../images/icon-pdf.gif) no-repeat 0 1px; padding: 5px 0 5px 30px; display: block;
	margin: 8px 0 0;
}
.bollards-pages .download a span{
	font-weight: normal;
}

.bullet-list{
	list-style: disc outside; position: relative; left: 14px; padding: 10px 30px 0 0;
}

div.thumb {
margin: 5px;
height: auto;
float: left;

} 
.bullet-list_2{
	list-style: disc outside; 
	position: relative; 
	left: 14px; 
	padding: 10px 30px 0 0;
	font-size: 10px;
}

div.thumb_2 {
width: 100px;
height: auto;
float: left;

}

div.thumb_text {
width: 400px;
float: left;
float: left;
margin: 0px 0 0 0px;
font: normal 11px Verdana, Helvetica, Tahoma, Arial, Sans-serif;
color: #666666;


}  

.info-center-title,
.invoice-center-title {
	background: #565656; padding: 18px 24px 15px;
}
.info-center-title h1,
.invoice-center-title h1 {
	display: block; float: left; font-size: 14px; font-weight: bold; color: #fff;
}
.info-center-title a,
.invoice-center-title a {
	display: block; float: right; color: #fff; font-size: 12px;
}
.info-center-content {
	border-top: 2px solid #fff; border-bottom: 8px solid #fff;
}
.info-center-content .column-left{
	float: left; margin: 20px 0 0 18px; width: 507px; font-size: 11px;
}
.info-center-status {
	width: 480px; padding-top: 4px; padding-bottom: 5px; margin-left: 10px;
}
.info-center-status .status,
.info-center-status .days-left {
	display: block; float: left; font-size: 14px; font-weight: bold; color: #8b8989; margin-left: 1px;
}
.info-center-status .days-left {
	float: right; color: #66cc33; margin-left: 0;
}
.info-center-status .days-left span {
	color: #f30;
}
.info-center-status .status-bar {
	font-size: 0; background: #a7a7a7; height: 11px; margin: 4px 0 6px; width: 480px; overflow: hidden;
}
.info-center-status .status-bar span {
	display: block; font-size: 0; background: #66cc33; height: 11px;
}
.info-center-status .start-date ,
.info-center-status .delivery-date {
	display: block; float: left; color: #66cc33; margin-left: 1px;
}
.info-center-status .start-date strong,
.info-center-status .delivery-date strong {
	font-weight: normal; color: #666;
}
.info-center-status .delivery-date {
	float: right; margin-left: 0;
}
.sub-delivery-schedules {
	width: 400px; margin: 10px 0 0 20px;
}
.sub-delivery-schedule {
	margin: 12px 0 0; padding-bottom: 10px; font-size: 11px;
}
.sub-delivery-schedule-title {
	float: left; width: 70px; margin: 12px 0 0; color: #8b8989;
}
.sub-delivery-schedule-detail {
	float: left; width: 330px;
}
.sub-delivery-schedule-detail .days-left,
.sub-delivery-schedule-detail .delivery-date {
	display: block; text-align: right; color: #8b8989;
}
.sub-delivery-schedule-detail .delivery-date strong {
	font-weight: normal; color: #66cc33;
}
.sub-delivery-schedule-detail .status-bar {
	font-size: 0; background: #a7a7a7; height: 3px; margin: 4px 0 6px; width: 330px; overflow: hidden;
}
.sub-delivery-schedule-detail .status-bar span {
	display: block; font-size: 0; background: #66cc33; height: 11px;
}
.info-center-section-head {
	margin: 13px 0 0; padding: 8px 0 0; border-top: 1px solid #eef2f1;
}
.info-center-section-head a {
	background: url(../images/arrow_black_down.gif) no-repeat 0 4px; color: #014c51; font-size: 11px; font-weight: bold; padding: 0 0 0 15px;
}
.info-center-section-head a.closed {
	background: url(../images/arrow_black_right.gif) no-repeat 0 5px;
}
.info-center-section .tabs{
	padding: 20px 0 0;
}
.info-center-section .tabs li{
	display: block; float: left; margin-left: 10px; text-align: center; line-height: 9px;
}
.info-center-section .tabs li a{
	display: block; background: #fff; color: #00525e; border: 1px solid #00525e; border-bottom-color: #fff; height: 26px; color: #999; font-weight: bold; font-size: 10px;
}
.info-center-section .tabs li a span{
	display: block; padding: 9px 10px 8px; 
}
.info-center-section .tabs li a.two-line span{
	padding: 5px 10px 4px;
}
.info-center-section .tabs li.active a{
	background: #00525e; border: 1px solid #00525e; color: #fff;
}
.info-center-section #tabs-content{
	 padding-top: 10px; border-top: 1px solid #00525e;
}
.info-center-section table {
	margin-top: 5px;
}
.info-center-section table tr td {
	padding: 3px 0 2px; color: #666; font-size: 11px; vertical-align: top; text-align: left;
}
.info-center-section table tr td div.hidden {
	margin-left: -2px; padding-bottom: 10px;
}
.info-center-section table tr td.left {
	padding-left: 10px;
}
.info-center-section table tr.odd td {
	background: #fafafa;
}
.info-center-section table tr td a {
	color: #666; text-decoration: underline;
}
.info-center-section ul.thumbs li {
	padding-top: 12px;
}
.info-center-section ul.thumbs li {
	display: block; float: left; margin: 5px 5px 0 0;
}

.info-center-content .column-right{
    width: 248px; float: right; margin: 0; padding: 15px 0 30px;
}
.project-contacts-info {
	padding: 10px 1px 15px; margin: 0 17px 0 15px;
}
.your-contact-info {
	padding: 20px 1px 0; margin: 0 17px 0 15px; border-top: 1px solid #1a1a1a;
}
.your-contact-info h3,
.project-contacts-info h3 {
	font-weight: bold;
}
#main-area-interior .column-right h2 {
	padding: 0 0 10px; font-size: 14px; font-weight: bold; color: #565656;
}
#main-area-interior .column-right h3 {
	padding: 0; color: #014c51; font-size: .8em;
}
#main-area-interior .column-right .your-contact-info h3 {
	color: #00646a;
}
#main-area-interior .column-right p {
	padding: 0 0 15px;
}
#main-area-interior .column-right p a {
	color: #666; text-decoration: underline;
}
#main-area-interior .column-right p a:hover {
	color: #663300;
}
.invoice-center-content {
	padding: 35px 20px;
}
#main-area-interior .invoice-center-head p {
	clear: both; color: #666666; font: normal 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif; padding: 15px 10px 0 1px; line-height: 15px;
}
.invoice-center-head p img {
	float: right; margin: 0 0 0 90px;
}
.amount-receivable {
	font: normal 12px Verdana, Helvetica, Tahoma, Arial, Sans-serif; color: #666666; height: 30px;
}
.amount-receivable span,
.amount-receivable select,
.amount-receivable input {
	float: left; margin: 5px 10px 0 0;
}
.amount-receivable strong {
	color: #333333;
}

table.tablesorter{ background: #CDCDCD; margin:10px 0 15px; font-size: 11px; width: 100%; text-align: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
table.tablesorter thead tr th{ background-color: #e6EEEE; border: 1px solid #FFF; font-size: 10px;padding: 6px 4px; vertical-align: middle; font-weight: bold; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table.tablesorter thead tr .header { background-image:url(../images/asc-desc.gif);background-repeat:no-repeat;background-position:center right;cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: middle; cursor: default; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table.tablesorter thead .center, table.tablesorter tbody .center { text-align: center; }
table.tablesorter tbody tr.odd td { background-color:#f5f5f5; }
table.tablesorter tbody tr.hovered td,
table.tablesorter tbody tr.checked td { background-color: #FFFFCC; }
table.tablesorter thead tr .headerSortUp{ background-image: url(../images/asc.gif); }
table.tablesorter thead tr .headerSortDown{ background-image: url(../images/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp{ background-color: #8dbdd8; }
table.tablesorter tbody tr .dragthis{ cursor: move; }
table.tablesorter tbody tr .dragthis img{ width: 13px; }
table.tablesorter tbody tr td a { color: #000080; }

.tinyTip { width: 325px; padding: 17px 0px 0px 0px; display: block; background: url(../images/tinyTip-top.png) 0px 0px no-repeat; }
.tinyTip .content { padding: 0px 15px 0px 15px; font-size: 14px; color: #010101;  background: url(../images/tinyTip-content.png) 0px 0px repeat-y; }
.tinyTip .bottom { height: 47px; background: url(../images/tinyTip-bottom.png) 0px 0px no-repeat; font: 0px/0px sans-serif; }

/*--Tooltip Styles--*/
.tip {
	display:none; padding:10px; position:absolute;z-index:1000; min-width: 100px; max-width: 300px; text-align: left; text-decoration: none !important;
	color: #fff; background:#565656; border: 1px solid #fff; /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/
}