@CHARSET "UTF-8";
div, ul, li, span, a, p {
font-family:arial
}

div.Bemerkung p, div.Zubehor p {
color:#ffffff;
}

div.acc_content_container p a {
float: left;
width: 330px;
}

table.videos_content {
width:100%;
border:0px;
}
table.videos_content, table.videos_content tr, table.videos_content tr td {
background-color:#000000;
color:#ffffff;
border:0px;
}

div.over_image {
font-size: smaller;
left: 50px;
margin: 0px;
padding: 0px;
position: relative;
top: 40px;
width: 200px;
z-index: 100;
}

a:link, a:visited {
    color:#aaa;
}

a:hover {
    color:#ff6600
}
a:active {
    color:#ff6600
}

img {
    border:0;
    margin:0;
}
/**/
div#navcontainer {
    float:left;
    width:802px;
    height:28px;
    padding:0px;
    margin-top:10px;
    margin-left:10px;
    background:transparent url('../images/header_menu_bg.jpg') top left repeat-x;    
}

ul#navlist { font-family: sans-serif; }

ul#navlist a
{
    font-weight: bold;
    text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
    list-style-type: none;
}

ul#navlist {
    background:transparent url('../images/header_menu_left.jpg') top left no-repeat;
    padding:0px 0px 0px 6px;
    margin:0px;
    height:28px;
    width:796px;
    display:block;
}

ul#navlist li { float: left; display:block; margin-top:0px; }

ul#navlist li a
{
    background:transparent url('../images/header_menu_left.jpg') top right no-repeat;
    padding: 6px 10px 6px 6px;
    text-align:center;
    color:#ddd;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    font-size:11px;
    display:block;

}

ul#navlist li a:hover
{
color: #fff;
}

ul#navlist li a:active
{
color: #aaa;
background-color: #666;
}

ul.subnavlist { display: none; background:#000; margin-top:0px; padding:0px; margin:0px  }
ul.subnavlist li { float: none;margin:0px;background:none }

ul.subnavlist li a
{
    background:none;
    background-image:none;
    display:block;
    padding: 0px;
    margin: 0px;
    font-size:10px
}

ul#navlist li:hover ul.subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 0px;
}

ul#navlist li:hover ul.subnavlist li a
{
display: block;
height:10px;
background:none;
border: none;
font-size:10px;
padding: 5px 2px 10px; 2px;
margin:0px;
}
/*
setting menuItem widths
*/
/*for main navigation*/
ul#navlist li a.menuItem_5 {width:90px}
ul#navlist li a.menuItem_6 {width:130px}
ul#navlist li a.menuItem_7 {width:90px}
ul#navlist li a.menuItem_8 {color:#ff0000;width:110px}
ul#navlist li a.menuItem_9 {width:90px}
ul#navlist li a.menuItem_10 {width:100px}
ul#navlist li a.menuItem_11 {width:74px}
/*for footer*/
ul#footerMenuUl li a.menuItem_14 {width:200px
/*height:23px;
margin-left:29px;
padding:14px 0 0;
width:179px;*/
}
ul#footerMenuUl li a.menuItem_15 {width:200px}
ul#footerMenuUl li a.menuItem_16 {width:60px}
ul#footerMenuUl li a.menuItem_17 {width:60px}
ul#footerMenuUl li a.menuItem_18 {width:70px}
ul#footerMenuUl li a.menuItem_19 {width:70px}
ul#footerMenuUl li a.menuItem_20 {width:70px}
ul#footerMenuUl li a.menuItem_21 {width:70px}
ul#footerMenuUl li a.menuItem_22 {width:93px}
ul#footerMenuUl li a.menuItem_23 {width:50px}


/*
*
*

ACCORDION

*
*
*/

#accordion div.accordion_content {
    background:#34393f;
    background:#111923;
    color:#7f9191;
    width:349px;
    height:298px;
    overflow:hidden;
    display:none;
}

.acc_content_container {
    width:344px;
/*    height:298px;   */
/*height: 335px;*/
height:370px;
    background:#34393f;
    overflow:hidden;
}

.acc_content_container p {
    padding:3px;

}


#accordion h3 {
    background: transparent url('../images/accordion_header_back.jpg') top left no-repeat;
    border:0px solid #929292;
    height:29px;
    margin:0px;
    padding:4px;
    width:336px
}

#accordion h3 .links {
    display:block;
    margin: 3px 0px 0px 0px;
    padding: 3px 0px 7px 0px;
    text-decoration:none;
    height:13px;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
    background: transparent url('../images/icons.jpg') right 0px no-repeat;
}

#accordion div.numbers {
width:42px;float:left; padding-left:8px
}


#showcase_pagination {
    border-top:1px solid #2c2c2c;
    background:#121212;
    position:absolute;
    bottom:0px;
    height:30px;
    width:694px;
    z-index:1000;
    display:none;
}

/*
    using icons.jpg as a sprite
    icons are 23px high so we use the multipliers of 23
    
*/
#accordion #link_1 {background-position: right 0px;}
#accordion #link_2 {background-position: right -23px;}
#accordion #link_3 {background-position: right -46px;}
#accordion #link_4 {background-position: right -69px;}
#accordion #link_5 {background-position: right -92px;}


#accordion div.content_header {
    width:264px;
    height:28px;
    font-size:18px;
    background: transparent url('../images/accordion_content_header_bg.jpg') left top no-repeat;
    font-family:Century Gothic, Lucida Sans Unicode;    
    text-transform: uppercase;
    color:#bbb;
    padding: 15px 0px 10px 80px;
}


#accordion div.virtual_tour_container {
    width:344px;
    height:53px;
    font-size:18px;
    background: transparent url('../images/accordion_vts_bg.jpg') left top no-repeat;
    font-family:Century Gothic, Lucida Sans Unicode;    
    text-transform: uppercase;
    color:#bbb;
    padding: 0px 0px 0px 0px;
    position:relative;
}

#accordion div.virtual_tour_container div.img {
    border:1px solid #777;
    margin:0px 2px;
    width:80px;
    height:51px;
    position:relative;
    float:left;
}
#accordion div.tooltip {
    height:47px;
    width:336px;
    padding:3px;
    border:1px solid #fff;
    position:absolute;
    top:-55px;
    left:0px;
    font-size:10px;
    background:#121212;
    color:#fff;
    display:none;
}
#accordion div.vt_title {
    width:76px;
    padding:2px;
    position:absolute;
    display:none;
    font-size:10px;
    top:1px;
    background:black;
    float:left;
}

div.vt_title_0 {left:3px;}
div.vt_title_1 {left:89px;}
div.vt_title_2 {left:175px;}
div.vt_title_3 {left:261px;}

div.justTooltip {
    float:left;width:235px;margin:5px;height:30px;border:1px solid #999;font-size:10px;padding:3px; color:#fff;
    
}

#accordion div.content_header_text {
    font-size:10px;
    padding: 5px 10px 10px 65px;    
    text-align:center;
    height:38px;    
    width:269px
}

#accordion div#standards_and_options {
width:331px; height:49px;border:1px solid #aaa; margin:3px auto 0px auto
}
.spec_standards, .spec_options {
    display:block;
    float:left;
    padding-top:14px;
    text-align:center;
    text-decoration:none;
    text-transform: uppercase;
    font-weight:bold;
    font-size:14px;
    font-family:Century Gothic, Lucida Sans Unicode;
    color:#bbb
}

.spec_standards{
height:35px;
width:135px;
background-image: url('../images/spec_btn_bg.jpg');
background-position: 0px 0px;
background-repeat: no-repeat;
}
.spec_standards:hover {background-position:0px -49px}

.spec_options {
height:35px;
width:141px;
background-image: url('../images/spec_btn_bg.jpg');
background-position: -135px 0px;
background-repeat: no-repeat;
}
.spec_options:hover {background-position:-135px -49px}

a.spec_pdf{
display:block;height:49px;width:55px;
float:left;
background-image: url('../images/spec_btn_bg.jpg');
background-position: -276px 0px;
background-repeat: no-repeat;
}
a.spec_pdf:hover {background-position:-276px -49px}

#spec_options_det, #spec_standards_det {
    height:185px;
    overflow:auto;
    margin-right:5px;
    padding:3px;    
    color:#fff;
    font-size:12px
    }
    
#spec_options_det div, #spec_standards_det div {
    max-height:130px;
    overflow:auto;  
}   
/**/
/**/
/**/

body {
    font-family: arial;
    background: #333; /*url('../images/background1.jpg') repeat scroll center center;*/
    
}

div {
    font-family: arial
}

#outer {
    width:1063px;
    padding-right:45px;
    padding-left:37px;
    background:none;
    /*background: transparent url('../images/background.jpg') top left no-repeat;*/
    margin:auto;
}
#wrapper {
    width:1063px;
    background: transparent url('../images/wrapper_bg.jpg') top left repeat-y;
    margin:auto;
}

/*
*
*
*

HEADER

*
*
*
*/

div#header_top {
    height:14px;
    padding:0px;
    margin: -1px 0px 0px 7px;
    width:1050px;
    background: transparent url('../images/header_top.jpg') top left no-repeat;
}

div#header {
    height:51px;
    width:1050px;
    margin:0px;
    padding:0px;
    margin: 0px 0px 0px 7px;
    background: url('../images/header_03.jpg') top left repeat-x;
}

div#header div#logo {
    float:left;
    width:223px;
    height:51px;
    margin:0px;
    padding:0px;
    background:transparent;
}

div#header div#logo img { border:0px; margin:0px;}



div#header_bottom {
    height:11px;
    padding:0px;
    margin: 0px 0px 0px 7px;
    width:1050px;
    background: transparent url('../images/header_bottom.jpg') top left no-repeat;
}
/*
*
*
*

CONTENT

*
*
*

*/

div#content {
    height:491px;
    width:1050px;
    margin: 0px 0px 0px 7px;
}

div#content div#rightBar{
    float: right;
    width:350px;
    height:483px;
    background:#111923;
    border:1px solid #8d8e8f;
    padding:3px 0px 3px 3px;
}


div#content .video {
    height:192px;
    width:341px;
    background:#777;
    color:#222;
    border:1px solid #8d8e8f    
}
div#content div.text {
    height:90px;
    width:311px;
    background:#414350;
    color:#f3f3f3;
    padding:15px;
    border:1px solid #8d8e8f;
    font-size:12px
    
}
div#content div#rightBar h1 {
    background:transparent url('../images/text.h1_background.jpg') top left no-repeat;
    height:28px;
    width:341px;
    padding: 12px 0px 8px 0px;
    margin:3px 0px 0px 0px;
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    font-weight:none;
    font-family:arial;
    text-align:center;
    border:1px solid #8d8e8f;
    border-bottom:0px;
}


div#content div#left_content{
    float: left;
    width:694px;
    height:491px;
    border-right:1px solid #666;
    background:#111923;
    color:#fff
}

div#content div#leftBar{
    float: left;
    width:343px;
    height:483px;
    background:#111923;
    border:1px solid #8d8e8f;
    padding:3px 5px;
}


div#leftBar h1 {
    font-family:Century Gothic, Lucida Sans Unicode;
    background:transparent url('../images/text.h1_background.jpg') top left no-repeat;
    height:28px;
    width:341px;
    padding: 12px 0px 8px 0px;
    margin:3px 0px 0px 0px;
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    border:1px solid #8d8e8f;
    border-bottom:0px;
    font-weight:lighter;
}


div#content div#right_content{
    float: left;
    width:694px;
    height:491px;
}
/*
*
*
*

LAYOUT 3

*
*
*
*/

div#content div#pictureBar{
    float: right;
    width:359px;
    height:483px;
    background:#111923;
    border:1px solid #8d8e8f;
    padding:0px;
    margin:0px;
}

div#content div#left_content_container{
    float: left;
    width:687px;
    height:491px;
    border-right:1px solid #666
}

div#bigHeader {float:left; height:48px; width:584px; background:#000 url('../images/layout3_top_header_bg.jpg') left top repeat-x;border:1px solid #888;}
div#bigHeader div#leftBgPic {float:left;width:60px; height:47px;margin:0px;background:transparent url('../images/layout3_top_header_left.jpg') left top no-repeat}
div#bigHeader h1 {font-size:22px; font-family:Century Gothic, Lucida Sans Unicode;font-weight:lighter;color:#f6f6f6;text-transform:uppercase;margin:0px;padding-top:10px;}
div#left_content_container div#rightLogo {float:left;height:48px; width:99px; background:#000 url('../images/layout3_right_header.jpg') left top no-repeat;border:1px solid #8d8e8f}
div#smallHeader {clear:both; height:31px; width:683px; background:#000 url('../images/layout3_h2_back.jpg') left top repeat-x;border:1px solid #282a29}
div#smallHeader h2 {font-size:12px; font-family:Century Gothic, Lucida Sans Unicode;color:#333;text-transform:uppercase;margin:0px;padding:8px 20px;}
div#textContent_container {float:left; height:316px; width:524px; background:#000 url('../images/layout3_content_back.jpg') left top repeat-x;border:1px solid black;padding:30px 30px 60px 30px;}
p#textContent {padding:10px; color:#fff;font-size:12px;line-height:24px;overflow:auto;height:280px}
div#rightLine {float:left; height:406px; width:99px; background:#000 url('../images/layout3_content_right.jpg') left top no-repeat;border:1px solid #8d8e8f}

div#longText {padding:10px; color:#fff;font-size:12px;line-height:24px;overflow:auto;height:280px}
div#longText p img[width="300"] {
float:left;
margin-right:10px;
}
/*
*
*
*

FOOTER BAR

*
*
*
*/

div#footerBar {
    height:77px;
    width:1051px;
    padding:0px;
    margin-left:7px;
    background: transparent url('../images/footer_bar_08.jpg') top left repeat-x;
}
div#footerBar div#barLeft {
    height:77px;
    width:4px;
    margin: 0px;
    float:left;
    background: transparent url('../images/footer_bar_07.jpg') top left no-repeat;

}
div#footerBar div#barMain {
    height:77px;
    width:766px;
    margin: 0px 0px 0px 0px;
    float:left;
    background: transparent;

}

div#footerBar div#montereyBoats {
    float:right;
    margin-top:4px;
    width:280px;
    height:70px;
    position:relative;
    background: transparent url('../images/footer_bar_monterey_boats.jpg') left top no-repeat;
}

div#montereyBoats .boatName {
    position:absolute;
    width:172px;
    height:51px;
    padding-top:15px;
    margin:auto;
    background:#111923;
    font-family:Century Gothic, Lucida Sans Unicode;    
    color:#fff;
    font-size:24px;
    text-align:center;
    left:73px;
    top:2px;
}

/*
*
*
*

FOOTER NAVIGATION

*
*
*
*/

#footerNavigation {
    width:1040px;
    margin:0px 0px 0px 7px;
    height:55px;
    clear:both;
    padding: 7px 5px;
    background:#000 url('../images/footer_navigation_bg.jpg') top left repeat-x;
}

#footerNavigation ul#footerNav {
    width:531px;
    height:52px;
    margin: 0px;
    padding:0px;
    display:block;
    float:left;
}

#footerNavigation ul#footerNav li {
    display: block;
    float:left;
}

#footerNavigation ul#footerNav li a {
    display:block;
    font-family: arial;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    padding:20px 0px 10px 0px;
    background:transparent
}

#footerNavigation ul#footerNav li.bootMenuItem_27 a {
    width:111px;
    height:32px;
    background: transparent url('../images/footer_nav_01.jpg') top left no-repeat;
}
#footerNavigation ul#footerNav li.bootMenuItem_28 a{
    width:111px;
    height:32px;
    background: transparent url('../images/footer_nav_02.jpg') top left no-repeat;
}
#footerNavigation ul#footerNav li.bootMenuItem_29 a {
    width:111px;
    height:32px;
    background: transparent url('../images/footer_nav_03.jpg') top left no-repeat;
}
#footerNavigation ul#footerNav li.bootMenuItem_30 a {
    width:192px;
    height:32px;
    background: transparent url('../images/footer_nav_04.jpg') top left no-repeat;
}

#footerNavigation div#announces {
    height:50px;
    padding 10px;
    width:395px;
    border:1px solid #666666;
    float:left;
}

#footerNavigation div#announces a {
    border:0px;
    margin:4px 5px;
    display:block;
}

#footerNavigation div#bootCalculator {
    height:50px;
    padding 10px;
    width:103px;
    border:1px solid #666666;
    float:right;
    background: transparent url('../images/boot_locator_bg.jpg') top left no-repeat;
}
#footerNavigation div#bootCalculator a {
    color:#ddd;
    font-weight:bold;
    display:block;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:103px;
    padding-top:9px;
    padding-bottom:8px;
    font-size:14px;
}

/*
*
*
*

FOOTER MENU

*
*
*
*/

#footerMenuDiv {
    clear:both;
    padding:0px;
    margin:auto;
    width:1063px;
    height:37px;
    background:#333 url('../images/footer_menu_01.jpg') top left no-repeat;
}
#footerMenuUl {
    padding:0px;
    margin:0px; 
    width:1053px;
    margin-left:10px;
    height:37px;
    background:transparent url('../images/footer_menu_13.jpg') top right no-repeat;
}

#footerMenuUl li {
    height:37px;
    display:block;
    padding-left:11px;  
    float:left;
    background:transparent url('../images/footer_menu_li.jpg') top left no-repeat;
}

/*
this is the first menu item ofthe footer
need because of ie6 not knowing :first-child
change menuItem_14 to menuItem_{N}
where N is the catid of the first cat to show 
*/

#footerMenuUl li:first-child, #footerMenuUl li.first, #footerMenuUl li.menuItem_14 {
    padding-left:0px;
    background:transparent;
}

#footerMenuUl li:first-child a {
}

#footerMenuUl li a {
    height:39px;
    font-family:arial;
    font-size:8px;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    color:#ccc;
    display:block;
    padding:0;
    text-align:center;
    float:left;
    background:transparent url('../images/footer_menu_02.jpg') top left repeat-x;
}
#footerMenuUl li a.pic {
    padding-top:12px;
    height:20px;
}
#footerMenuUl li a.pic span {
    font-size:10px;
    color:#fff;

}

ul#footerMenuUl a {

}

span.footerMenuLink {
    
    height:18px;
    padding:14px 0px 5px 0px;
    display:block;
    width:100%;
    }

span#menuItemPic_14 {
    background: transparent url('../images/footer_menu_promo.jpg') left top no-repeat;
    font-size:10px;
    color:#fff;
    padding:12px 0px 7px 0px;
/*background:url("../images/footer_menu_promo.jpg") no-repeat scroll left top transparent;
color:#FFFFFF;
font-size:10px;
padding:0 0 19px;*/

}


span#menuItemPic_15 {
    background: transparent url('../images/footer_menu_slideshow.jpg') left top no-repeat;
    font-size:10px;
    color:#fff;
    padding:12px 0px 7px 0px;   
}

/**

*/
div.spec_header {
height:48px; margin-bottom:30px;
border:1px solid #aaa;
background: transparent url('../images/spec_header.jpg') left top no-repeat;
}

div.spec_header div.sub_title {
    width:82px;
    height:38px;
    font-size:16px;
    font-weight:bold;
    color:#ddd;
    text-align:center;
    line-height:12px;
    float:left;
    padding-top:15px;
    text-transform:uppercase;
}

div.spec_header h1 {
    float:left;
    font-size:16px;
    font-family:Century Gothic, Lucida Sans Unicode;    
    padding-left:15px;
    font-weight:lighter;
    color:#fff;
    text-transform:uppercase;
}

#specPicNavigator {
    float:left;background:#111923; width:210px; margin-right:0px; height:400px;
}

#specPicNavigator div.specThumbPic {
    float:left;margin:5px 0px 5px 10px;width:85px;height:85px;border:1px solid white
}

#specContent {
    float:left;background:#2b333e; border:1px solid #aaa;width:327px; margin-right:5px; height:400px;
}

#specContent div.specPic {
    float:left;margin:0px;width:317px;height:390px;margin:4px;border:1px solid #aaa;background: transparent url('../images/spec_content_bg.jpg') top left repeat-y;display:none
}

#specContent div.specPic div.title {
    background: transparent url('../images/spec_pic_title_bg.jpg') left top no-repeat;
    padding:8px 0px 0px 47px;
    color:#333;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
    font-family:Century Gothic, Lucida Sans Unicode;    
    width:270px;
    height:25px;
}

#specContent div#desc {
    float:left;margin:5px 0px 5px 10px;color:#ddd;font-size:12px;line-height:18px;padding:0px

display: block;
max-height: 390px;
overflow: auto;
padding-right: 7px;
text-align: justify;
width: 306px;
}

#specBoatMap {
    float:left;background:#111923; width:140px; margin:0px 5px; height:400px;
}

#specBoatMap div.boatMapImage {
}

/**


*/

table {
    height:230px;
    width:250px;
    border-collapse:collapse;
    margin:5px auto;
}

table td {
    background:#b4b5b9;
    color:#fff;
    border:2px solid #fff;
    font-size:10px;
}

table td.head {
    background:#eaebed;
    color:#565759;
}

/**


*/

img.boatThumbnailImg {
    float:left;
    position:absolute;
    top:10px;
    left:2px;
}

.boatThumbnailContainer {
    position:relative;width:85px;height:60px;float:left;z-index:1005;
}

.boatThumbnailContainer a {
    display:block;
    }

    /**/
    
    img.boatThumbnailImg {
    border:1px solid #121212;
    float:left;
    position:absolute;
    top:10px;
    left:2px;
    
}


#showcase_right {
    position:relative;
}

#right_content {
    position:relative;
}
    

#slider {
    position:relative;
    background:none;
    
}

.sliderImgContainer {
    position:absolute;
    top:0px;
    left:0px;
    display:none;

}


.sliderImgContainer:first-child {
    display:block;
}

div.boatImgTitle {
    display:none;
    font-size:12px;
    font-weight:bold;
    width:93px;
    position:absolute;
    top:-10px;
    left:-6px;
    color:#fff;
    z-index:1005;
    text-align:center;
}

div.boatImgTitleBG {
    display:none;background:black;text-decoration:none;font-size:12px;font-weight:bold;width:93px;position:absolute;top:-12px;left:-6px;color:#fff;z-index:1004;height:20px;
    opacity:0.5;
    filter:alpha(opacity=50);
}