* { margin: 0; padding: 0; }
a { text-decoration: none; }
a:link, a:visited, a:active { outline: none; color: #373b3c; }
a:hover { color: #666; }
ul { list-style: none; }
img { border: none; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #373b3c; text-align: center; }

table#container { height: 100%; margin: 0px auto; width: 958px; font-size: 11px; color: #373b3c; }
table#container { text-align: left; }
#wrapper { background: url(../images/BORDERcontent.gif) top left repeat-y; padding: 0 5px 1px 5px; width: 948px; }

#header { margin: 0 4px; background: #373B3C url(../images/BKGheader.gif) top left no-repeat; padding-top: 26px; overflow: hidden; height: 74px; cursor: pointer; display: block; }
#header.home { padding: 0; height: 100px; text-align: center; position: relative; cursor: auto; overflow: visible; }
h1 { float: left; width: 168px; height: 98px; margin: -26px 0 0 26px; }
#header.home h1{ float: none; margin: 0 0 0 393px; height: 48px; }
#header.home h1.charterLogo { margin: 0 0 0 253px; }
h2 { float: right; color: #fff; font-size: 11px; font-weight: normal; margin: 11px 14px 11px 0; }
h2 img { margin-left: 16px; }

#header.yachts                { cursor: auto; position: relative; }
#header.yachts .wrapper       { position: absolute; bottom: 12px; left: 205px; width: 600px; text-align: center; }
#header.yachts ul,
#header.yachts ul li          { display: inline; }
#header.yachts ul li b,
#header.yachts ul li a        { color: #fff; }
#header.yachts ul li a.on,
#header.yachts ul li a:hover  { color: #ccc; }
#header.yachts ul li          { margin: 0 6px; }
#header.yachts ul ul          { background: url(../images/border-2.gif) right 3px no-repeat; padding-right: 5px; }
#header.yachts ul .last ul    { background: none; }

#lang-box { position: absolute; right: 10px; bottom: 10px; color: #fff; }
#lang-box label { float: left; margin-right: 7px; }
.js #lang-box .button { display: none; }

#navtop, #navbottom { width: 945px; height: 25px; clear: both; background: url(../images/BKGnavdark.gif) top left repeat-x; border-top: 1px solid #fff; padding-left: 3px; }
#navtop.home { background: transparent; position: absolute; z-index:1; }
#navtop.home li { padding-bottom: 20px; }
#navtop.home li ul { border-top: none; padding-top: 7px !important; }
#navtop.home li ul li { padding-bottom: 0px; }
#navbottom { height: 23px; }
#navtop li, #navbottom li { float: left; width: 105px; text-align: center; vertical-align: top; padding: 0px; background: url(../images/BKGtopnavborder.gif) right 8px no-repeat; height: 25px; }
#navtop li.last, #navbottom li.last { width: 104px; background: none; }
#navtop li a, #navbottom li a { color: #fff; padding-top: 4px; display: block; }
#navtop li a:hover, #navtop li.on a, #navbottom li a:hover, #navbottom li.on a { color: #999; }

#navbottom { background: url(../images/BKGnavlight.gif) top left repeat-x; }
#navbottom li { background: url(../images/BKGtopnavborderdark.gif) center right no-repeat; height: 23px; }
#navbottom li a { color: #373b3c; }

#navbottom li ul, #navtop li ul { display: none; position: absolute; z-index: 5000; padding: 0; width: 107px; border-top: 1px solid #fff; margin: 3px 0 0 -2px; }
#navtop li ul { margin: 5px 0 0 -2px; z-index: 6000; }
/*#navbottom li:hover ul, #navtop li:hover ul { display: block; }*/
#navbottom li ul li, #navtop li ul li { display: block; float: none; width: 93px; text-align: left; padding-left: 14; background: url(../images/BKGnavdot.jpg) top left repeat; -moz-opacity: 0.85; opacity: 0.85; }
#navbottom li ul li.first, #navtop li ul li.first { padding-top: 14px; }
#navbottom li ul li a, #navtop li ul li a { color: #373b3c !important; }
#navbottom li ul li a:hover, #navbottom li ul li.on a, #navtop li ul li a:hover, #navtop li ul li.on a { color: #999 !important; }
#navbottom li ul li.roundborder, #navtop li ul li.roundborder { width: 107px; padding: 0; height: 17px; background: none; }

#navfooter { width: 922px; height: 18px; padding-right: 26px; clear: both; background: url(../images/BKGnavlight.gif) top left repeat-x; overflow: hidden; border-top: 1px solid #fff;  text-align: center; }
#navfooter li { display: inline; vertical-align: middle; padding: 0px 17px; background: url(../images/BKGtopnavborderdark.gif) center right no-repeat; height: 18px; }
#navfooter li.last { background: none; }
#navfooter li a { color: #373b3c; font-size: 11px; padding-top: 2px; display: inline; }
#navfooter li a:hover, #navfooter li.on a { color: #999; }

.noshow { visibility: hidden; }
.nofooternav { margin-bottom: 5px; }
#navfooter.noshow.small { height: 13px; }
/***************************** HOME CONTENT **********************************/
#contenthome { zoom: 1; width: 950px; position: relative; padding: 28px 0; border-top: 1px solid #fff; background: #373b3c url(../images/BKGfooter2.gif) bottom left no-repeat; margin: 0 -1px -1px -1px; text-align: center; }
#contenthome img { margin: 0px 10px; display: inline; }

#flash_wrapper { background: #f0f0f0; height: 398px; border-top: 1px solid #fff; }
/***************************** CONTENT **********************************/
#content { height: 393px; border-top: 1px solid #fff;  }
#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content.price { height: 412px; }
#content.no_nav,
.no_nav { margin-top: 24px; height: 412px; }

#content.contentMarg,
.contentMarg { margin-top: 10px; height: 426px; padding-bottom: 20px; }

.no_top_nav { margin-top: 24px; }
.no_footer_nav { margin: 0px 0 19px 0; }
.back { margin-left: 260px;}

a.more { text-decoration: none !important; }

.imgbigcontainer { margin: 30px 0 0 27px; float: left; width: 502px; text-align: center; }
.imgbigcontainer span a { background: url(../images/BKGtopnavborderdark.gif) center right no-repeat; padding: 0 16px; text-decoration: none !important; }
.imgbigcontainer span a.last { background: none; }
#gallbox { height: 393px; width: 405; float: right; }
#content ul { list-style: none !important; padding: 0 0 0 4px; }
#content ul li { margin: 0 0 4px 0; background: url(../images/BULLITnav3.gif) left 6px no-repeat; padding: 0 0 0 12px; }
#content ol { list-style: decimal !important;  padding: 0 0 0 22px; }
.logosmall { margin: 10px 0 0 800px; float: right; position: absolute; display: block; } /* ne koristi se vise */
h3 { font-size: 21px; float: left; margin: 5px 0 0 11px; padding: 20px 0 0 0; font-weight: normal; width: 380px; }
h3 span { color: #999; }

#leftList { float: left; width: 749px; height: 393px; overflow: auto; }
#leftList ul  { padding: 0; overflow: hidden; zoom: 1; float: left; width: 366px;  }
#content #leftList li { width: 334px; float: left; background: none; padding: 0 0 10px 0; margin: 0 18px 20px 14px; *display: inline; border-bottom: 1px solid #999; }
#leftList .imgWrapper { display: block; margin-bottom: 5px; }
#leftList .imgWrapper img { display: block; }
#leftList .date { display: block; margin-bottom: -5px; }
#leftList h2  { float: none;  color: #999; font-size: 16px; font-weight: bold; margin: 0 0 5px 0; }
#leftList h2 a  { text-decoration: none; }
#leftList .text { margin-bottom: 2px; }

#sidebarBox { height: 393px; width: 187px; float: right; *margin-right: -10px; position: relative; *display: inline; }
#sidebarBox h3  { margin: 0; padding: 0; width: auto; font-size: 16px; font-weight: bold; text-align: center; float: none; width: 172px; }
#content #sidebarBox .box { height: 143px; overflow: auto; clear: left; width: 177px; margin-bottom: 9px; }
#content #sidebarBox ul { padding: 3px 0 0 0; background: #f3f3f3; margin-right: 5px; }
#content #sidebarBox li { padding: 0; margin: 0; background: none; padding: 0px 5px 8px 6px; line-height: 14px; }
#content #sidebarBox li span  { display: block; }

a.bannNews { border: 1px solid #333; display: block; text-align: center; margin-right: 10px; padding: 8px 0; background: #f3f3f3; font-size: 18px; text-decoration: none !important; }


#gallbox div#scrollbox,
#gallbox .divbox { padding-right: 10px; clear: left; width: 358px; height: 301px; overflow: auto; margin: 63px 0 0 12px; color: #666; }
#gallbox div#scrollbox { padding-right: 10px; width: 358px; line-height: 15px; }
#gallery { overflow: hidden; list-style: none !important; padding: 0 !important; }
#gallery li { float: left; margin: 0 11px 11px 0 !important; height: 67px; background: none !important; padding: 0 !important; }
#gallery li.last { margin: 0 0 11px 0; }
#gallery img { cursor: pointer; }
.divbox table { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
.divbox table th, .divbox table td { vertical-align: top; text-align: left; line-height: 19px; }
.divbox table th h4,
.divbox h4 { font-size: 11px; padding: 0 0 6px 0; font-weight: bold; }
.divbox h5 { font-size: 11; font-weight: bold; }
.divbox table th { font-weight: normal; padding-right: 15px; width: 140px; }
.hidden { display: none; }
#gallbox dl dt { font-weight: bold; font-size: 13px; color: #d0d0d0; margin: 0 0 7px 0; }
#gallbox dl dd { background: url(../images/BULLITdl.gif) left 6px no-repeat; padding: 0 0 3px 10px; line-height: 19px; }
#gallbox dl dd .more { display: block; padding-bottom: 12px; }
#gallbox dl dd.last { margin-bottom: 15px; }
#gallbox dl span a { text-decoration: none; cursor:pointer; }
#gallbox dl span, #gallbox dl span a { font-weight: bold; color: #666; }
.packagePriceCell { padding-left: 15px; }

.locations-holder a { cursor: pointer; }
.g-code { display: none; }

#gallbox .list-type-1 h4 a { text-decoration: none; font-size: 11px; }
#gallbox .list-type-1 dd    { padding-bottom: 10px; }

div.links a.link { display: block; padding: 5px 0 4px 0; width: auto;  float: left; }
div.links p { clear: left; }

#content #products-list                     { overflow: hidden; zoom: 1; height: 415px; margin-top: 9px; }
#content #products-list ul                  { padding: 0; }
#content #products-list li                  { width: 355px; /*height: 91px;*/ height:100px; background: none; padding: 0; float: left; margin: 0px 1px 10px 79px; /*overflow: hidden;*/ zoom: 1; }
#content #products-list li .block           { border: 1px solid #a9a9a9; margin-bottom: 2px; display: block; height: 68px; overflow: hidden; zoom: 1; }
#content #products-list li .block img       { display: block; }
#content #products-list li .block:hover img { opacity: 0.60; } 
#content #products-list li ul,
#content #products-list li li               { display: inline; float: none; margin: 0; height: auto; width: auto; line-height: 12px; }
#content #products-list li li a             { text-decoration: none; margin: 0 1px; }
#content #products-list li li a:hover       { color: #66b0bb; }

/* #content #products-list ul li ul li ul li { padding: 0 2px; text-align: center; } */

#charterwrapper, #pricewrapper { width: 896px; height: 357px; overflow: auto; margin: 27px 0 0 30px; color: #666; }
#pricewrapper { height: 239px; clear: both; margin: 0px 0 0 30px; }

#table { vertical-align: top; text-align: left; }
#table th, #table td  { vertical-align: top; font-size: 11px; font-weight: normal; color: #808080; }
#table table { background: #f6f6f6; width: 100%; vertical-align: top; text-align: left; }
#table td tr td { padding-bottom: 3px; }
#table td tr.top td , #table tr.top th { padding-top: 3px; }
#table th { color: #373b3c; }
#table td { width: 203px; padding: 10px 14px 0px 0; }
#table td a { text-decoration: none; color: #666; }
#table tr.first td { padding: 0px 14px 0px 0; }
#table td td, #table td th { width: auto; padding: 0 0 0 3px; line-height: 15px; }
#table td th { width: 132px; }
#table td td.right { text-align: right; padding-left: 0; padding-right: 3px; }
#table td a:hover img { opacity: 0.60; } 

.pricetable td { padding: 0px !important; text-align: center;  border-right: 1px solid #fff; height: 35px; vertical-align: middle !important; }
#table tr.gray td { background: #f5f5f5; }

#pricetitle { color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; margin: 21px 0 0 30px; }
#pricetitle td { border-right: 1px solid #fff; height: 30px; background: #626566;  vertical-align: middle; line-height: 14px; text-align: center; }
td.column1, #table td.column1 { width: 139px; }
#table td.column1 { font-weight: bold; text-align: left; padding-left: 16px !important; width: 123px; }
td.column2, #table td.column2 { width: 45px; }
td.column3, #table td.column3 { width: 78px; }
td.column4, #table td.column4 { width: 57px; }
td.column5, #table td.column5 { width: 53px; }
td.column6, #table td.column6 { width: 69px; }
td.column7, #table td.column7 { width: 74px; }
td.column8, #table td.column8 { width: 80px; }
td.column9, #table td.column9 { width: 95px; }
td.column10, #table td.column10 { width: 95px; }
td.column11, #table td.column11 { width: 62px; }

.subtext { color: #666; margin: 15px 22px 0 31px; padding-right: 20px; line-height: 13px; display: block; height: 80px; overflow: auto; }

/*span.downpdf { clear: both; display: block; font-weight: bold; text-align: center; padding-top: 5px; *padding-top: 15px; }
span.downpdf a { background: url(../images/BKGtopnavborderdark.gif) center right no-repeat; padding: 0 16px; }
span.downpdf a.last { background: none; }*/

span.downpdf { clear: both; display: block; font-weight: bold; position: absolute; width: 598px; padding-left: 340px; margin: 0;  padding-top: 5px; }
span.downpdf a { background: url(../images/BKGtopnavborderdark.gif) center right no-repeat; padding: 0 16px; text-decoration: none !important; }
span.downpdf a.last { background: none; }

.smallgall { height: 50px; padding: 40px 0 0 8px !important; list-style: none !important; }
.smallgall li { float: left; margin: 0 0 0 8px !important; padding: 0 !important; background: none !important;  }
.smallgall li a { border: 1px solid #fff; padding: 0 1px; display: block; }
.smallgall li a.on,
.smallgall li a:hover { border: 1px solid #ccc; }

#newsletterApl              { padding-top: 5px; }
#newsletterApl .txt         { border: 1px solid #999; padding: 0px 2px; font-size: 11px; color: #666;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#newsletterApl div          { overflow: hidden; zoom: 1; padding-bottom: 2px; *padding-bottom: 4px; }
#newsletterApl div label    { float: left; width: 65px; text-align: right; padding: 1px 5px 0 0; *padding: 3px 5px 0 0; }
#newsletterApl div .txt     { width: 260px; }
#newsletterApl span.note    { display: block; font-size: 10px; margin: -5px 0 0px 0; }

#newsletterApl fieldset                   { border: none; margin-bottom: 3px; overflow: hidden; zoom: 1; }
#newsletterApl fieldset.type-1 label.big  { padding-right: 10px; }
#newsletterApl fieldset.type-1 label      { padding-right: 3px; }
#newsletterApl fieldset.type-1 .check     { margin: 0px 10px 0 0; *margin: 0px 0px -2px -5px; }
#newsletterApl fieldset.type-1 .radio     { margin: 0px 10px -2px 0; *margin: 0px 0px -2px -5px; }
#newsletterApl fieldset.type-1 .txt       { width: 196px; *width: 203px; margin-right: 10px; }
#newsletterApl fieldset.type-1 img        { display: block; margin: 5px 0 0 0; }
#newsletterApl fieldset.type-2 label.big  { width: auto; display: block; float: none; }
#newsletterApl fieldset.type-2 label      { width: 59px; float: left; }
#newsletterApl fieldset.type-2 .check     { float: left; margin-right: 14px; *margin: -2px 12px 0px -5px; }
#newsletterApl fieldset.type-2 .last      { margin: 0; *margin: -2px 0px 0px -5px; }



#newsletterApl .error { display: block; margin: 5px 0 0 90px; color: red; }
#newsletterApl p.note  { padding: 0 0 20px 0; font-size: 14px; font-weight: bold; }
#newsletterApl img  { display: block; }
#newsletterApl .submitButton  { display: block; margin: 0 0 0 125px; cursor: pointer; display: block; border: 1px solid #999; background: #fff; width: 120px; color: #666; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/******************************* FOOTER ********************************/
#footer           { margin: 0 4px; background: #373b3c url(../images/BKGfooter.gif) bottom left no-repeat; height: 37px; color: #ccc; }
#footer .footLink { font-style: normal; display: block; margin: 10px 13px 0 13px; color: #fff; background: #373b3c; padding: 0 6px; }
#footer .left     { float: left; }
#footer .right    { float: right; }


/* DIMEDIA SIGN ******************************************************/
#sign {
  margin: 0px auto;
  display: block;
  margin-top: 1px;
  width: 908px;
  padding: 4px 25px 4px 25px;
  background: url(../images/pattern.gif) top left repeat;
}

#sign p { float: right; }

#sign a {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: black;
}

#sign a:hover {
  color: red;
}

#sign span {
  color: red;
}


/******************************************************************************/
/******* SELECTBOX ************************************************************/
/******************************************************************************/
div.selectbox-wrapper {
  position:absolute;
  width:148px;
  *width:150px;
  background-color:#373b3e;
  border:1px solid #fff;
  border-top: none;
  font-size:11px;
  max-height:200px;
  overflow:hidden;
  right: 0px;
  top: 20px;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:0px 7px;
  cursor:pointer;
  text-align: left;
}
div.selectbox-wrapper ul li.selected { background-color: #fff; color:#373b3e; }
div.selectbox-wrapper ul li.current { background-color: #fff; color:#373b3e; }
.selectbox{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:11px;
  width : 150px; 
  display : block;
  background: #373b3e url(../images/bg_select.gif) top right no-repeat;
  cursor: pointer;
  border: none;
  border:1px solid #fff;
  padding: 1px 0 2px 7px;
  color:#fff;
  float: left;
}