/* STRUCTURE ................................................. */ * { margin: 0; padding: 0; } body { margin:0; padding:0; min-width: 750px; background-color: #003c62; } .clear { clear: both; } /* SLIDESHOW ................................................. */ div#slideshow { float: right; border: 2px solid #FF9900; margin: 5px 5px 5px 16px; width: 410px; height: 253px; padding: 0px; } /* TEXT ................................................. */ p { font: 14px/20px Arial, Helvetica, sans-serif; color: #333; margin: 0 auto;padding: 0; } p a { color: #8e3a1a; text-decoration: underline; outline: none; } p a:visited { color: #8e3a1a; text-decoration: underline; outline: none; } p a:hover { color: #a25a00; text-decoration: none; outline: none; } .text { font: 12px/18px Arial, Helvetica, sans-serif; color: #333; margin: 0 auto;padding: 0; } .text a { color: #8e3a1a; text-decoration: underline; outline: none; } .text a:visited { color: #8e3a1a; text-decoration: underline; outline: none; } .text a:hover { color: #a25a00; text-decoration: none; outline: none; } ul { font: 15px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; } ul a, a:visited { color: #6a3b00; text-decoration: none; outline: none; } ul a:hover { color: #a25a00; text-decoration: none; outline: none; } h1 /* Heading Large */ { font: normal 23px/25px "Times New Roman", Times, serif; color: #6c5440; margin: 0;padding: 0; border-bottom: 1px dotted #6c5440; } h3 /* Heading Medium */ { font: 21px "Times New Roman", Times, serif; color: #000; margin: 0; padding: 0; } h3 a, a:visited { color: #000; text-decoration: none; outline: none; } h3 a:hover { color: #0e757b; text-decoration: none; outline: none; } h4 /* Heading Small */ { font: 18px/20px "Times New Roman", Times, serif; color: #6c5440; margin: 0;padding: 0; } a.button { background: transparent url('/images/button-a.gif') no-repeat scroll top right; color: #FFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; } a.button span { background: transparent url('/images/button-span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } a.button:visited { color: #FFF; outline: none; /* hide dotted outline in Firefox */ } /* HEADER ................................................. */ #topsection { background: #fff url(/images/kayaking-header.jpg) no-repeat right top; height: 131px; /*Height of top section*/ } .logo { text-align:left; width: 562px; height: 131px; float: left; margin: 0; } /* NAVIGATION ................................................. */ .nav { width: 100%; height: 35px; margin: 0px auto; padding: 0px; background-color: #003c62; text-align: center; } .hnav { height: 25px; padding-top:10px; font: bold 13px/18px Arial, Helvetica, sans-serif; color: #fff; word-spacing: 3px; text-align: center; text-decoration: none; } .hnav a { color: #fff; text-decoration: none; outline: none; } .hnav a:visited { color: #fff; text-decoration: none; outline: none; } .hnav a:hover { color: #87c5ec; text-decoration: none; outline: none; } .indent, ul, li { margin-left: 10px; font: 14px/20px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; list-style: disc url(/images/bullet.gif) outside; } .indent a { color: #333; text-decoration: none; outline: none; } .indent a:visited { color: #333; text-decoration: none; outline: none; } .indent a:hover { color: #0e757b; text-decoration: none; outline: none; } /* CONTENT ................................................. */ #contentwrapper /*Col 2*/ { float: left; width: 100%; text-align: left; background: #faebd0;} #contentcolumn { margin-left: 220px; /*Set left margin to LeftColumnWidth*/ padding: 10px 20px 10px 40px; } .slideshow { float: right; margin: 10px; border: 3px solid #ffb03e; } #leftcolumn /*Col 1*/ { float: left; width: 220px; /*Width of left column*/ margin-left: -100%; text-align: left; background: #eed8b0; } .leftbargrad { height: 12px; width: 220px; background: url(/images/leftside-grad.gif) repeat-x left top; margin: 0px -23px 0px 0px;} .leftbarcontent { width: 175px; margin: 0px 0px 0px 0px;} .sideheading { width: 186px; height: 69px; background: url(/images/side-heading.gif) no-repeat left top; margin: 0px 0px -30px 0px; padding: 30px 0px 0px 20px; } /* FOOTER ................................................. */ #jhfooter { clear: left; width: 100%; height: 255px; background: #003c62; text-align: left; } .jhfooter { float:left; width: 29%; padding:20px 15px 0px 15px; font: 12px/20px Arial, Helvetica, sans-serif; color: #fff; } .jhfooter p { color: #fff; } .jhfooter a, .footer li a { color: #fff; text-decoration: none; outline: none; } .jhfooter a:visited, .jhfooter li a:visited { color: #fff; text-decoration: none; outline: none; } .jhfooter a:hover, .jhfooter li a:hover { color: #87c5ec; text-decoration: none; outline: none; } .jhfooter h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #FFCC66; border-bottom:none; margin-bottom:5px; } .jhfooter li { list-style-image:none; color: #fff; margin-bottom:8px; padding-left: 5px; font-size:12px; line-height:16px; } /*4.4.2 upgrade ......................................*/ p.just { text-align: justify; } .menu-dialog { border: none; } .menu-dialog .title-bar { width: 186px; background: url(/images/side-heading.gif) no-repeat scroll left top transparent; border: none; height: 69px; padding: 30px 0 0 20px; margin: 0 0 -30px; } .menu-dialog .title-bar h2 { font: 21px "Times New Roman", Times, serif; color: #000; margin: 0; padding: 0; border:0; } .menu-dialog .title-bar img.icon { width:1px; margin:0; } .menu-dialog .content { background-color: #EED8B0; } .menu-dialog .content ul.fancycat-icons-level-0 > li { background-color: #EED8B0; } .menu-dialog .content #catrootmenu { margin-left: 14px; width: 192px; } .menu-dialog .content ul, .menu-dialog .content li, .menu-dialog .content li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px !important; color: #333; text-decoration: none; list-style: disc url(/images/bullet.gif) outside; list-style: disc url(/images/bullet.gif) outside; } .menu-dialog .content .fancycat-icons-e li { width: 182px; } .menu-dialog .content .fancycat-icons-e ul a { margin-left: 0px !important; padding-left: 0px; } /* Products static menu */ .menu-dialog .title-bar h2 { font: 21px "Times New Roman", Times, serif; color: #000; margin: 0; padding: 0; border:0; } /* Ohter/help menu */ .menu-help .content ul { margin-left: 10px; } /* mini-cart */ .menu-dialog .title-bar h2 span.minicart { font: 18px "Times New Roman", Times, serif; color: #000; margin: 0; padding: 0; border:0; font-weight:normal !important; } .menu-minicart .title-bar img.icon { width:17px !important; height:17px; margin-left: 0px !important; margin-right: 0px !important; } #center #center-main .dialog { background-color:none;} .dialog .title h2 { font-size: 18px; } .dialog .title {background: url(/images/titlebg-left.png) no-repeat !important; height:37px !important;} .list-dialog .title h2 { background:none; margin-top:3px; font-size: 22px; font-weight:normal; color: #FFFFFF; font-family:"Times New Roman", Times, serif; } /* product list */ .seedetails a.see-details { text-align:left; margin-top:20px; } ul.simple-list, ul.simple-list-left { list-style: none outside none !important; } ul.simple-list li, ul.simple-list-left li { list-style: none outside none !important; } .search-sort-title { color:#FFF; } .search-sort-cell a:link, .search-sort-cell a:visited { color:#FFF; } .search-sort-cell a:active, .search-sort-cell a:hover { color:#FAEBD0; }