@charset "utf-8";

body{
	background: #aeaeae url('http://cdn.barges.com/is/img/none.gif') repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #333333;
    height:100%;
}

table{
	font-size: 12px;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #4286d2;
}

a:hover{
	text-decoration: underline;
	color: #c00;
}

h6 {
	font-size: 13px;
	font-weight: bold;
}

.break {
	clear: both;
	font-size: 1px;
	height: 0px;
}

.pdfLink{
	background: url('http://cdn.barges.com/is/img/pdf.png') no-repeat 1px top !important;
	padding-left: 22px;
}

.specsLink{
	background: url('http://cdn.barges.com/is/img/doc.png') no-repeat 1px top;
	padding-left: 22px;
	display: block;
}

#container{
	width: 1000px;
	margin: 10px auto;
	text-align: left;
}

.gradient {
	background: url('http://cdn.barges.com/is/img/gradient_bgr.gif') repeat-x;
	padding: 20px;
}

.shaded {
	background: url('http://cdn.barges.com/is/img/gradient_bgr.gif') repeat-x;
}

.shaded .leftCorner{
	background: url('http://cdn.barges.com/is/img/gradient_bgr_left_corner.gif') no-repeat left top;
}

.shaded .rightCorner{
	background: url('http://cdn.barges.com/is/img/gradient_bgr_right_corner.gif') no-repeat right top;
	padding: 20px;
}


/* ---- HEADER ----- */

#header{
    background: #ffffff url('http://cdn.barges.com/is/img/corner_left_top.gif') no-repeat;
    height: 132px;
    position: relative;
}

#header .corner{
    background: url('http://cdn.barges.com/is/img/corner_right_top.gif') no-repeat right top;
	height: 106px;
    position: relative;	
}

#header .mainLogo{
    background: url('http://cdn.barges.com/is/img/logo_white.gif') no-repeat right top; 
    float: left;
    margin-right: 10px;
    display: block;
    width: 240px;
    height: 106px;
}

#header a:hover{
    text-decoration: none;
}

#topMenu{
    margin: 5px 0px;
    float: right;
}

#topMenu a{
    margin-right: 10px;
    padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid #999999;
}

#menu a:hover{
    background: url('http://cdn.barges.com/is/img/menu_item_bgr_grey_on.gif') repeat-x;
}

#loginArea{
    margin-top: 10px;
    float: left;
}

#loginArea label, #clockDate{
    color: #666666;
    font-size: 11px;
}

#loginArea input{
    vertical-align: middle;
    background-color: #f8f8f8;
    border: none;
    margin: 0px 10px 0px 5px;
    width: 120px;
    border: 1px solid #bfbfbf;
}

#loginArea input.submit{
    width: auto;
    border: none;
    background: url('http://cdn.barges.com/is/img/go_button_white.gif') no-repeat;
    width: 26px;
    height: 24px;
}
#textDestination{
    position: absolute;
    top: 77px;
    left: 240px;
    color: #666666;
    font-size: 11px;
    width:535px;
 }
#clockDate{
    position: absolute;
    top: 22px;
    right: 10px;
    width: 380px;
    text-align: right;
}
td.mail{
    text-align: right;
    margin-left: 10px;
}
table#timedate {
    text-align:right;
}

#clockDate span{
    padding: 20px;
    padding-right: 10px;    
}

#submenu{
    padding: 5px;
    padding-left: 15px;
    background: #ffffff url('http://cdn.barges.com/is/img/nav_bar_bgr.gif') repeat-x;
    border: 3px solid #ffffff;
    border-top: 1px solid #DDDDDD;
    border-bottom: 10px;
}

#submenu a{
border-left:1px solid #B0B8C9;
color:#333333;
font-size:12px;
font-weight:bold;
padding:0 40px 0 15px;
}


/* ---- CONTENT ---- */

#contentArea{
	background: #ffffff url('http://cdn.barges.com/is/img/corner_left_bottom.gif') no-repeat left bottom;
    padding-top:15px;
    border-top:7px solid #343D8B;
}

#contentArea .corner{
	background: url('http://cdn.barges.com/is/img/corner_right_bottom.gif') no-repeat right bottom;
	padding: 10px 20px 20px;
}

#contentArea h2, #popUp h2, h1.smaller {
	margin-top: 0px;
	background: url('http://cdn.barges.com/is/img/h2_bgr_grey.gif') repeat-x left top;
	height: 26px;
	text-align: left;
}

#contentArea h2 label, #popUp h2 label, h1.smaller label {
	padding-left: 25px;
	background: url('http://cdn.barges.com/is/img/h2_left_grey.gif') no-repeat left top;
	display: block;
	height: 26px;
	font-size: 13px;
	line-height: 26px;
	color: #233762;
}

#contentArea div.haer{
	background: url('http://cdn.barges.com/is/img/item_border_bottom.gif') repeat-x left bottom;
	height: 30px;
}


/* ---- FOOTER ---- */

#footer{
	font-size: 11px;
	text-align: center;
	color: #eceff5;
	position: relative;
	top: 15px;
	margin-bottom: 20px;
}
#footer a{
	color: #eceff5;
}

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

/* ---- STARTING PAGE ----- */

.startFlash{
	text-align: center;
	position: relative;
	width: 960px;
}
.startFlash .buttons {
height:550px;
left:10px;
margin:0 auto;
position:relative;
width:600px;
}
.startFlash .buttons .item {
float:left;
margin:10px;
}
table#sections {
height:545px;
text-align:center;
width:595px;
}
table#sections a.sections-container {
	background: transparent url('http://cdn.barges.com/is/img/main-index-containers.gif') no-repeat 0 0;
	width:278px;
	height:255px;
	display:block;
	text-decoration:none;
}
table#sections a.sections-container:hover {
cursor:hand;
cursor:pointer;
}
table#sections a.sections-container img {
margin-top:11px;
font-size:0px;
}
table#sections div.sections-container h1 {
text-decoration:none;
color:#3f3f3f;
font-size:20px;
margin-top:10px;
}


div.fleet{
	position: absolute;
	top: 20px;
	left: 0px;	
	text-align: left;
	line-height: 21px;
}
div.fleet a {
    color:#333333;
}
div.fleet .list {
    margin-bottom:10px;
}
div.fleet .list a {
    background:transparent url('http://cdn.barges.com/is/img/arrow_bullet.gif') no-repeat scroll 0 6px;
    color:#666666;
    display:block;
    letter-spacing:0.4px;
    padding-left:18px;
}
div.fleet .header{
	font-weight: bold;
	border-bottom: 1px #cccccc dotted;
	margin-bottom: 5px;
}

div.front_contact{	
	color: #666;
	line-height: 19px;
	letter-spacing: 0.3;
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
	width: 180px;
}
/* ---- FLEET ----- */

#fleet .photo{
	float: left;
	margin-right: 30px;
}

#fleet .camelot .photo{
	margin-bottom: 60px;
}

#fleet .item{
	clear: both;
	padding-bottom: 30px;
	background: url('http://cdn.barges.com/is/img/item_border_bottom.gif') repeat-x left bottom;
}

#fleet .vesselDescription p, td.vesselDescription b{
}

.vesselDescription h3{
	text-decoration: underline;
	font-size: 16px;
	padding-bottom: 10px;
}

.vesselDescription h3 a{
	color: #333333;
}

.vesselDescription li{
	list-style-type:none;
	list-style-position:outside;
	margin-top: 10px;
}

.vesselDescription li a, .vesselDescription p a{
	background: url('http://cdn.barges.com/is/img/arrow_bullet.gif') no-repeat left 3px;
	padding: 0px 20px;
	font-weight: bold;
	}
	
.vesselDescription li .additionalPdf{
	/*margin-left: 40px;*/
	margin-right: 10px;
	line-height: 24px;
	position: relative;
	top: -20px;
	left: 150px;
}

.vesselDescription li .additionalPdf a.htmlver{
	position: relative;
	top: -5px  !important;
}

#fleet a.htmlver{
	background: none !important;
	padding-left: 20px;
	position: relative;
	top: 4px;
}
/* --- OTHERS ---- */

#port_distances, #news {
	text-align: center; 
}
#port_distances iframe{
	width: 574px;
}

div.desc_image_left, div.desc_image_right {
background:white none repeat scroll 0 0;
border:1px solid darkgray;
margin-bottom:10px;
padding:8px;
text-align:center;
color:#333;
}
div.desc_image_left img, div.desc_image_right img {
margin-bottom:5px;
}
div.desc_image_right {
float:right;
margin-left:25px;
}
div.desc_image_left {
float:left;
margin-right:25px;
}

/* FORM */

/*img {
border:2px solid E;
border-color:#EEEEEE;
}*/

.forms input, .forms textarea,  .forms select
{
  border: 1px solid #bcbcbc;
  background-color:#FFFFFF;
  color:#000000;
  margin: 5px 0px 7px;
  vertical-align: middle;
}

.forms input:hover, .forms input:active, .forms input:focus
{
  border: 1px solid #999999;
  background-color:#EEEEEE;
  color:#000000;
}

.forms .sendButton
{
  border: none;
  background: url('http://cdn.barges.com/is/img/buttons/send.gif') no-repeat;
  width: 58px;
  height: 24px;
  cursor: pointer;
}
.required {
font-weight: bold;
}

.forms .arrow {
	color:#FFFFFF;
  font-size:9px;
}

table.distances td{
	padding: 15px;
}
table.distances input.result {
	border: 0px;
	width: 250px;
	color: #666666;
	font-size: 13px;
}

.mainTbl {
 margin: 0px;
 padding: 0px;
 border-left: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;
 width: 984px;
 text-align: center;  
}

.leftTbl {
  margin: 0px;
  padding: 0px;
}

.topTbl {
  margin: 0px;
  padding: 0px;
}

.paginTbl {
  margin: 0px;
  padding: 0px;
  height: 55px;
}

.generalTbl {
  margin: 0px;
  padding: 0px;
}

.map_holder {
border:5px solid #EEEEEE;
}
.map {
width: 776px;
height: 400px
}

#checkboxes {
width:100%;
}

#options {
text-align:left;
width:100%;
}

/* ---- FLEET ----- */



.vesselInfo table td {
	line-height: 19px;

}


#vesselsList .vesselInfo table th {
	text-align: left;
	font-size: 13px;
}

#vesselsList .vesselInfo table td.vesselName {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: underline;
}



#vesselsList .vesselInfo a.vesselLink{
	display: block;
	margin: 10px 0px;
	font-weight: bold;
}

.vesselDetail table{
	background-color: #DADADA;
}

.vesselDetail table th, .vesselDetail table td{
	background-color: #ffffff;
	padding: 3px 5px;
	font-size: 12px;
	vertical-align: top;
}

.vesselDetail .shaded{
	margin: 0px auto;
}

.vesselDetail .vesselInfo th{
	width: 180px;
	text-align: right;
}

.vesselDetail .vesselInfo td{
	width: 250px;	
}

.vesselDetail .vesselInfo{
	padding: 0px 15px 30px !important;
}

.vesselOptions{
	text-align: center;
}

.vesselOptions table{
	margin: 0px auto;
}

.vesselOptions div{
	margin-bottom: 20px;
}

/* ----- EVENTS ----- */

#events{
	margin-bottom: 20px;
	font-size: 11px;
}

#events .eventItem{
	clear: both;
}

#events .eventItem div, #events .eventTop div{
	float: left;
	padding: 6px;
	margin: 2px;
	border-left: 1px #ffffff solid;
}

#events .eventItem div{
	border-left: 1px #999999 solid;
	border-top: 1px #999999 solid;
}

#events .eventTop div{
	border-left: 1px #3C80B1 solid;
	border-top: none;
	background: #2c508b url('http://cdn.barges.com/is/img/table_top_bgr.gif') repeat-x;
	color: #ffffff;
	font-weight: bold;
	padding: 3px inherit;
}

#events .eventName{
	width: 12%;
	color: #233762;
}

#events .eventItem .eventName{
	font-size: 12px;
	font-weight: bold;
}

#events .eventType{
	width: 8%
}

#events .eventLocation{
	width: 8%
}

#events .eventDate{
	width: 8%
}


#events .eventDescription{
	width: 54%;
	background: url('http://cdn.barges.com/is/img/gradient_bgr.gif') repeat-x;
}

#events .eventLink{
	display: block;
	padding-left: 44%;
	padding-bottom: 20px;
}

/* ----- LINKS ----- */

#links table{
	font-size: 11px;
}

#links table a{
	font-size: 12px;
}

#links table a{
	font-size: 12px;
}

#links table p{
	margin: 5px 3px;
}


#links table td.topTitle{
	background: #2c508b url('http://cdn.barges.com/is/img/table_top_bgr.gif') repeat-x;
	border: none;
	color: #ffffff;
	font-weight: bold;
	line-height: 26px;
	font-size: 12px;
	padding: 0px 6px;
}

/* ---- CLIENTS ---- */

#clients ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding: 10px;
}

#clients li{
	width: 150px;
	float: left;
	text-align: center;
	height: 130px;
	vertical-align: middle;
}

#clients li.lastLine{
	width: 180px;
}

#clients li img{
	vertical-align: middle;
	margin: auto;
}

/* ---- POPUP ---- */

#popUp{
	margin: 20px;
	padding: 15px;
	background-color: #ffffff;
	font-size: 11px;
}

#popUp h3{
	font-size: 14px;
}

#popUp img{
	vertical-align: middle;
	
}

#popUp table{
	margin: 0px auto;
}


td.drawings a{
	background: url('http://cdn.barges.com/is/img/pdf.png') no-repeat;
	display: block;
	padding: 2px 0px 2px 20px;
}
a.lightwindow.page-options, a.imagesLink{
	background: url('http://cdn.barges.com/is/img/images.png') no-repeat 2px 2px;
	display: block;
	padding: 2px 0px 2px 22px;
	font-size: 13px;
}

.vesselPhotos td{
	text-align: center;
}



a.slideshow{
	float: right;
	width: 75px;
    margin-top:-30px;
}

a.slideTables{
	margin-right: 75px;
	position: relative;
	top: 35px;
}

.slideshowMain{
	text-align: center;
} 

a.fleetBack{
	text-align: center;
	display: block;
	margin: 10px auto;
}
a.pdf{
	background: url('http://cdn.barges.com/is/img/pdf.png') no-repeat;
	display: block;
	font-weight: bold;
	padding: 2px 0px 2px 20px;
}

div.aboutus{
	letter-spacing: 0.4;
	font-size: 14px;
	line-height: 22px;
}


div.aboutus li{
	background: transparent url('http://cdn.barges.com/is/img/arrow_right.png') no-repeat 0 2px;
	padding-left: 25px;
	display: block;
	margin-bottom: 3px;
	list-style: none;
}

.downL{
	float: right;
	text-align: right;
}

.downL a.pdf{
	padding-left: 48px;
	background: url('http://cdn.barges.com/is/img/pdfB.png') no-repeat 0px 0px;
	padding-top: 13px;
	padding-bottom: 11px;
	font-size: 13px;
	color: #cc0000;
	display: block;
}

.downL a.html{
	font-size: 12px;
	position: relative;
	top: -25px;
}

.additionalLinks {
	margin: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
}

#shortCuts{
	height:28px;
	text-align: center;
}

#shortCuts li{
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 10px 0px 15px;
	background: url('http://cdn.barges.com/is/img/arrow_bullet.gif') no-repeat left 3px;
}

#shortCuts li.presub{
	padding-right: 3px;
}

#shortCuts li.sub{
	padding: 0px 5px 0px 0px;
	background: none;
}

table.bridge{
	position: relative;
	left: 100px;
}

a.bridge{
	position: relative;
    top:15px;
	left:-120px;
	z-index: 100;
	}


    /* GA DRAWINGS DROPDOWN ON FLEET */

#myjquerymenu2 {
padding-left:0;
font-weight:normal;
}
#myjquerymenu2 ul li {
margin-top:5px;
}
#myjquerymenu2 ul li a {
background:transparent url('http://cdn.barges.com/is/img/pdf.png') no-repeat scroll 0 top !important;
padding:2px 22px 0;
}

.box {
position:absolute;
background:white;
border:2px solid #333;
line-height:20px;
}
.box div {
padding:5px;
}
.box a {
    font-weight:bold;
}
.box h3 {
background:transparent url('http://cdn.barges.com/is/img/h2_bgr_grey.gif') repeat-x scroll left top;
font-size:14px;
margin-bottom:10px;
margin-top:0;
padding-left:5px;
}

.box h3 a {
background:LightCoral none repeat scroll 0 0;
color:white;
float:right;
}
.box h3 a:hover {
    text-decoration:none;
}

#employment{
    font-size: 13px !important;
    line-height: 20px;
}
#employment h3{
    margin: 0px;
    padding: 5px 0px;
    border-bottom: 1px dotted #c00;
    font-size: 14px;
    color: #c00;
}
h1{
    margin: 0px;
    padding: 10px 0px;
    font-size: 16px;
    color: #0000cc;
}
h3.handcursor div {
    background:url('http://cdn.barges.com/is/img/open-close.png') no-repeat scroll 0 0;
    display:inline;
    float:left;
    margin-right:7px;
    margin-top:-7px;
    width:32px;
    height:32px;
}
h3.handcursor div.close {
    background-position:0 -33px;
}
.switchgroup{
    padding-top: 15px;
}


div#sitemap-content {
			background: url('http://cdn.barges.com/is/img/worldmapB.gif') no-repeat 350px 80px;
			position: relative;
			height: 450px;
}



		ul.subpages{
			margin: 0px;
			position: absolute;
			padding: 0px;
			width: 210px;
		}
		ul.subpages.sites{
			top: 50px;
			left: 10px;
		}
		ul.subpages.fleet{
			top: 10px;	
			width: 100%;
			left: 10px;
		}
		
		ul li{
			list-style: none;
		}
	
		ul.subpages li{
			background: url('http://cdn.barges.com/is/img/arrow_right.png') no-repeat 0 8px;
			padding-left: 15px;
		}
		ul.subpages.fleet li{
			float: left;
			
		}
		ul.subpages li a{
			width: 170px;
			margin: 10px 0px;
			text-decoration: none;
			display: block;
			padding: 7px 7px 7px 5px;
			background: #f0f0f0;
			border: 1px solid #ccc;
		}
		ul.subpages li a:hover{
			background: #ccffff;
			border: 1px solid #00cccc;
		}
		ul.subpages.fleet li{
			background: url('http://cdn.barges.com/is/img/arrow_right.png') no-repeat 0 18px;
		}		
		ul.subpages.fleet li a{
			width: 105px !important;
			white-space: nowrap;
		}

		div.numbers{
			background: transparent;
			position: absolute;
			z-index: 1;			
			opacity:1.0;
			line-height: 20px;
			width: 200px;
			padding: 10px;
			filter:alpha(opacity=100);
			height: 220px;
		}
		div.numbers.singapore{
				top: 95px;
				left: 703px;
		}		
		
		div.contact.singapore{
				top: 95px;
				left: 703px;
		}
		div.numbers.newyork{
				top: 95px;
				left: 235px;
		}	
		div.contact.newyork{
				top: 95px;
				left: 235px;
		}
		div.contact{
			font-family: tahoma;
			background: #fff;
			width: 230px;
			height: 240px;
			z-index: 1;
			opacity:0.40;
			filter:alpha(opacity=40);
			position: absolute;
			line-height: 19px;
			text-align: left;
		}
		div.numbers a{
	letter-spacing: 0.3;
	padding: 1px 0px 1px 25px;
	color: #000;
		}
		#sitemap span{
	padding: 1px 0px 1px 25px;		
		}
		.mail{
			background: url('http://cdn.barges.com/is/img/mail.gif') no-repeat;
		}		
		.mobile{
			background: url('http://cdn.barges.com/is/img/mobile.gif') no-repeat 0 0;
		}		
		.phone{
			background: url('http://cdn.barges.com/is/img/phone.gif') no-repeat 0 0;
		}	
		h1{	
			font-family: tahoma;
			font-weight: bold;
			font-size: 13px;
			padding: 2px 0px !important;
			margin: 0px !important;
		}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url('http://cdn.barges.com/is/img/zoomloader.gif');
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}



.jquerycssmenu{
font: bold 11px Verdana;
padding-left: 15px; /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
height:30px;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background:transparent url('http://cdn.barges.com/is/img/arrow_bullet.gif') no-repeat scroll left 3px; /*background of tabs (default state)*/
padding: 2px 15px 0;
margin-right: 3px; /*spacing between tabs*/
text-decoration: none;
}

.jquerycssmenu ul li a:hover{
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background-color: #e6e6e6;
height: auto;
padding: 5px 5px;
border-top: 7px #ffffff solid;
z-index:9;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
font-weight:bold;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
border: none;
background-color: #dfdfdf;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: bold 10px Verdana;
width: 180px; /*width of sub menus*/
padding: 4px 5px;
margin: 0;
background: none;
line-height: 16px;
color: #333333;
border-bottom: 1px dotted #999999;
}
.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #f6f6f6;
color: #4286D2;
}
.jquerycssmenu ul li ul li ul li {
padding-left:5px;
} 
.jquerycssmenu ul li ul li ul li a {
font-weight:normal;
padding-left:25px;
width: 135px;
}

.jquerycssmenu ul li ul li ul li a:hover {
background: #f6f6f6;
}
.jquerycssmenu ul li ul li ul li a.pdf {
background:transparent url('http://cdn.barges.com/is/img/pdf-icon.gif') no-repeat scroll 1px 2px !important;
}
.jquerycssmenu ul li ul li ul li a.image {
background:transparent url('http://cdn.barges.com/is/img/gif-icon.gif') no-repeat scroll 1px 2px !important;
}
.jquerycssmenu ul li ul li ul li a.changeDrawing {
background:transparent url('http://cdn.barges.com/is/img/zoom-icon.gif') no-repeat scroll 1px 2px !important;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 10px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slideshow {
    padding:0;
    border:0;
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
    z-index:1
}
.slideshow-content {
    padding:0;
    background-color:#fff;
    color:#333;
    overflow:hidden;
    position:relative;
    z-index:1;
}

    /* Some Content Changes */
    .slideshow-content p {
        padding:0 !important;
        overflow:auto;
    }

    .slideshow-content img {
        padding:0 !important;
        border:0 !important;
    }

    .slideshow-slide {
        display:none;
        position:absolute;
    }

.slideshow-fullscreen {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slideshow-label-place, .slideshow-panel-place {
    /* Stupid IE hack */
    // border-style:dotted; border-width: 1px 0; border-color: transparent; background:transparent;
}

.slideshow-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    height:30px;
}
    .slideshow-label {   
        z-index:101;
        color:#fff;
        width:100%;
        height:100%;
        line-height:30px;
        text-indent:8px;
        font-weight:bold
    }

    .slideshow-label a,
    .slideshow-label a:hover,
    .slideshow-label a:active,
    .slideshow-label a:visited {
        color:#fff;
    }

.slideshow-panel-place {
    padding:0;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:100;
    height:26px;
}
    .slideshow-panel {
        z-index:101;    
        width:100%;
        height:100%;
    }
    
        .slideshow-panel a.button {
            display: block;
            width:24px;
            height:24px;
            float:left;
            text-indent:-99999%;
            overflow:hidden;
            outline: 0; /* @ Firefox, prevent dotted border after click */ 
            background-image:url('http://cdn.barges.com/is/img/slideshow/buttons.png');
            background-repeat:no-repeat;
            border:1px solid transparent
        }
        
            .slideshow-panel a.button:hover {
                border:1px solid #777;
            }
            
            
            .slideshow-panel a.first {
                background-position: 0 0
            }
            
            .slideshow-panel a.prev {
                background-position: -24px 0
            }
            
            .slideshow-panel a.play {
                background-position: -48px 0
            }
            
            .slideshow-panel a.stop {
                background-position: -72px 0
            }
            
            .slideshow-panel a.next {
                background-position: -96px 0
            }
            
            .slideshow-panel a.last {
                background-position: -120px 0
            }
            
            .slideshow-panel a.help {
                position:relative;
                background-position: -144px 0
            }
            
            .slideshow-panel span.counter {
                float:right;
                display: block;
                font-weight:700;
                color:#fff;
                /*width:26px;*/
                height:24px;
                line-height:24px;
                padding:0 4px;
            }


.slideshow-help {
    position:absolute;
    bottom:26px;
    left:0px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slideshow-frame div {
    position:absolute;
    top:0px;
    left:0px;
    background:url('http://cdn.barges.com/is/img/slideshow/big-play.png') 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%;
}

.slideshow-load {
    display:none;
}
    .slideshow-load div {
        position:absolute;
        top:0px;
        left:0px;
        background:url('http://cdn.barges.com/is/img/slideshow/ajax-loader.gif') 50% 50% no-repeat;
        z-index:201;
        cursor:pointer;
        width:100%;
        height:100%;
    }

.slideshow-shadow {
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    width:100%;
    height:100%;
}
    
.slideshow-opacity {
    background:url('http://cdn.barges.com/is/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==');
    background:rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
}