@import url("style.css");

div {
margin:0px;padding:0px;

}
#popup {
font-family: verdana,helvetica,arial, sans-serif; font-size: 11px; color:#333333;
background: #fff;
padding:0; margin: 15px 0 5px;
}
.jobbox {
margin:0px;
background:#333;
}
.jobbox_inner{
background:#666;
border:1px solid #999;
margin:0px;padding:0px 0px 5px 0px;
}
.jobbox_inner label {
font-size:11px;float:left;display:block;
margin:5px 0px 0px 5px;color:#fff;
}
.jobbox_inner input,.jobbox_inner select,.jobbox_inner option{
margin:5px 0px 0px 5px;font-size:11px;width:150px
}
.jobbox_inner option{
margin:5px 0px 0px 5px;
font-size:11px;
width:140px
}
.shoutbox_jobs{
margin:0px 5px 10px 0px;
padding:5px 0px 8px 0px;
background:none;
}
.shoutbox_jobs h3 {
color:yellow;
font-size:20px;
font-weight:normal;
padding:5px 0px 0px 10px;
margin:0px;
}
.jobbox_footer{
height:16px;
background:#e0e0e0 url(images/jobbox_footer.gif)top right no-repeat}

#fp_newsbox {
padding:0px;
margin:0px 0px 10px 0px;
width:139px;
height:185px;
background:url(images/newsfeed.jpg);
}

.shoutbox {
width:160px;
margin:0px 5px 10px 0px;
padding:5px 0px 8px 0px;
background:#fff url('images/blue_button.gif') 1px 0px no-repeat;
background:#333 url(images/loginbox_cnr.gif) bottom right no-repeat;
}
 
.shoutbox h3 {
color:#fff;font-size:12px;font-weight:normal;
padding:5px 0px 0px 10px;
margin:0px;
}
.shoutbox ul {
margin:5px 0px 5px 0px;
padding:0px;
}
.shoutbox li {
list-style-type:none;
display:block;
font-size:1em;
color:#000;
padding:0px 0px 5px 0px;
margin:0px 0px 0px 10px;
}
.shoutbox a{text-decoration:none}
.content {
margin-bottom: 20px;
max-width:520px;
overflow:auto;
}

.cartlinks {
clear:both;
border-top:1px dashed #ddd;
border-bottom:1px dashed #ddd;
padding:0px;
padding-top:3px;
padding-bottom:3px;
margin:0px;margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
}
/* Outer layer */
#page{
text-align: center;
border-color:black;

}
#pageshadow{
width:916px;
margin-left:auto;
margin-right:auto;
padding:0px;
background:url(images/ocean-pg-sh.gif) top left repeat-y;
}
#shbot-right {
width:13px;
float:right;
display:block;
height:15px;
background:#e0e0e0 url(images/sh-cnr-right.gif) 0px 0px no-repeat;
} 
#shbot-left {
width:13px;
float:left;
display:block;
height:15px;
background:#e0e0e0 url(images/sh-cnr-left.gif) 0px 0px no-repeat;
} 
#sh-bottom {
height:15px;
width:916px;
margin-left:auto;
margin-right:auto;
background:url(images/shadow-bot.gif) top left repeat-x;

}
#body{
text-align: left;
color: inherit;
margin: 0px;
margin-left:auto;
margin-right:auto;
padding: 0px;
width: 890px;
}
#top_wrapper {
background: #99cccc;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width: 890px;
}
#wrapper {
margin:0px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding:0px;
width: 890px;
background:#fff;
}
/* Header */
#header {
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width: 890px;
height:91px;
background:url('images/oceanic_blue_bg.gif') top left repeat;
}
#banner {
width:100%;
margin:0px;
padding:0px;
text-align:left;
}

#title {
height:46px;
width:208px;
background:url('images/oceanic_logo.gif') top left no-repeat;
float:left;
margin:32px 0px 9px 30px;
* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;	
margin-bottom:9px; 
}html>body #title { margin:32px 0px 9px 30px; }

#random{
clear:both;
background:#000;
width:890px;
height:249px;
text-align:left;
}
#youarehere{
position:relative;
z-index:190;
color:#fff;
top:190px;
left:10px;
}
.logolink {
padding: 6px 3px;
}

/* Content Section */
.page-content {
padding: 0px 0px 15px 5px; 
margin: 0px;

}
#main_content {
display:block;

}
/* Main content box */
#homepage_left_block {
width: 530px;
float: left;
margin: 0px;
padding: 10px 0px 0px 10px;
display: block;
border-color:#333;
background:#fff;
* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;	
width:510px;
}html>body #homepage_left_block {width:530px;}

#searchboxtop {
padding:2px 2px 2px 38px;
margin:15px 0px 15px 0px;
float:right;
display:block;
background:#fff;
border:1px solid #e0e0e0;
}

.careersbox{
height:150px;
width:500px;
* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;	
width:490px;
}html>body #homepage_left_block {width:500px;}

.career_centre {
width:215px;
float:left;
display:inline;
padding:10px 0px 10px 20px;
background:#AFD3E1 url('images/fp_box_cnr.gif') top left no-repeat;
margin:0px 10px 0px 0px;
}
.career_centre ul,.career_centre li {
list-style-type:none;margin:0px;padding:0px;font:12px 'arial', 'helvetica',sans-serif;
}
.career_centre ul li {
color:#fff;margin:0px;padding:0px;
}

.career_centre h2 {
color:#000;
margin:0px 0px 5px 0px;
text-decoration:underline;
}
/* MENU */
#mainMenu {
text-align: left;
width: 890px;
margin: 0px;
padding: 0px;
height:33px;
margin-bottom:0px;

}
html>body #mainMenu { width: 890px; }


/*Side menu*/

#rightcol {
clear:both;
width: 165px;
float:right;
padding:10px 5px 10px 0px
}

#leftcol {
width: 170px;
float:left;
padding:10px 0px 10px 5px;
 
}

#fp_leftcol {
width: 170px;
height:100px;
float:left;
padding:5px 0px 10px 5px;
}
.rtnv {
margin-top:0px;
width:179px;

}
#menu{
list-style-type:none;
margin:5px 0px;
padding:0px;
font-size:12px;
width:168px;

}
#menu a{
text-align:left;
padding:9px 5px 9px 10px;
display:block;
text-decoration:none;
color:#000;
border-bottom:1px dashed #669999;
}
#menu a:hover{background:#669999}
#menu a:active {
background:#cc6699; color:#fff;
}
/* Bottom footer box */

/* Copyright layer */
.copyright {
text-align:center;
clear:both;
height:28px;
background: #999;
padding: 0px;
border-top: solid 1px #e0e0e0; 
text-align:right;
width:890px;
}
.footer {
font-weight:bold; 
width:880px;
margin:0px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding: 6px 0px 8px 5px; 
color : #666;
}
.footer span {color:#000;font-size:11px;}

.footer a, .footer a:link,.footer a:visited,.footer a:active {font-size:11px;color:#000;font-weight:bold; }

.footer_right {
font-weight:normal; 
font-size:11px;
float:right;
text-align:right;
width:230px;
margin:0px 5px 0px 0px;
color:#666;
}

.footer_right a:link {
 font-weight:normal;color:#666;
}

/* Search form on front page */
.search-form {
color: #000;background: #AB8C3A;padding: 5px;margin: 0px 0 10px 30px;
border: 1px solid #333333;width:465px;text-align: center;white-space: nowrap;
}
/* Search forms on Search page */
.adv-search {
margin: 0 0 0 15px;
}
/* Tool Tip */
.tip {
cursor : help; border-bottom : 1px dashed #555555; 
} 
#printpage {
text-align:left;
}
 

.mceToolbarTop img {
margin:0px;padding:0px;border:0px;float:left;display:inline
}
/*CinchCART*/
#cart h3{
background:#99ccff url('images/cart_top_bg_k.gif') repeat-x;
font-size:14px;
color:#333;
padding:4px;
}
#cart {
clear:both;
border-color:#eeeeee rgb(238, 238, 238) rgb(224, 224, 224);
border-style:solid solid dashed;
border-width:1px;
display:block;
margin:0px 0px 15px 0px;
width:300px;
padding-top:0px
}
#cart h3 {
font-weight:normal;
font-size:14px;
padding:4px;
margin-top:0px
}
#cart p {
padding:10px 4px;
}
.cart {
background-color:#f8f8f8;
}
.activeCart {
background-color:#daff9f;
}
.hoverCart {
background-color:#ffffcc;
}
#products {
margin:0px;
width:480px;
}
.product {
font-size:90%;
border:1px solid #e0e0e0;
float:left;
margin-bottom:10px;
margin-right:10px;
padding-top:5px;
text-align:center;
width:480px;
height:165px;
}
.product img {
cursor:move;
}
#main .product h2 {
font-size:12px;
font-weight:bold;
padding:0px;
margin:0px 0px 5px 0px;
border:0px;
}
.product p {
color:#333333;
}
.product a {
color:#6CAF00;
}
.price {
font-size:100%;
}
.productCart {
font-size:10px;
margin:10px;
}
.productCart a {
color:#FF0000;
float:right;
}
.transferProduct {
border:1px solid #6caf00;
}

/*FORMS*/
#formarea label { 
clear:top;
margin-right: 1em;
display: block;
float:left;
text-align: left;
width: 6em;
font-size:10px;
}
:focus {
outline: thin dotted invert }

.ajax_submit_text {
font-size:0.9em;
color:#fff;
clear:both;
margin-top:5px;
width:159px;
text-align:center;
display:block;
padding:8px 0px 8px 0px;
background:#333 url(images/loginbox_cnr_eo.gif) bottom right no-repeat;
}
.ajax_submit_text a,.ajax_submit_text:link,.ajax_submit_text:visited, .ajax_submit_text:active {
color:#fff;
}
.ajax_submit_text:hover {
text-decoration:underline;
}
#subscription {
text-align:left;
}

input {
border: solid 1px #8cacbb;
}
input:hover {
border: solid 1px #000;
}
#subscription input[type="text"] {
width:150px;margin-bottom:0px;
}
 
input[type="submit"]{
font: 100% Tahoma, Arial, Helvetica,sans-serif;
background:#99ccff;
color: #333;
padding:2px;
} 
input[type="submit"]:hover{
background:#333;
color: #fff;
cursor : pointer
}

#indicator {
width:470px;text-align:center;
}

ul.jd_menu, 
ul.jd_menu_vertical {
	color:#fff;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
margin-left:10px;
text-transform:uppercase;
font-size:12px;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;	
}

ul.jd_menu, 
ul.jd_menu_vertical li a{
color:#fff;
}
/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: -1px 0px 0px 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
float: none;
margin: 0px;
background-color: #A0C9DA;
}

ul.jd_menu,
ul.jd_menu ul {
	height: 32px;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
margin: 0px;
padding: 9px 98px 7px 9px;
cursor:pointer;
white-space: nowrap;
border-bottom:none;
}
ul.jd_menu li li {
text-align:left;

}
ul.jd_menu li a,ul.jd_menu li a:link, ul.jd_menu li a:visited, ul.jd_menu li a:active {
color: #fff;
padding: 0px;
text-decoration: none; 
}
ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
background-color: #A0C9DA;
padding: 9px 98px 7px 9px;
}
ul.jd_menu li.jdm_hover a,
ul.jd_menu li.jdm_active a{
color: #fff;
}
ul.jd_menu ul li.jdm_hover a,
ul.jd_menu ul li.jdm_active a{
color: #000;
}