BODY 
{
  background-color: #cfd0d4;
  font-family : Verdana,arial,sans-serif;
  font-size : 12px;
  margin: 0 0 0 0;
  }

/* Layout*/
#container
{ 
  position: relative;
  background: #fff;
  margin: 20px auto;
  padding: 0px;
  width: 700px;
  border: 5px solid #fff;
  background-image: url('seabg.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
  }

/*************** Header ********************/
#header
{
  background-image: url('header.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 70px;
  }
#header h1
{ 
  display: none;
  } 
/*****************************************/
/*********************Main container ***************************/
#main 
{
  margin-right: 250px;
  margin-left: 0px;
  padding: 0px;
  }

#main h3
{ 
  margin: 5px 0 0 0px;
  }
.center {
padding: 1em;
  text-align:center;
}
/********************************************/
/***************** Footer *****************/
#footer 
{
  background-color : #0c2c56;
  color: #b19500;
  font-family : Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0 0 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
  }
#footer a 
{
  background-color : #0c2c56;
  color: #b19500;
  text-decoration: none;
  }
/*******************************************/
/******************** Navigation *************************/
#nav
{
    margin: 5px 5px 0px 0;
    border: 1px solid #000;
    left: 0px;
    background-color: #0C2C56;
    height: 22px;
    width:698px;
}
#nav h3
{ 
  background-color: #0c2c56;
  color: #b19500;
  margin: 0 0 0 0;
  display: none;
}
#nav ul, #nav li 
    { 
    float:left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position:relative;
    }
div#nav li {
   border: 1px solid #FFFFFF;
   
}

#nav li a , #nav li ul li a  {
    display:block;
    white-space: nowrap;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
    margin: 0;
    padding-left:7px;
    padding-right:7px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: default; 
    color: rgb(177, 149, 0);
}
#nav li a:hover {
    background-color: #ffffff;
    text-decoration: none;
}


/*1st sub level menu*/
#nav ul li ul{
    left: 0;
    position: absolute;
    top: 1em; /* no need to change, as true value set by script */
    display: block;
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#nav ul li ul li
{
display: list-item;
float: none;
top: -2px;
left: -2px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#nav ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
#nav ul li ul li a{
    background-color: #0C2C56;
    display:block;
}

#nav ul li ul a:hover {
    background-color: #0C2C56;
}



/*********************************************************/
/* Formatting */
#footer p 
{
  margin: 2px;
}
img {
border: none;
}


form.datamanager label 
{
  display: block;
  padding: 3px 0 3px 0;
  font-weight: bold;
}

form.datamanager label input, 
  form.datamanager label textarea, 
  form.datamanager label select, 
  form.datamanager label button
{
  margin: 0.5ex 0 0 0;
  display: block;
}

form.datamanager fieldset 
{
  margin: 1ex 0 1ex 0;
  padding: 3px 10px;
}

form.datamanager fieldset legend 
{
  font-weight: bold;
  /* border: 1px solid black; */
  padding: 1px 3px;
}

form.datamanager required
{
  font-weight: bold;
}

form.datamanager missing
{
  color: red;
}

form.datamanager fieldset.account legend,
  form.datamanager fieldset.blob legend,
  form.datamanager fieldset.image legend,
  form.datamanager fieldset.collection legend,
  form.datamanager fieldset.radiobox legend,
  form.datamanager fieldset.date legend,
  form.datamanager fieldset.mailtemplate legend
{
    font-weight: normal;
}

form.datamanager fieldset.radiobox label
{
    display: inline;
    margin: 0px 10px 0px 0px;
    white-space: nowrap;
}

form.datamanager fieldset.radiobox input
{
    display: inline;
    vertical-align: top !important;
    vertical-align: baseline; /* This one is for IE */
}

form.datamanager fieldset.date
{
    border: none;
    padding: 3px 0 3px 0;
    margin: 0;
}

form.datamanager fieldset.date input.date
{
    display: inline;
    width: 10em;
}

form.datamanager fieldset.date button.date
{
    display: inline;
    margin: 0px 0px 0px 5px;
}

form.datamanager div.blob_preview,
  form.datamanager div.image_preview
{
    float: right;
    width: 180px;
    padding: 5px;
    border: 1px solid black;
    margin: 5px;
    text-align: center;
}

form.datamanager div.image_frame
{
    width: 180px;
    height: 140px;
    margin: none;
    padding: none;
    border: none;
    overflow: scroll;
}

form.datamanager fieldset.collection fieldset legend
{
    /* Hide the captions of all directly contained blobs, would look weird. */
    display: none;
}

form.datamanager label.communityhtml select
{
    display: inline;
}

form.datamanager textarea.communityhtml
{
    width: 500px;
    height: 250px;
}

form.datamanager span.communityhtml_toolbar img
{ 
    border: none;
}


div.hentry {
    margin:0;
    padding:0;
}
h2.headline {
    font-size: 1em;
    margin:0;
    padding:0;
}
h1.headline {
    margin:0;
    padding:0;
}


h2.headline a {
    text-decoration:none;
    color: black;
}
div.hentry p.excerpt {
    margin:0;
    padding:0;
}

th.head {
 text-align: left;
 width: 175px;
}
div#news {
  padding-top:1em;
}

.published {
    margin-bottom: 0.5em;
}

div.product a {
color: #000000;

}
div.product img {
    float: right;
}

table.product {
border: 1px solid gray;
padding: 0;
margin: 0;
}
table.product td, table.product th {
x-border: 1px solid gray;

}
table.product td {
    text-align: left;
    width: 5em;
}

table.product .itemname {
    width: 25em;
    text-align: left;
}

table.product th.іtemprice ,
table.product td.іtemprice {
    text-align: right;
}


/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #0C2C56;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #0C2C56;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #0C2C56;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}