@charset "utf-8"; body  { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; background-color: #000000; } .twoColFixLt #container { width: 940px; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ padding: 10px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; background-color: #FFFFFF; background-image: url('content-left-main.jpg'); background-repeat: no-repeat; background-position: left top; } .twoColFixLt #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 235px; background-color: #FFFFFF; margin-left: 0px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; vertical-align: top; } .twoColFixLt #sidebar-news { width: 190px; vertical-align: top; margin: 0px; height: 116px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 45px; padding-right: 20px; padding-bottom: 0px; padding-left: 30px; overflow : auto; text-align: left; } .twoColFixLt #shopnavbar { margin: 0px; width: 190px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; line-height: 12px; height: 185px; } .twoColFixLt #shopnavbar a { color: #000000; text-decoration: none; margin: 0px; width: 138px; display: block; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; } .twoColFixLt #shopnavbar a:hover { color: #69C; text-decoration: none; margin: 0px; width: 138px; display: block; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; } .twoColFixLt #shopnavbar ul { margin: 0px; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 12px; } .twoColFixLt #shopnavbar li { margin: 0px; list-style-type: none; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; line-height: 12px; } .twoColFixLt #mainContentShop { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }  .twoColFixLt #mainContentTop { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; background-color: #000; padding: 10px; height: 136px; color: #FFF; overflow : auto; } .twoColFixLt #footer a { color: #666666; text-decoration: none; } .twoColFixLt #mainContentShop h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; font-weight: normal; display: block; background-color: #999; margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; padding: 10px; line-height: 24px; background-image: url('h1-bg.jpg'); background-repeat: repeat-y; background-position: left top; } .twoColFixLt #mainContentShop h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; font-weight: normal; } .twoColFixLt #mainContentShop h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #003366; font-weight: bold; } .twoColFixLt #mainContentShop p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; } .linktable-image { border: 1px dotted #000000; } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } .twoColFixLt #logo { margin: 0px; width: 230px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } .twoColFixLt #sidebar1 p { background-color: #FFFFFF; margin-left: 0px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .twoColFixLt #sidebar-boon { width: 235px; float: left; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } .twoColFixLt #sidebar-boon-home { width: 235px; float: left; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } .twoColFixLt #sidebar-boon p { padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px; } .twoColFixLt #sidebar-boon-home p { padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px; } .twoColFixLt #leftsubbar { margin: 0px; width: 190px; padding-top: 70px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; } .twoColFixLt #footer { margin: 0px; width: 900px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: bold; border: 10px solid #CCCCCC; padding: 10px; } .footer { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; margin: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 60px; padding-left: 0px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCCCCC; } .twoColFixLt #footer a:hover { color: #666666; text-decoration: none; } .news-ticker-background { background-color: #000000; } .twoColFixLt #mainContent .linktable-text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #666666; padding: 10px; } .twoColFixLt #mainContent .linktable-text p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; } .twoColFixLt #mainContent a { color: #0099CC; text-decoration: none; font-weight: bold; } .twoColFixLt #mainContent a:hover { text-decoration: underline; font-weight: bold; } .twoColFixLt #mainContent .linktable-text h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 14px; margin: 0px; padding: 0px; } .question { font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; font-weight: bold; color: #000033; } .answer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 30px; display: block; } .twoColFixLt #mainContent .linktable-details { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; padding: 10px; border: 1px dotted #000000; } .twoColFixLt #mainContent .linktable-details p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; } .twoColFixLt #mainContent td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; } .twoColFixLt #mainContent li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; } .now-sold { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #CC0000; background-color: #EEEEEE; margin: 0px; padding: 5px; border: 1px solid #CCCCCC; } .twoColFixLt #boonHomeTopOuter { margin: 0px; padding: 0px; height: 461px; width: 940px; background-image: url('hometop-1.jpg'); } .twoColFixLt #containerHome { width: 940px; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ padding: 10px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; background-color: #FFFFFF; background-image: url('content-left-home.jpg'); background-repeat: no-repeat; background-position: left top; } .twoColFixLt #racingDinghyTypes { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 719px; padding: 0px; color: #FFF; } .rightRacingDignhyTypes { border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #FFF; } .twoColFixLt #navbarHome { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; line-height: 12px; float: left; } .twoColFixLt #navbarHome a { color: #000000; text-decoration: none; margin: 0px; width: 138px; display: block; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; } .twoColFixLt #navbarHome a:hover { color: #FFFFFF; text-decoration: none; margin: 0px; width: 138px; display: block; background-color: #000000; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; } .twoColFixLt #navbarHome ul { margin: 0px; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .twoColFixLt #navbarHome li { margin: 0px; list-style-type: none; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; } .latestnews { background-image: url('latest-news.jpg'); background-repeat: no-repeat; background-position: left top; margin: 0px; padding-top: 40px; padding-right: 10px; padding-left: 10px; } .twoColFixLt #navbarHomeOuter { margin: 0px; width: 250px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 12px; float: left; } .twoColFixLt #sidebar-news ul { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .twoColFixLt #sidebar-news li { margin: 0px; color: #FFF; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .twoColFixLt #sidebar-news a { color: #6CF; text-decoration: none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; } .twoColFixLt #sidebar-news a:hover { color: #FFF; text-decoration: none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .twoColFixLt #mainContentTop h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 0px; padding: 0px; color: #FFF; } .twoColFixLt #mainContentTop p { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .twoColFixLt #footer a:hover { color: #666666; text-decoration: none; } .news-ticker-background { background-color: #000000; } .twoColFixLt #mainContentShop .linktable-text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #666666; padding: 10px; } .twoColFixLt #mainContentShop .linktable-text p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; } .twoColFixLt #mainContentShop a { color: #0099CC; text-decoration: none; font-weight: bold; } .twoColFixLt #mainContentShop a:hover { text-decoration: underline; font-weight: bold; } .twoColFixLt #mainContentShop .linktable-text h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; line-height: 14px; margin: 0px; padding: 0px; } .question { font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; font-weight: bold; color: #000033; } .answer { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 30px; display: block; } .twoColFixLt #mainContentShop .linktable-details { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; padding: 10px; border: 1px dotted #000000; } .twoColFixLt #mainContentShop .linktable-details p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; } .twoColFixLt #mainContentShop td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; } .twoColFixLt #mainContentShop li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; } .now-sold { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #CC0000; background-color: #EEEEEE; margin: 0px; padding: 5px; border: 1px solid #CCCCCC; } #shoptop { background-image: url('1-online-shop.jpg'); height: 113px; width: 204px; padding-top: 140px; padding-right: 0px; padding-bottom: 0px; padding-left: 486px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #shopcontent { margin: 0px; padding: 0px; width: 690px; }