/*--------------------------*/

/*       Standards	    */

/*--------------------------*/


/* body class */

        html {
            background-color: #f1f1f1;
            font-size: 0.8em; 
        }


        body, p {
            font-family:verdana, arial, helvetica, sans-serif;
            font-size:12px;
            /*color:#36C;*/
            color: #000;
            margin:0;
            padding:0px 0px 10px 0px; 
        }

        .bodyclass {
            margin: 0 auto;
            padding: 0;
            width: 980px;
            text-align: left;
        }

/* TEMPLATE */

    .right { float: right; }
    .left  { float: left;  }

    #background {
            background-image: url(/images/leisureboat/back.jpg);
            position:fixed;
            z-index:-1;
            top: 0;
            left: 0;
            width:100%;
            height:100%;
    }
    #background.leisureBoats { background-image: url(/images/leisureboat/leisureBoats_bg.JPG); }
    #background.canoeKayakTraining { background-image: url(/images/leisureboat/back.jpg); }

    #template-content { width: 980px; margin: 0; height:100%; padding: 0; border-collapse: collapse; background-color: #0166ff;} 
    #template-left, 
    #template-right   { background-color: #fff; width: 135px; height:100%; padding: 5px 0;  vertical-align: top; border: 0;} 
    td#template-main  { background-color: #fff; width: 650px; height:100%; padding: 5px; margin: 0; border:0; text-align: left; }   
    #template-main td { text-align: left; }  

    .template-divider-noImg {
        width: 10px;
        padding: 0;
        margin: 0;
        height:100%;
    } 
    .template-divider {
        width: 10px;
        padding: 0;
        margin: 0;
        height:100%;
        background-image: url(/images/leisureboat/tabs_2.jpg);
        background-repeat: repeat-x;
    } 

    #right_spacer { }

    table.sectionborder_right td,
    table.column_right td,
    table.sectionborder_left td,
    table.column_left td, table.column_main td, 
       table.sectionborder_main td { padding: 0; margin: 0; border-collapse:collapse;}

   table.column_main td body { padding: 0px 0px 0px 0px; margin: 30px 0px 0px 0px; border-collapse:collapse;}

/* GENERIC STYLES */

        a, a:link, a:visited, { 
		font-weight: bold;
                font-family:verdana, arial, helvetica, sans-serif;
                color: #0166ff;
                text-decoration: none;
	}

	a.links_main, a.links_main:link, a.links_main:visited { 
		font-weight: bold;
                font-family: Lucida Sans Unicode,Lucida Grande, sans-serif;
		font-size:12px;
                color: #0166ff;
                text-decoration: none;
	}

        a:hover, a.links_main:hover {
		text-decoration: underline;
		color:#fc0;
        }

a img { border: 0px;}
        
        .font_error { font-weight: bold;    font-size: 10pt;    color: #ff0000; }

        .buttonstyle {
            background-image: url("/images/leisureboat/tab4.gif");
            background-repeat: no-repeat;
            background-position: -2px -2px;
	    height: 27px;
            padding: 0 10px;
            color: #fff;
            font-weight: bold;
            border: 1px solid #999;
            margin: 2px 0;
            font-size: 12px;
        }
        .buttonstyle:hover {
	    cursor: pointer;
            background-position: -2px -42px;
            color:#000;
        }
       	    
        input.btnhov { 
            border-color: ;
        }
        input.buttonstyle[value="Continue Shopping"] { width: 150px!important;}


    /* small text class */
        .small_main {
            font-weight : normal;
            font-size : 8pt;
        }

    /* input field class */
        .font_input {
            border-style:inset;
            border-width:1px;
            border-color: #999;
            margin: 2px 0;
        }





/*---------------------
  
     TOP SECTION     

---------------------*/

#header_tbl {background: none}

/**  TOP USER MENU - ORIGINAL  **/

#main-nav {
height:1.5em;
background-color:none;
color:#06F;
border-left:0;
border-right:0;
text-align:center;
margin:0;
padding:0;
}

#main-nav li {
position:relative;
left:0px;
    background-color:none;
    display:inline-block;
    font-weight:700;
    font-family:verdana, arial, sans-serif;
    height:25px;
    text-align:center;
    margin: 5px 0 0 0;
    padding:0 0 0 10px;
    background:url(/images/leisureboat/pro_six_0a.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#main-nav li a {
    background-color:none;
    display:inline-block;
    float:centre;
    text-decoration:none;
    font-size:11px;
    color:#6d675f;
    margin:0;
    padding: 0 10px 0 0;
    line-height:25px;
    height:25px;
    background:url(/images/leisureboat/pro_six_0b.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#main-nav li:hover {
    background:url(/images/leisureboat/pro_six_1a.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#main-nav li:hover a,
#main-nav li a:hover {
    background:url(/images/leisureboat/pro_six_1b.gif);
    background-position: right top;
    background-repeat: no-repeat;
    color:#fff;
}



/**  WEBSITES MENU  **/

#menu {
    width:744px;
    padding: 0;
    margin: 0;
    height:36px;
    text-align:center;
    left:20px;
    position:relative;
    z-index:25;
}

#menu ul {
    list-style:none;
    white-space:nowrap;
    text-align:left;
    margin:0;
    padding:0;
}

#menu ul.level1 li.level1-li {
    float:left;
    display:block;
    margin: 0 1px;
}

#menu ul table td p {
    line-height:16px;
    font-size:11px;
    color:#fff;
    white-space:normal;
    margin:0;
    padding:0 5px;
}

#menu ul table td p a {
    font-weight:700;
    color:#fc0;
    margin:0;
    padding:0;
}

#menu a {
    display:block;
    font:normal 11px verdana,arial,sans-serif;
    color:#fff;
    line-height:36px;
    text-decoration:none;
}

#menu ul.level1 li.level1-li a.level1-a:hover,
#menu ul.level1 li.level1-li:hover > a {
    background-position:right bottom;
    color:#000;
}

#menu ul.level1 li.level1-li a.level1-a:hover strong,
#menu ul.level1 li.level1-li:hover > a > strong {
    background-position:left bottom;
}

#menu ul.level1 li.level1-li a.level1-a {
    float:left;
    background:url(/images/leisureboat/tab4a.gif) no-repeat right top;
    padding:0 10px 0 0;
}

#menu ul.level1 li.level1-li a.level1-a strong {
    float:left;
    background:url(/images/leisureboat/tab4.gif) no-repeat left top;
    cursor:pointer;
    padding:0 0 0 10px;
}

#menu ul li table {
    display:none;
    position: absolute;
    left: -25px;
    top:36px;
    background-color: #666666;
    border: 1px solid #000;
    border-top: 0;
    width:744px;
}
#menu ul li:hover table {
    display:block;
}


#menu ul table td {
    vertical-align:top;
    margin:0;
    padding:3px;
}

#menu ul table td.border {
    border-right:1px dashed #fff;
    padding: 0 10px;
}

#menu ul table td img {
    display:inline;
    border:1px solid #fff;
    margin:0;
    padding:0;
}

#menu ul table td.image {
    color:#fc0;
    font-size:11px;
    text-align:left;
    margin:0;
    padding:4px 0 4px 10px;
}
#menu ul table th {
    color:#fc0;
    font-size:11px;
    text-align:left;
    margin:0;
    padding:4px 0 4px 10px;
}

#menu ul table caption {
    font-size:14px;
    color:#fff;
    font-weight:bold;
    margin:0;
    padding:5px 0;
    display: block;
    background-color: #666;
    border-top: 1px solid #000;
}

#menu ul table tfoot td {
    font-size:10px;
    color:#ff0;
    padding-left:10px;
}


#menu ul.level1 li.level1-li a.drop {
    background:url(/images/leisureboat/tab4a.gif) no-repeat right top;
}

#menu ul table td a {
    line-height:18px;
}

#menu ul table a:hover {
    background:transparent;
    text-decoration:underline;
}

#menu ul table a:hover img {
    border:1px solid #000;
}


/** BRANDS and SEARCH MENU **/

.brands_tbl {width: 200px; display:inline-block; margin-left: 100px; float:left}

.brands_tbl tbody, .brands_tbl tr, .brands_tbl td, .brands_tbl .font_input, .brands_tbl select { display:inline-block; float:left; margin: 0 1px;}
.brands_tbl td {color: #fff; line-height: 21px; vertical-align:bottom;}

#srch_tbl {width: 145px; display:inline-block; float:left}

#srch_tbl tbody, #srch_tbl tr, #srch_tbl td  { display:inline-block; float:left; margin: 0 1px;}
#srch_tbl .fontinput { display:inline-block; margin: 0 2px;}
#srch_tbl br { display:none;}
#srch_hdr {color: #fff; font-weight:bold; line-height: 21px; vertical-align:bottom;}
#srch_tbl input.buttonstyle { height: 21px; font-size: auto; padding: 0 5px; line-height: 15px; float:right; }


/*---------------------
  
     LEFT SECTION     

---------------------*/

#template-left > table > tbody > tr > td.header_left { display: none; }


/**  CATEGORY MENU  **/

#catMenu_tbl { display: none; }

#flyList {
    margin: 0 5px 10px;
    width:125px;
    height:auto;
    position:relative;
    background:url(/images/leisureboat/background.jpg);
    padding:0;
    z-index:20;
}
    #flyList.canoeKayakTraining { background-image: url(/images/leisureboat/training_menu_bg.jpg); }
    #flyList.leisureBoats { background-image: url(/images/leisureboat/leisureBoats_menu_bg.jpg); }

#menuLHS {
    padding-left:0;
    list-style:none;
    width:125px;
    height:auto;
    margin:0;
    z-index:20;
}

#menuLHS > li {
    height:25px;
    width:125px;
}

#menuLHS > li > a {
    display:block;
    height:25px;
    line-height:25px;
    padding-left:10px;
    text-decoration:none;
    font-size:11px;
    font-weight:700;
    font-family:verdana, arial, sans-serif;
    color:#fff;
    background-color:#06F;
    filter:alpha(opacity=85);
    opacity:0.85;
}

#menuLHS > li.sub > a {
    background:#06F url(/images/leisureboat/1-arrow.gif) no-repeat 110px center;
}

#menuLHS > li:hover > a,
#menuLHS li a:hover {
    background-color:#fff;
    color:#000;
    filter:alpha(opacity=85);
    opacity:0.85;
}

#menuLHS > li ul {
    display: none;
    list-style:none;
    margin:0;
    padding:0;
}

#menuLHS > li:hover > ul {
    min-width: 149px;
    max-width: 449px;
    left:125px;
    margin-top:-26px;
    float: left;
    z-index: 999;
    height: auto;
    position:absolute;
    display: block;
    border:1px solid #000;
    background:#fff url(/images/leisureboat/1-divider.gif);
    font-family:verdana, arial, sans-serif;
    border-width:1px;
    padding-bottom: 10px;
}

#menuLHS > li > ul.1col {
    width: 149px;
}
#menuLHS ul.2col {
    width: 299px;
}
#menuLHS ul.3col,
#menuLHS > li > ul.3col,
#menuLHS > li.sub > ul.3col,
#menuLHS > li:hover > ul.3col,
#menuLHS > li.sub:hover > ul.3col {
    width: 449px!important;
}

#menuLHS > li > ul > li {
    width: 130px;
    position: relative;
    margin: 5px 9px 0px 10px;
    display: block;
    float: left;
    left: 0;
}

#menuLHS > li > ul > li > a {
    width: 120px;
    padding: 5px 5px 3px;
    border-bottom: 1px dotted #ccc;
    display: block;
    color: #000;
    font-size:12px;
    line-height:20px;
}
#menuLHS ul li a:hover {
    text-decoration:none;
    background:none;
}

#menuLHS ul ul {
    display: block;
    width: 130px;
}

#menuLHS ul ul li {
    display:block;
}

#menuLHS ul ul li a {
    display:block;
    font-size:11px;
    line-height: 11px;
    text-decoration:none;
    color:#069;
    padding: 3px 0 3px 10px;
    background:url(flylist/dot.gif) no-repeat 5px center;
}

#menuLHS ul ul li a:hover {
    color:#069;
    text-decoration:underline;
}

/*
#menuLHS > li > ul > li.col2 {
    margin-left:160px
}
#menuLHS > li > ul > li.col3 {
    margin-left:310px
}
*/



/**  X BOXES  **/

.psnazzy {
    width:650px;
    margin:0 0 10px 5px;
}
.zsnazzy {
    width:120px;
    margin:0 0 10px 3px;
}
.xsnazzy {
    width:130px;
    margin:0 0 10px 3px;
}
.xsnazzy h1,.zsnazzy h1 {
    font-size:16px;
    border-bottom:1px solid #444;
    margin:0;
    padding:0 10px 5px;
}
.xsnazzy p,.zsnazzy p {
    font-size:12px;
    margin:0;
    padding:5px 5px 5px 10px;
}

.xtop,.xbottom {
    display:block;
    background:transparent;
    font-size:1px;
}

.xb1,.xb2,.xb3,.xb4 {
    display:block;
    overflow:hidden;
    background:#fff;
    border-left:1px solid #444;
    border-right:1px solid #444;
}

.xb1 { background:#444; margin:0 5px; }
.xb2 { border-width:0 2px; margin:0 3px; }
.xb3 { margin:0 2px; }
.xb4 { height:1px; margin:0 1px; }

.xtop b { border-top:1px solid #06F; }
.xtop .xb1 { border-top:1px solid #444; }
.xbottom b { border-bottom:1px solid #fff; }
.xbottom .xb1 { border-bottom:1px solid #444; }

.xboxcontent {
    display:block;
    border:0 solid #444;
    height:auto;
    border-width:0 1px;
}
.color_d {
    background:#06F;
    color:#fff;
}
.xboxcontent table {
    background:#fff;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}


/*---------------------
  
     RIGHT SECTION     

---------------------*/


/*  BASKET  */

    #cart_tbl {
        width: 120px;
        margin: 0 0 10px 5px;
    }   

    /*  item cells  */
    #cart_tbl td.small_main {
        background-image: none;
        font-size: 0.9em;
        line-height: 20px;
        height: auto;
        width: 120px;
        color: #666;
        text-align: left;
        padding: 0;
    }
    #cart_tbl hr {
        border: 0;
    }

    /*  view and checkout  */
    #cart_tbl td {
        display: block;
        background-image: url(/images/web/basket-footer.jpg);
        background-repeat: no-repeat;
        width: 120px;
        height: 26px;
        color: #666;
        text-align: left;
        padding: 0;
    }
    #cart_tbl a.links_right {
        font-size: 11px;
        color: #333;
        text-align: left;
    }

    /*  header  */
    td#cart_hdr {
        background-image: url(/images/leisureboat/sideTable_header.jpg);
        text-align: center;
        height: 30px;
        display:block;
    }
    td#cart_hdr a.links_right {
        font-size: 1.5em;
        font-weight: bold;
        line-height: 30px;
        color: #fff;
        margin: 0px;
        font-family:verdana, arial, helvetica, sans-serif;
    }

    /*  footer */
    td#cart_ftr {
        background-image: url(/images/leisureboat/sideTable_footer.jpg);
        text-align: left;
        height: 30px;
        display:block;
    }
    td#cart_ftr hr {
        display:none;
    }
    td#cart_ftr a.links_right {
        font-size: 9px;
        font-weight: bold;
        color: #fff;
        margin: 0px;
        font-family:verdana, arial, helvetica, sans-serif;
    }



/*---------------------
  
     MAIN SECTION     

---------------------*/


/**  HOME PAGE  **/


  /* SLIDER */

.slideOuter {
    width:648px;
    height:200px;
    overflow:hidden;
    margin:0 auto;
}

.slideOuter .slide {
    list-style:none;
    width:1100px;
    height:200px;
    overflow:hidden;
    margin:0;
    padding:0;
}

.slideOuter .slide li a,
.slideOuter .slide li {
    display:block;
    float:left;
    width:28px;
    border-right:2px solid #fff;
    height:200px;
    overflow:hidden;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

.slideOuter .slide a#p5,
.slideOuter .slide.current a,
.slideOuter .slide.current li a.current,
.slideOuter .slide li a img,
.slideOuter .slide:hover a#p1,
.slideOuter .slide:hover a#p2,
.slideOuter .slide:hover a#p3,
.slideOuter .slide:hover a#p4,
.slideOuter .slide a#p1:hover,
.slideOuter .slide a#p2:hover,
.slideOuter .slide a#p3:hover,
.slideOuter .slide a#p4:hover .TabbedPanels2 {
    float:center;
    clear:none;
    width:500px;
    margin:0 0 10px;
    padding:0;
}

#wrap {
    width:650px;
    height:215px;
    background:#fff;
    position:relative;
    border:0 solid #000;
    margin:0 auto;
}

#slide {
    width:630px;
    height:200px;
    overflow:hidden;
    position:absolute;
    left:10px;
    top:0;
    background:#000;
    border:0px solid #888;
    z-index:2;
}

#slide a {
    text-decoration:none;
    display:block;
    width:630px;
    height:360px;
    position:absolute;
    left:630px;
}

#slide a img {
    display:block;
    border:0;
}

#previous {
    width:32px;
    height:32px;
    background:url(/images/leisureboat/left.png);
    position:absolute;
    left:0;
    top:90px;
    cursor:pointer;
    z-index:3;
}

* html #previous {
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leisureboat/left.png',sizingMethod='crop');
}

#next2 {
    width:32px;
    height:32px;
    background:url(/images/leisureboat/right.png);
    position:absolute;
    left:618px;
    top:90px;
    cursor:pointer;
    z-index:3;
}

* html #next2 {
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leisureboat/right.png',sizingMethod='crop');
}

#previous strong,
#next2 strong {display: none;}


    /* TABBED PANELS */

.TabbedPanels1 {
float:center;
clear:none;
width:650px;
margin:0 0 10px;
padding:0;
}
.TabbedPanelsTabGroup {
    margin:0;
    padding:0;
}
.TabbedPanelsTab {
     -moz-user-select: none;
     background: url("/images/leisureboat/tabs_0.jpg") repeat-x scroll left bottom transparent;
     border-color: #000000;
     border-left: 1px solid #000000;
     border-style: solid;
     border-width: 1px;
     cursor: pointer;
     float: left;
     font: 11px verdana;
     list-style: none outside none;
     margin: 0pt 2px 0pt 0pt;
     padding: 5px 3px;
     position: relative;
     top: 1px;
}

.TabbedPanelsTabHover {
background:url(/images/leisureboat/tabs_1.jpg) repeat-x left bottom;
font:11px verdana;
color:#fff;
}

.TabbedPanelsTabSelected {
background:url(/images/leisureboat/tabs_2.jpg) repeat-x left bottom;
border-bottom:1px solid #000;
font:11px verdana;
color:#fff;
}

.TabbedPanelsContentGroup {
clear:both;
border-left:solid 1px #CCC;
border-bottom:solid 1px #CCC;
border-top:solid 1px #999;
border-right:solid 1px #999;
background-color:#fff;
}

.TabbedPanelsContent {
padding:4px;
}



/**  CATEGORY PAGES  **/

    #catprods_hdr > tbody > tr > td.column_main { padding-top: 20px; vertical-align:bottom; text-align:center;}
    #catprods_hdr td.column_main table { margin: 0 auto; text-align:center;}
    #catprods_hdr td.column_main a {}

    #catprods_tbl > tbody > tr > td.column_main {padding: 10px 0}
    #catprods_tbl table {position:relative; left: 0; float: left; margin-right: 10px}

/**  PRODUCTS PAGES  **/

#prod_tbl {
     display: block;
     min-height: 630px;
     height:auto;
     text-align: left;
     width: 650px;
}

#prod_tbl td {
     text-align: left;
}

#prod_tbl > tbody > tr.column_main:first-child > td {
     width: 450px;
}

#prod_tbl > tbody > tr.column_main:first-child > td > table {
     position: absolute;
     width: 450px;
}

#prod_tbl > tbody > tr.column_main:first-child > td b {
     color: #0066FF;
     display: block;
     font-size: 14pt;
     margin-bottom: 10px;
    clear: both;
}

#prod_tbl > tbody > tr.column_main:first-child > td.small_main, #prod_tbl > tbody > tr.column_main > td.small_main {
     position: relative;
     width: 200px;
}

#prod_tbl > tbody > tr.column_main:first-child > td.small_main:first-child {
          height: 150px;
padding-bottom: 5px;
padding-right: 5px;
}

#prod_tbl > tbody > tr.column_main > td table#item_Tbl {
     position: relative;
     width: 185px;
}

#item_Tbl > tbody > tr > td.column_main b {
    display:block; 
}

#prod_tbl td.small_main > img {
     height: auto;
}

#prod_tbl td.small_main a, a:link, a:visited {
     border: 0px none;
     color: #000000;
     font-family:verdana, arial, helvetica, sans-serif;
     font-weight: bold;
     text-decoration: none;
}

#prod_tbl td.small_main a:first-child {
     position: relative;
}

#prod_tbl td.small_main img {
     border: 0px none;
}

#prod_tbl td.small_main a {position: relative;}

#prod_tbl td.small_main a div {
     background-color: #FFFFFF;
     border: 1px solid #555555;
     color: #000000;
     left: -1000px;
     position: absolute;
     z-index:50;
     padding: 5px;
     top: 0px;
     text-align: center;
     text-decoration: none;
     visibility: hidden;
}

#prod_tbl td.small_main a:hover div {
     left: 0;
     top: 0;
     margin-top: -100px;
     visibility: visible;
     
}

/* PRODUCT TITLE CONTAINER */
#prod_tbl > tbody > tr > td[colspan="2"] {
     display: block;
}



/* THUMBNAILS, ITEM TABLES */
#prod_tbl > tbody > tr > td[colspan="3"] {
	display: block;
	width: 200px;
	float:left;
}
#prod_tbl > tbody > tr > td[colspan="3"] > table td {
	display: block;
	float:left;
	clear:both;
}

#item_Tbl td#itemImage,
#item_Tbl hr,
#prod_tbl hr {
     display: none;
}

#item_Tbl table {
     background-color: #F1F1F1;
     padding: 0pt;
     margin: 10px 0pt;
     width: 180px;
}
#item_Tbl table table {
    margin: 0;
}

#item_Tbl table tr > td {
    padding: 0 0 0 5px;
    text-align: left;
    height: auto;
    float:left;
    clear:both;
}


#item_Tbl > tbody > tr > td.column_main 
#item_Tbl > tbody > tr > td.column_main > b 
#item_Tbl > tbody > tr > td.column_main > b > b > select.font_input {margin: -10px 0 10px;}



/*---------------------
  
     BOTTOM SECTION     

---------------------*/

#template-footer table,
#template-footer td {border-collapse: collapse; margin: 0; padding: 0; }

#template-footer table {background-color: #fff;}

.tab {
    margin: 0 0 10px 10px;
}
.tab a{
    color: #000;
    font-weight: normal
}
.tab a:hover{
    text-decoration: underline;
    color: #fc0;
}






.wrapper {
width:980px;
margin:0;
padding:0;
}

.wrapper ul {
list-style-type:none;
margin:0;
padding:0;
}

#buttons {
position:absolute;
left:80px;
top:100px;
z-index:1;
}

#buttons div {
width:62px;
height:37px;
float:left;
margin-right:8px;
display:inline;
}

#buttons div img {
display:block;
cursor:pointer;
border:1px solid #444;
}

img#loading {
position:absolute;
left:307px;
top:100px;
}

#menuLocater {
margin:0;
padding:0px 0 10px 5px;
}

#BannerLocater,#TabLocater {
margin:0;
padding:0;
}

a.nav, a.nav:link, a.nav:visited {display:block; width:150px; height:14px; background:#0066ff; border:1px solid #000; margin-top:2px; margin-left:6px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:10px; color:#fff; line-height:14px; overflow:hidden;}
a.nav:hover {color:#fff; background:#6d675f;}
a.nav1, a.nav1:link, a.nav1:visited {display:block; width:150px; height:14px; background:#ffffff; border:1px solid #000; margin-top:2px; margin-left:6px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:10px; color:#fff; line-height:14px; overflow:hidden;}

#Brands {
position:relative;
width: 50px;
height: 50px;
z-index: 2;
padding: 2px 1px 2px 2px;
}