﻿/* -------------- GENERALS ------------------*/

body
{
    background-image: url(../images/Bodyback.jpg);
    background-repeat: repeat-x;
    background-color: #cce3f1;
    font-family: Arial;
    font-size: 12px;
    color: #646464;
}
img
{
    border: none;
}
a
{
    text-decoration: none;
    color: #000;
}

/* -------------- GENERAL TYPOGRAPY ------------------*/

h1
{
    color: #4691B7;
    font-weight: normal;
    margin: 15px 0px;
    padding: 0px;
    font-size: 22px;
}
h2
{
    color: #4691B7;
    font-weight: normal;
    margin: 10px 0px 5px 0px;
    padding: 0px;
    font-size: 16px;
}
h3
{
}

/* -------------- SITESTRUCTURE ------------------*/



#AllHolder /*- Innehåller siteyta plus annonser*/
{
    width: 1160px;
    float: left; /*margin:0px auto;*/
}
#SiteWrapper /* - Innehåller siten (allt i den vita ytan inkl vit bakgrund) */
{
    width: 900px;
    margin: 0px 10px 0px 0px;
    height: 100px;
    float: left;
}

#A_d_sHolder /* - Innehåller annonser till höger*/
{
    width: 250px;
    float: right;
    height: 202px;
    margin: 20px 0px 0px 0px;
}
#A_d_sHolder img
{
    margin: 0px 0px 10px 0px;
}

/* -------------- DYNAMIC SITEBACKGROUND ------------------*/

#SiteBackground_bottom, #SiteBackground_content, #SiteBackground_top
{
    width: 902px;
    float: left;
}
#SiteBackground_top
{
    height: 14px;
    background-image: url(../images/dynBoxes/SiteBack_top.png);
    background-repeat: no-repeat;
}
#SiteBackground_content
{
    background-image: url(../images/dynBoxes/SiteBack_content.png);
    background-repeat: repeat-y;
    padding: 0px 0px 10px 0px;
}

#SiteBackground_bottom
{
    height: 14px;
    background-image: url(../images/dynBoxes/SiteBack_bottom.png);
    background-repeat: no-repeat;
}
#Sitecontent /* - Hållare för allt inuti den vita bakgrunden -- */
{
    width: 874px;
    float: left;
    margin: 0px 15px;
}


/* -------------- TOP / NAV ------------------*/

#TopHolder /* - Innehåller Topbild,Logo,SweboatLogo,Topsök,Menyn*/
{
    width: 874px;
    float: left;
}
#TopImage
{
    background-repeat: no-repeat;
    height: 255px;
    width: 874px;
    float: left;
}
#TopLogo
{
    width: 232px;
    height: 102px;
    margin: 18px 0px 0px 21px;
    position: absolute;
}

#TopSearch
{
    height: 25px;
    margin: 25px 0px 0px 670px;
    text-align: right;
    position: absolute;
}
.Searchbtn
{
    position: absolute;
    margin: 2px 0px 0px 4px;
}
.SearchInput
{
    height: 13px;
    font-size: 11px;
    width: 129px;
}

#TopSweboatLogo
{
    width: 95px;
    height: 50px;
    margin: 189px 0px 0px 760px;
    position: absolute;
}
#TopNav
{
    float: left;
    color: #4691B7;
    width: 864px;
}
#MenyRow1 /*Översta menyraden*/
{
    width: 874px;
    float: left;
    border-bottom: solid 1px #f3f3f3;
}
#MenyRow1 a
{
    padding: 8px 9px;
    border-right: solid 1px #f3f3f3;
    float: left;
    font-size: 13px;
    color: #8d8c8c;
}
#MenyRow1 a:hover
{
    background-color: #a2d7f2;
    color: #fff;
}
#MenyRow2 /*Undre menyraden*/
{
    width: 874px;
    float: left;
    border-bottom: solid 1px #f3f3f3;
}
#MenyRow2 a
{
    color: #8d8c8c;
    font-size: 12px;
    padding: 8px 10px;
    float: left;
}
#MenyRow2 a:hover
{
    color: #7bb1cd;
}

/* -------------- MAINAREA------------------*/

#MainAreaContent /*- Innehåller vänsterdel och högerdel på huvudyta */
{
    float: left;
    width: 840px;
    padding: 0px 10px;
    margin: 25px 0px 0px 0px;
}
.LargePuff
{
    cursor: pointer;
    width: 450px;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px; /*border-top:dotted 1px #4691B7; */
    border-bottom: dotted 1px #4691B7;
    float: left;
}
/*
.LargePuff  h1
{
        color: #4691B7;
    font-weight: normal;
    margin: 10px 0px 5px 0px;
    padding: 0px;
    font-size: 16px;
}
 */
.LargePuff_text
{
    line-height: 14px;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}
/* -------------- LEFTAREA---------------------------------------*/
#LeftArea
{
    width: 450px;
    float: left;
    margin: 0px 65px 0px 0px;
}

#LeftArea p
{
    font-size: 12px;
    line-height: 20px;
}

/* ---- LEFTAREA PUFFS--------*/

.LeftAreaPuff_Left
{
    width: 210px;
    margin: 0px 24px 37px 0px;
    float: left;
}
.LeftAreaPuff_Right
{
    width: 210px;
    float: left;
    margin: 0px 0px 37px 0px;
}
.LeftAreaPuff_Left img, .LeftAreaPuff_Right img
{
    margin: 0px 0px 5px 0px;
}
.LeftAreaPuffs_text
{
    line-height: 14px;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}
.LeftAreaPuff_Left:hover, .LeftAreaPuff_Right:hover
{
    background-color: #F0F7FB;
    cursor: pointer;
}


/* -------------- RIGHTAREA---------------------- */

#RightArea
{
    width: 325px;
    float: right;
}

/* ----- RIGHTAREA PUFFS ------ */

.RightPuffHolder
{
    width: 325px;
    float: left;
    margin: 10px 0px;
    color: #646464;
    cursor: pointer;
}
.RightPuffHolder img
{
    text-align: center;
}
.RightPuffBack_Top
{
    width: 325px;
    float: left;
    height: 12px;
    background-image: url(../images/dynBoxes/RightPuffBack_Top.jpg);
}
.RightPuffBack_Content
{
    width: 325px;
    float: left;
    background-image: url(../images/dynBoxes/RightPuffBack_Content.jpg);
    background-repeat: repeat-y;
}
.RightPuffContent
{
    width: 295px;
    text-align: center;
    float: left;
    margin: 1px 16px;
}
.RightPuffContent_text
{
    width: 280px;
    text-align: left;
    padding: 0px;
    margin: 0px 5px 0px 5px;
    line-height: 15px;
    font-size: 11px;
    float: left;
}
.RightPuffContent_text p
{
    padding: 0px;
    margin: 10px 0px;
}
.RightPuffBack_Bottom
{
    width: 325px;
    float: left;
    height: 12px;
    background-image: url(../images/dynBoxes/RightPuffBack_Bottom.jpg);
}


/*----------- ARTICLE PAGES -----------------------*/
#ArticleContent
{
    line-height: 20px;
}
#ArticleContent a:hover
{
    text-decoration: underline;
}
#Article2Content
{
}

#Article2Content img
{
}

.ArtTopHolder
{
    margin: 0px 0px 25px 0px;
}

#ArticleContent h1, #Article2Content h1, .FindBoatContent h1, .divChooseBoatHolder h1
{
    color: #4691B7;
    font-weight: bold;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    line-height: 37px;
    font-size: 32px;
}
.SmallGrayText
{
    font-size: 9px;
    color: #646464;
    margin: -6px 0px 0px 0px;
}
.Ingress
{
    color: #4691B7;
    font-family: Georgia, Times New Roman;
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 10px 0px;
}

#ArticleFooter
{
    font-size: 11px;
    padding: 5px 0px;
    margin: 45px 0px 0px 0px;
}

#ArticleFooter img
{
    margin: 0px 3px;
    vertical-align: text-bottom;
}

#ArticleFooterShare
{
    border-bottom: solid 1px #e8e8e8;
    padding: 5px 0px;
    margin: 10px 0px;
    border-top: solid 1px #e8e8e8;
    color: #929292;
}
#ArticleFooterShare a
{
    color: #929292;
    line-height: 18px;
}

/*--- Article Images formats ----*/

.ArticleBigImage
{
    font-size: 9px;
    width: 450px;
    color: #646464;
    text-align: right;
}
.ArticleLeftImage
{
    width: 225px;
    font-size: 9px;
    color: #646464;
    float: left;
    margin: 0px 10px 0px 0px;
}
.ArticleRightImage
{
    width: 225px;
    font-size: 9px;
    color: #646464;
    text-align: right;
    float: right;
    margin: 0px 0px 0px 10px;
}
.ArticleImageTextHolder
{
    width: 100%;
    float: left;
}

.ArticleImageText
{
    float: left;
    margin: 3px 0;
    text-align: left;
    width: 70%;
}
.ArticleImageRating
{
    float: left;
    margin: 6px 0px 3px 0px;
    padding: 5px 0px 0px 0px;
    text-align: left;
    font-size: 11px;
    border-top: dotted 1px #4691B7;
    width: 100%;
}
.ArticleImageRating span
{
    margin: 3px 0;
    color: #4691B7;
    font-weight: bold;
    font-size: 13px;
}

.ArticleImageRating img
{
    padding: 5px 2px 5px 2px;
}

.ArticleImagePho
{
    text-align: right;
    float: right;
    margin: 3px 0;
    width: 30%;
}
.ArticleSmallImagePho
{
    text-align: right;
    float: right;
    margin: 3px 10px 3px 0px;
    width: 205px;
}
.ArticleSmallImagePhoRight
{
    text-align: right;
    float: right;
    margin: 3px 0;
    width: 215px;
}

.art3Img
{
    margin: 10px 10px 10px 0px;
}

/*----------- MAP PAGE-----------------------*/

#MapHolder
{
    width: 450px;
    height: 600px;
    margin: 30px 0px 0px 0px;
}
.divMapPointsExp
{
    border-top: 1px solid #DDDDDD;
    margin: 5px 0 -5px;
    padding: 5px 0 1px;
    width: 450px;
}
.divMapPointsExp span
{
    float: left;
    font-size: 11px;
    margin: 0 13px 0 0;
}
.divMapPointsExp img
{
    width: 20px;
    vertical-align: middle;
}
/*--- MAP PAGE - rightcolum ---*/

.MapRightColum_Top
{
    width: 251px;
    float: left;
    height: 12px;
    background-image: url(../images/dynBoxes/MapRightColum_top.jpg);
}
.MapRightColum_Content
{
    width: 251px;
    float: left;
    background-image: url(../images/dynBoxes/MapRightColum_content.jpg);
    background-repeat: repeat-y;
}
.MapRightColumContent
{
    width: 251px;
    text-align: center;
    float: left;
    margin: 1px 16px;
}
.MapRightColum_text
{
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin: 5px;
    padding: 0;
    text-align: left;
    width: 210px;
}
.MapRightColum_text p
{
    padding: 0px;
    margin: 10px 0px;
}
.MapRightColum_Bottom
{
    width: 251px;
    float: left;
    height: 12px;
    background-image: url(../images/dynBoxes/MapRightColum_bottom.jpg);
}
.MapInputs
{
    display: block;
    margin: 4px 0px 8px 0px;
    width: 210px;
}
.MapInputText
{
    height: 14px;
    margin: 0px 2px 0px 0px;
    vertical-align: text-top;
    width: 150px;
}
.MapSearchbtn
{
    vertical-align: text-top;
}
#HitCount
{
    font-size: 11px;
    float: left; /* nytt - ej från design*/
}

#HitListPages
{
    margin: 4px 0px;
    text-align: right; /* nytt - ej från design*/
}

#HitListPages img
{
    vertical-align: text-bottom;
}
#MapSearchHitList
{
    margin: 10px 0px;
}
#MapSearchHitList ol
{
    color: #ff9c2b;
    margin: 10px 0px 0px 32px;
    padding: 0px;
}
#MapSearchHitList li a
{
    color: #ff9c2b;
    text-decoration: underline;
    text-transform: lowercase; /* nytt - ej från design*/
}
#MapSearchHitList li a:hover /* nytt - ej från design*/
{
    color: #322f2c;
}
#MapSearchHitList li
{
    margin: 8px 0px; /* nytt - ej från design förr 5px 0px*/
}
#divType
{
    border-bottom: solid 1px #e7e7e7;
    padding: 0px 0px 4px 0px;
}
.showhits
{
    padding: 3px 0px 5px 0px;
    font-style: italic;
    margin: 0px;
}
.showThis
{
    /* nytt - ej från design förr 5px 0px*/
    width: 190px;
    float: left;
}

/*---------------------------BLOG-----------------------*/

.BlogItem
{
    border-bottom: dotted 1px #4691B7;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
}
.BlogItemFooter
{
    text-align: right;
    font-size: 11px;
    margin: 5px 0px 0px 0px;
}

.BlogItemFooter a
{
    color: #4691B7;
    margin: 0px 0px 0px 10px;
}
.BlogItemFooter a:hover
{
    color: #636c71;
}
.headerlink
{
    color: #4691B7;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 5px;
    padding: 0;
    float: none;
    display: block;
}




.BlogWriterInfo
{
    width: 295px;
    line-height: 18px;
    text-align: left;
    border-bottom: solid 1px #efefef;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    cursor: default;
    font-size: 11px;
}

.BlogWriterInfo span
{
    color: #4691B7;
}

.BlogArchive
{
    width: 295px;
    line-height: 18px;
    text-align: left;
    font-size: 11px;
}

.BlogArchive a
{
    width: 295px;
    color: #646464;
    margin: 2px 0px;
    float: left;
}

.BlogArchive h2
{
    margin: 20px 0px 0px 0px;
}

.BlogArchive a:hover
{
    color: #4691B7;
}
.BlogAddComment
{
    margin: 10px 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: dotted 1px #4691B7;
}

.BlogComments
{
}

.BlogCommentInput
{
    font-size: 11px;
    height: 14px;
    margin: 10px 10px 12px 0;
    width: 166px;
    vertical-align: middle;
}
.BlogCommentArea
{
    width: 440px;
    font-family: Arial;
    font-size: 12px;
    margin: 0px 0px 10px 0px;
    height: 100px;
}
.BlogComment
{
    padding: 5px 0px 10px 0px;
    border-bottom: dotted 1px #4691B7;
    margin: 10px 0px;
}
.BlogCommentWriter
{
    font-size: 11px;
}

/*--------------COMPETITION----------------*/

.spacebar
{
    width: auto;
    height: 2px;
    padding: 5px 0px;
    border-bottom: solid 2px #4691B7;
}
.CompetitionItem
{
    border-bottom: solid 2px #4691B7;
    padding: 0px 0px 10px 0px;
    float: left;
}
.CompetitionItem h2
{
    font-size: 20px;
    padding-bottom: 5px;
}
#Competetion hr
{
    color: #54afc0;
}
.pageNumber_nav
{
    width: auto;
    text-align: right;
    padding: 5px 0px;
    border-bottom: solid 1px #e1eaee;
    border-top: solid 1px #e1eaee;
}

.pageNumber_nav a
{
    margin: 0px 3px;
    font-weight: bold;
    color: #377798;
}
.pageNumber_nav a:hover
{
    text-decoration: underline;
}

/*------------rightcolum BLOGPUFFS-------*/

.BlogPuffSep
{
    border-bottom: 1px dotted #4691B7;
    float: left;
    height: 2px;
    margin: 1px 16px;
    width: 295px;
}


.aAgreements
{
    color: #4691B7;
    font-weight: bold;
    font-size: 12px;
}
/*----------------------- FIND RIGHT BOAT PAGES -----------------*/

.FBinterestPuffsHolder
{
    width: 100%;
    float: left;
    margin: 10px 0px;
}


.FBinterestPuff
{
    border: 1px solid #C2D9E5;
    color: #4691B7;
    float: left;
    font-size: 11px;
    height: 170px;
    padding: 3px;
    text-align: center;
    width: 100px;
    margin: 0px 0px 14px 0px;
}
.FBinterestPuff:hover
{
    background-color: #eaf4f9;
}
.FBinterestPuff span
{
    display: block;
}

.FBinterestPuff img
{
    width: 100px;
    height: 100px;
    margin: 0px 0px 4px 0px;
}
.FBPuffSep
{
    float: left;
    height: 20px;
    width: 14px;
}




/*.FBinterestPuff
{
    width:100px;
    height:170px;
    float:left;
    font-size:11px;
    color:#4691b7;
    text-align:center;
}
.FBinterestPuff span
{
    display:block;
}

.FBinterestPuff img
{
    width:100px;
    height:100px;
    margin:0px 0px 4px 0px;
}
.FBPuffSep
{
    width:23px;
    float:left;
    height:20px;
}*/
.FBbottomNav
{
    width: 100%;
    float: left;
    border-top: solid 1px #4691b7;
    color: #4691b7;
    padding: 5px 0px;
    margin: 20px 0px 0px 0px;
}
.FBbottomNav a
{
    color: #4691b7;
}
.FBbottomNavNext
{
    position: absolute;
    margin: 0px 0px 0px 670px;
}
.FBleftArea
{
    width: 595px;
    float: left;
}
.FBboatPuff
{
    width: 140px;
    text-align: center;
    float: left;
    padding: 5px 0px;
    border-bottom: dotted 1px #c7ebf0;
    margin: 0px 0px 15px 0px;
    height: 140px;
    cursor: pointer;
}
.FBboatPuff img
{
    width: 95px;
}
.FBboatPuff img:hover
{
    width: 100px;
}

.FBboatPuffSep
{
    border-left: dotted 1px #c7ebf0;
    height: 116px;
    float: left;
}
.FBboatsRight
{
    width: 200px;
    float: left;
    margin: 10px 0px;
    color: #646464;
    cursor: pointer;
}
.FBboatsRight img
{
    text-align: center;
}

/*------STAGE 2 --- RIGHTCOLUM------*/

/*--- MAP PAGE - rightcolum ---*/

.FBRightColumContent
{
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin: 5px;
    padding: 0;
    text-align: left;
    width: 210px;
    font-size: 11px;
}
.FBRightColumContent p
{
    padding: 0px;
    margin: 10px 0px;
}
.FBRightColumContent img
{
    margin: 0px 0px 20px 0px;
}

.FBRightColumContent h2
{
    padding: 0px;
    margin: 0px 0px 20px 0px;
    font-size: 18px;
    font-weight: bold;
}


.FBrightTable td
{
    padding: 4px 4px 4px 0px;
}
.FBrightTable
{
    margin: 0px 0px 10px 0px;
}

/*-------------------VIDEO PAGE ----------------*/
.RightVideoPuffContent
{
    width: 295px;
    text-align: left;
    float: left;
    margin: 1px 16px;
}

.RightVideoPuffContent h1
{
    color: #4691B7;
    font-size: 22px;
    font-weight: normal;
    margin: 15px 0;
    padding: 0;
}

.VCListItem
{
    text-align: left;
    padding: 5px 0px;
    font-size: 11px;
    width: 295px;
    float: left;
}
.VCListItem:hover
{
    background-color: #edf6fa;
}
.VCListItemHeader
{
    float: right;
    color: #4691B7;
    width: 195px;
    font-weight: bold;
}

.VCListItemHeader a
{
    color: #4691B7;
    width: 195px;
    font-weight: bold;
}
.VCListItemText
{
    float: right;
    width: 245px;
    margin: 0px 4px 0px 0px;
}
.VCLegthinfo
{
    text-align: right;
    float: right;
    width: 50px;
    font-weight: bold;
}

.VCListItemSep
{
    border-bottom: 1px dotted #bedded;
    float: left;
    height: 1px;
    margin: 0px;
    width: 295px;
}

.PoweredBy
{
    color: #9abacb;
    float: left;
    font-size: 11px;
    margin: 0 0 0 7px;
    text-align: center;
    width: 840px;
    padding: 10px 0px 0px 0px;
}

.PoweredBy a
{
    text-decoration: underline;
    color: #9abacb;
}
.PoweredBy a:hover
{
    color: #80b5d0;
}

.SocialMedia
{
    clear: both;
    padding: 10px 0px 0px 0px;
    border-top: 2px solid #CCE3F1;
}

/*------------------Choose Boat-----------------------------*/

/*------Step 1 -----*/
.divChooseSep
{
    width:16px;
    height: 160px;
    float: left;
}
.divChoosBoatAct, .divChoosBoatModel
{
background-image:url("/images/backgrounds/bg_ChooseBoatAct2.jpg");
float:left;
height:145px;
margin:0 0 16px;
padding:13px;
text-transform:uppercase;
width:172px;
}
.divChoosBoatAct
{
    cursor:pointer;
}
.divChoosBoatAct input
{
    vertical-align:middle;
    margin:0px;
}
.selectedAct
{
        background-image: url(/images/backgrounds/bg_ChooseBoatSelected.jpg);
        color:#4691B7;
 }
.divChoosBoatModel
{
    height:245px;
    background-image: url(/images/backgrounds/bg_ChooseBoatModel2.jpg);
    cursor:pointer;
}
.divChoosBoatModel h2
{
  width: 170px;
  height:38px;
  text-transform:uppercase;
  font-weight:bold;
  overflow:hidden;
}
.divChoosBoatModel span
{
  width: 179px;
  display:block;
  margin:2px 0px;
  font-size:11px;
}
.divChoosBoatModel a
{
  width: 179px;
  display:block;
  margin:5px 0px 0px 0px;
        color:#4691B7;
        text-transform:none;
        font-weight:bold;
  font-size:11px;
}
.divChooseBoatBtns
{
    border-top:dotted 2px #dae9f1;
    padding:25px 0px;
    margin:15px 0px;
    width:840px;
    float:left;
}
.spanDottedLine
{
    border-top:dotted 2px #dae9f1;
    margin:15px 0px;
    width:840px;
    float:left;
  }
.divBoatsBtnLeft
{
    width:420px;
    float:left;
}
.divBoatsBtnRight
{
    width:420px;
    float:right;
    text-align:right;
}
.btnBlueBig
{
background-image:url("/images/buttons/btnBlueLeft.gif");
background-position:left center;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:16px;
margin:0 10px 0 0;
padding:8px 0 9px 9px;
text-decoration:none;
text-transform:uppercase;  
cursor:pointer;
}
.btnBlueBig span {
background-image:url("/images/buttons/btnBlueRight.gif");
background-position:right center;
background-repeat:no-repeat;
font-weight:bold;
padding:8px 14px 8px 0;
}
.divChooseBoatTop
{
float:left;
width:840px;
 }
.divSlides
{      width:273px;
    float:left;
    }
.divSlideHolder
{   
    width:250px;
    float:left;
    border:solid 1px #ddd;
    padding:10px;
}
.divSlideHolder span
{   
    width:25px;
    background-color:#ddd;
    float:left;
}
.divSlide
{
    width:240px;
    float:left;
}
.divSlidesSep
{
    width:10px;
    height:50px;
    float:left;
}
.divChooseBoatTypeLeft
{
    width:589px;
    float:left;
}
.divChooseBoatType
{
color:#4691B7;
float:left;
font-size:11px;
font-weight:bold;
height:145px;
margin:0 12px 12px 0;
padding:7px 4px;
cursor:pointer;
text-align:left;
width:190px;
}
.divChooseBoatType input
{
    vertical-align:middle;
}
.selectedType
{
        background-image: url(/images/backgrounds/bg_ChooseBoatTypeSelected2.jpg);

}
.divChooseBoatTypeImg
{
    text-align:center;
width:180px;
background-color:#fff;
height:105px;
margin:5px;
}

.divChooseBoatTypeRight
{
 float:right;
width:247px;
margin:0px 0px 10px 0px;
min-height:250px;
}
.divChooseBoatLeft
{
    width:515px;
    float:left;
    }
.divChooseBoatRight
{
    width:325px;
    float:right;
    }
    .BoatThumbs
    {
        margin:15px 0px;
 }
.BoatThumbsSep
    {
        width:15px; height:40px;
        background-color:Red;
 }
 
 .hidden
 {
 	display:none;
 }
 
 
 .tooltip {
	display:none;
	background:url(/images/tooltip/blue.png);
	height:139px;
	padding:15px 15px 35px 15px;
	width:240px;
	font-size:12px;
	color:#4691B7;
}
 .tooltip h3 
 {
     border-bottom:solid 1px #a2c6d8;
     display:block;
	font-size:14px;
	color:#4691B7;
	width:240px;
	padding:0px 0px 4px 0px;
	margin:10px 0px;
	
}
.tbToolTip
{   	width:240px;
    }
.tbToolTip tr{}
.tbToolTip td
{
    text-align:left;
    border-bottom:solid 1px #ddd;
    padding:2px 0px;
}
.tbBoatInfo
{
    width:450px;
}
.tbBoatInfo th
{
    padding:8px 0px 3px 0px;
}
.btnMoreInfo
{
    font-size:14px;
    color:#4691B7;
    font-weight:bold;
  }

