@charset "utf-8";

/* CSS Document */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*----------- common ----------*/

.left	{ float:left}

.right	{ float:right}

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

.main_wrap	{ width:100%}

.top_wrap	{ background:url(../images/top_ship.jpg) no-repeat center top}

.top_wrap2	{ background:url(../images/top_img.jpg) no-repeat center 556px; padding:40px 0 0px 0}

.wrapper	{ width:989px; margin:0 auto}

body	{ background:url(../images/water_repet_bg.jpg) repeat-y center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

h1	{ font-size:19px; color:#06274c; line-height:20px; font-weight:bold; padding-bottom:22px; }

h1.blue	{ color:#00338c}

h1.blue span	{ color:#ff0000}



h1.Drk_blue	{ color:#003c7f; font-size:15px}

h1.Drk_blue span	{ color:#000}

h4	{ color:#004796; font-size:15px}

p	{ font-size:12px; color:#647384; line-height:15px; font-family:Arial, Helvetica, sans-serif; text-align:justify}

.gap	{ height:10px}


.orange { color:#f16329; }
.supplies{ list-style:disc; margin-left:25px;  }
/*----------- common ----------*/



/*----------- Menu ----------*/

#menu	{ background:url(../images/menu_bg.png) no-repeat center bottom; width:100%}

#menu .menu_wrap	{ width:964px; margin:0 auto; height:43px; padding-bottom:17px}

#menu .menu_wrap ul	{ margin:0; padding:0; width:800px; list-style:none; margin-left:-10px; }

#menu .menu_wrap ul li	{ display:inline-block; float:left}

#menu .menu_wrap ul li a	{ display:block; float:left; background:url(../images/top_link_left.png) no-repeat left 50px; padding:0 0 0 15px; height:43px; text-decoration:none}

#menu .menu_wrap ul li a span	{ display:block; float:left; background:url(../images/top_link_right.png) no-repeat right 50px; height:43px; padding:0 15px 0 0; font-size:14px; color:#fff; line-height:43px; cursor:pointer}

#menu .menu_wrap ul li a:hover	{ background-position:0 0}

#menu .menu_wrap ul li a:hover span	{ background-position:right 0}

#menu .menu_wrap ul li.active a	{ background-position:0 0}

#menu .menu_wrap ul li.active a span	{ background-position:right 0}

#menu .search_wrap	{ width:170px; height:24px; background:url(../images/search_bg.png) no-repeat; margin:13px 0 0 0;}

#menu .search_wrap input.text_box	{ background:none; border:0; font-size:12px; color:#b23400;  padding-left:5px; width:115px; height:16px; padding-top:4px;}

#menu .search_wrap input.go_bnt		{ width:35px; height:20px; color:#fff; font-size:12px; background:none; border:0; cursor:pointer; line-height:20px; margin:1px 0 0 0}

/*----------- Menu ----------*/



/*----------- Container ----------*/

.container	{ background:#fff; width:960px; padding:3px 14px 20px 14px; margin:0 auto}

.container .banner	{ background:url(../images/banner.jpg) no-repeat; width:642px; height:269px; margin-bottom:2px; padding-left:318px} 

.container .banner .logo	{ margin:0 0 0 0; background:url(../images/logo.png) no-repeat; width:300px; height:269px}

.container .banner .logo a	{ display:block; width:300px; height:269px}

.container .banner h2		{ font-size:25px; color:#ff5c1f; line-height:25px; font-weight:normal; padding-top:10px}

.container .banner h2 span	{ font-size:17px; color:#fff}

.container .main_body	{ background:url(../images/blue_bg.png) no-repeat left top;  padding:0 0 0 20px}

.container .main_body .right_con	{ width:667px; padding:23px 0 0 0; position:relative;}

.container .main_body .anker	{ position:absolute!important; top:-13px; left:-16px}

.main_body .right_con h2	{ background:url(../images/text.png) no-repeat ; text-indent:-9999px; height:39px; width:600px; float:right; margin-right:15px; padding-bottom:73px}

.main_body .right_con .home_container	{ padding:35px 30px 0 0}

.home_container .Wel_txt	{ width:445px}

.right_con .home_container p	{ padding:0 0 20px 0} 

.right_con .home_container p a	{ color:#0c4e98; text-align:right; float:right;text-decoration:none; position:relative}

.right_con .home_container p a:hover	{ text-decoration:underline}

.right_con .home_container .Home_box	{ width:300px}

.right_con .home_container .Home_box h1	{ padding:0 0 10px 0}

.home_container .Home_box img	{ padding:1px; border:solid 1px #d6ced5}

.home_container .Home_box .image_box	{ padding:0 0 20px 0} 









.container .main_body .side_bar_wrap	 { width:247px; padding:0 25px 0 0}

.main_body .side_bar_wrap .categories	{ width:247px; padding-bottom:22px} 

.cat	{margin-top:-12px}

.side_bar_wrap .categories .cat_wrap	{ background:url(../images/cat_bg.gif) repeat-x 0 64px; width:247px}

.left_title	{ background:url(../images/left_box_title_bg.png) no-repeat; width:247px;}

.left_title h3	{ color:#fff; font-size:19px; font-weight:bold; height:76px; line-height:70px; text-transform:uppercase; padding:0 0 0 23px}

.cat_wrap .cat_list	{ width:237px; border-right:solid 1px #ecb2b2; border-left:solid 1px #ecb2b2;padding:0 0 0 8px}

.cat_list ul.cats	{ margin:0; padding:0 0 0 14px }

.cat_list ul.cats li	{ background:url(../images/red_arrow.gif) no-repeat 0 11px; height:30px; line-height:30px; padding:0 0 0 14px; font-family:Arial, Helvetica, sans-serif}

.cat_list ul.cats li a	{ color:#3b4e63; font-size:14px; text-decoration:none}

.cat_list ul.cats li a:hover	{ text-decoration:underline}

.cat_list span	{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b4e63; line-height:28px}





ul.vacanice	{ margin:0 auto; padding:0; width:222px}

ul.vacanice li	{ width:222px; padding:0 0 5px 0}

ul.vacanice li p	{font-size:12px; color:#d43101;}

ul.vacanice li p span	{ font-size:12px; color:#d43101; margin:2px 0 0 0; display:block ; width:80px }

ul.vacanice li p input	{ margin:2px 0 0 0; padding:0; }

ul.vacanice li input.txt_box	{ background:url(../images/text_box_bg.png) no-repeat; width:210px; height:18px; font-size:12px; color:#333232; padding:6px 0 0 12px; border:0; line-height:12px}

ul.vacanice li input.up_cv	{ background:url(../images/up_cv.gif) no-repeat; width:144px; height:21px; border:0 none; padding:6px 0 0 12px;font-size:12px; color:#333232;}

ul.vacanice li input.browser	{ background:url(../images/browser.gif) no-repeat; width:64px; height:27px; border:0}

.crv_bottom	{ width:988px; margin:0 auto; padding:0 0 15px 0}

/*----------- Container ----------*/





/*----------- Footer ----------*/

.footer	{ width:936px; margin:0 auto; background:#000b23 ; border:solid 1px #000b23; opacity:0.8;filter:alpha(opacity=80); padding:20px 0 60px 50px }

.footer h5	{ color:#f3cd59; font-size:15px; padding:0 0 24px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.footer h6	{ color:#f3cd59; font-size:13px; padding:0 0 10px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.footer p{ color:#a3831e; padding-bottom:20px}

.footer p a{color:#a3831e; text-decoration:none}

.footer ul.Flink	{ margin:0; padding:0;}

.footer ul.Flink li	{ background:url(../images/gold_arrow.gif) no-repeat 0 4px; padding:0 0 10px 15px; display:block}

.footer ul.Flink li a	{ color:#a3831e; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}

.footer ul.Flink li a:hover	{ text-decoration:underline}

.footer .Fbox1	{ width:230px}

.footer .Fbox2	{ width:213px}

.footer .Fbox3	{ width:221px}

.footer .Fbox4	{ width:250px}

#footer_bottom	{ background:#050813; height:53px; line-height:53px; width:988px; margin:0 auto; opacity:0.8;filter:alpha(opacity=80);}   

#footer_bottom p	{ color:#483e1c; font-size:12px; text-align:right; padding:0 35px 0 0; line-height:50px; }

.myBox {      	-moz-border-radius-topright: 20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius:20px}

/*----------- Footer ----------*/



/*------- inner 1 -------*/

.crewmanagemen_container	{ padding:35px 30px 0 0}

.crewmanagemen_container h4	{ padding:0 0 28px 0}



ul.cre_man	{ margin:0; padding:0}

ul.cre_man li	{ background:url(../images/gry_arrow.gif) no-repeat left 5px;  font-size:12px; color:#647384; line-height:18px; padding:0 0 20px 12px}

.crewmanagemen_container p	{ font-size:13px; color:#647384; line-height:18px; padding-bottom:15px}

.crewmanagemen_container p a	{ color:#647384; text-decoration:none}

.crewmanagemen_container p a:hover	{ text-decoration:underline}

/*------- inner 1 -------*/



/*------- inner 4 -------*/

ul.inner_page_link	{ margin:0; padding:0; }

ul.inner_page_link li	{ margin:0; padding:0 0 15px 17px; background:url(../images/inner_link_arrow.gif) no-repeat 0 5px }

ul.inner_page_link li a	{ font-size:16px; color:#06274c; text-decoration:none}



.data_box	{ }



.data_box .data_tit	{ width:70px; position:relative}

.data_box .data_tit h4	{ font-size:12px; color:#647384; font-weight:bold; padding:5px 0 0 0}

.data_box .data_txt	{ width:565px; display:block; position:relative}

.crewmanagemen_container h6	{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#647384; padding:0 0 25px 0}





.data_box_goals	{ }

.data_box_goals .data_tit	{ width:170px!important; position:relative}

.data_box_goals .data_tit h4	{ font-size:12px; color:#647384; font-weight:bold; padding:5px 0 0 0}

.data_box_goals .data_txt	{ width:465px!important; position:relative}



ul.Ship_Board 	{ margin:0; padding:0}

ul.Ship_Board li	{ background:url(../images/ship_icon.gif) no-repeat 0 5px; padding:0 0 12px 14px; font-size:14px; color:#004796; height:15px; position:relative  }

ul.Ship_Board li a	{ text-decoration:none; color:#004796; font-size:14px}





ul.QM 	{ margin:0; padding:0 0 0 20px}

ul.QM li	{ background:url(../images/ship_icon.gif) no-repeat 0 5px; padding:0 0 5px 14px; font-size:14px; color:#004796; height:auto; position:relative;   }

ul.QM li a	{ text-decoration:none; color:#647384; font-size:12px}





ul.vessal 	{ margin:0; padding:0 0 0 20px}

ul.vessal li	{ background:url(../images/small_box.gif) no-repeat 0 5px; padding:0 0 5px 14px; font-size:14px; color:#004796;  height:15px; position:relative  }

ul.vessal li a	{ text-decoration:none; color:#647384; font-size:12px}







ul.additionally	{ margin:0; padding:0 0 0 12px; }

ul.additionally li	 { background:url(../images/add_arrow.gif) no-repeat 0 7px; line-height:22px; font-size:12px; color:#647384; padding:0 0 0 17px}

.crewmanagemen_container h5	{ color:#004796; font-size:14px; font-weight:normal; padding:30px 0 17px 0}





ul.dry	{margin:0; padding:0 0 25px 38px; list-style:upper-alpha}

ul.dry li	{ list-style:upper-alpha outside; font-size:12px; color:#647384; font-size:12px; font-weight:bold}

ul.dry li p	{font-size:12px; color:#647384; font-size:12px; font-weight:normal; padding:0; line-height:18px}

/*------- inner 4 -------*/



#scroller-header a {display:block;background:url(../images/tab.gif) no-repeat 0 0;width:225px; height:46px; float:left; color:#003169; font-size:18px; line-height:46px; text-align:center; text-decoration:none}



#scroller-header a:hover { background-position:0 -47px; color:#fff}



#scroller-header a.selected {display:block;background:url(../images/tab.gif) no-repeat 0 -47px; color:#fff}



#scroller-header {background:url(images/header.gif) no-repeat;  height:46px }



#scroller-body {background:url(images/body.gif) no-repeat bottom center; 	padding-bottom:30px;}



#mask {	width:632px;overflow:hidden;margin:0 auto 0 auto; border:solid 1px #f55505;}



#panel { width:645px }



#panel div {float:left;}



#panel-1	{ padding:30px; height:212px}

#panel-2	{ padding:30px; height:212px}

#panel ul	{ margin:0; padding:0; list-style:none; width:403px}

#panel ul li	{ margin:0; padding:0; display:inline-block; float:left; height:40px}

#panel ul li.Details_tit	{ width:133px; font-size:12px; color:#133748}	

#panel ul li.Details_txT_BOX	{ width:270px}	

#panel ul li.Details_txT_BOX select	{ width:270px; height:26px; border:solid 1px #efe6e6}

#panel ul li.Details_txT_BOX input.browse_box	{   height:26px; width:270px}

input.send_bnt	{ background:url(../images/send_bg.gif) no-repeat; width:190px; height:48px; border:0; text-align:center; font-size:18px; line-height:48px; color:#fff; cursor:pointer}


ul.shipspare { font:12px Arial;  }
ul.shipspare li { list-style:disc; margin:0 0 10px 20px; } 
ul.shipspare li ul li{ list-style:square; margin:0 0 10px 20px; } 
ul.shipspare li ul { padding:10px;  }
ul.shipspare li b { color:#dc4a05; }

.crewmanagemen_container p { font-size:13px; }