@charset "utf-8"; body { background: #acd2e8 url('bkgdimg_02.jpg') no-repeat fixed center top; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; } a{ color: #064b99; } h2 { margin: 0px; padding: 0px; } .clear { clear: both; height: 1px; } #wrapper { margin: 0px auto; padding: 0px; height: auto; width: 930px; background: #FFFFFF url('bkgrdrepeat.gif') repeat-y top left; border-top: 2px solid #064b99; } #leftcol { margin: 0px; margin-left: 4px; padding: 0px; float: left; display: inline; height: auto; width: 228px; } #rightcol { margin: 0px; margin-right: 4px; padding: 0px; float: right; display: inline; height: auto; width: 693px; } #logo { margin: 0px; padding: 0px; height: 195px; width: 228px; } /* --------------------------------------------------Search--------------------------------------*/ .search { background: url('search.gif') no-repeat top left; margin: 0px; padding: 0px; padding-top: 25px; padding-left: 25px; width: 203px; height: 33px; } .searchbox { padding: 0px; margin: 0px; width: 90px; height: 20px; float: left; } .searchbutton { margin:0px; padding: 0px; padding-top:0px; padding-right: 45px; height: 22px; width: 57px; float: right; } /*------------------------------------------ Sidebar ----------------------------------------------*/ #sidebar { margin: 0px; padding: 0px; width: 185px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url('sidebar.gif'); background-repeat: no-repeat; background-position: left top; background-color:#064b99; margin-left: 11px; margin-top: 10px; } #sidebar h6 { padding:0px; margin:0px; font-size: 17px; font-style: italic; color: #064b99; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } #sidebar ul { padding: 0px; margin: 0px; list-style-type: none; padding-top: 10px; padding-left: 15px; width: 170px; } #sidebar ul li h1 a{ padding: 0px; margin: 0px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #sidebar ul li { line-height: 24px; position: relative; } #sidebar ul li a { color: #8ab8dd; text-decoration: none; } #sidebar ul li a:hover { color: #FFFFFF; text-decoration: underline; } #sidebar ul li ul { padding: 0px; margin: 0px; } #sidebar ul li ul li { padding: 0px; margin: 0px; width: 155px; border-bottom: 1px dotted #9dd7f4; } #sidebar ul li ul li ul li{ width: 220px; border-bottom: 1px dotted #064b99; } #sidebar ul li ul li ul li h2 a{ font-size:small; font-weight:normal; } #sidebar ul li ul li:hover .flyout { visibility:visible;  } .flyout { margin: 0px; padding: 5px 0px 10px 10px; visibility:hidden; position: absolute; z-index: 1000; top: -4px; left: 140px; background: #c0e3f6; border: #064b99 2px solid; height: auto; width: 240px; } #arrow { position: absolute; z-index: 1001; top: 9px; right: 250px; } #sidebar .flyout li a{ margin: 0px; padding: 0px; color: #064b99; text-decoration: none; width: 180px; } #sidebar .flyout li a:hover { text-decoration: underline; color: #064b99; font-weight: bold; } /*--------------------------------------- Home Page Content -----------------------------------------------------------*/ #content h2 { font-size: 24px; color: #62bfec; } #content p { font-size: 13px; color: #252525; } .brochure { padding: 0px; margin: 0px; padding-left: 20px; padding-bottom: 20px; float: right; height: 254px; width: 210px; } .sports { color: #024998; } /*---------------------------------------------------------------Header------------------------------------------------*/ #header { background: url('contactinfo.gif') no-repeat top left; margin: 0px; padding: 0px; height: 102px; width: 693px; position: relative; } #head_tel{ position: absolute; left: 0px; top: 15px; } #head_email{ position: absolute; left: 0px; top: 40px; } #header #leftheader { margin: 0px; padding: 0px; float: left; width: 555px; height:102px; } #leftheader p { margin: 0px; padding: 0px; padding-top: 25px; padding-left: 410px; font-size: 10px; font-style: italic; color: #064b9a; } #header .item { font-size: 14px; font-weight: bold; } /*----- view and checkout buttons-----*/ .basket { float: right; padding-top: 4px; padding-right: 25px; } /* used only on home page */ #bottomheader { background: url('bottomheader_10.gif') no-repeat top left; margin: 0px; padding: 0px; padding-top: 16px; padding-left:2px; height: 90px; width: 691px; } /*----------------------------------------- Navigation --------------------------------------*/ #navigation { background: url('navigation.gif') no-repeat top left; margin: 0px; padding: 0px; height: 46px; width: 693px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #navigation ul { margin: 0px; padding: 0px; padding-left: 20px; list-style-type: none; } #navigation ul li { display: inline; height: 46px; position: relative; } #navigation ul li a{ padding-top: 14px; padding-left: 14px; padding-right: 14px; color: #FFFFFF; display: inline-block; text-decoration: none; } #navigation ul li a:hover{ text-decoration: none; color: #8ab8dd; } /*start of 2nd ul li */ #navigation ul li:hover .dropdown { visibility:visible;  } #navigation .dropdown { margin: 0px; padding: 0px; visibility:hidden; position: absolute; z-index: 1000; top: 15px; left: 0px; height: auto; width: 183px; } #navigation .dropdowntop { background: url('dropdowntop.gif') no-repeat left top; margin: 0px; padding: 0px; height: 14px; width: 193px; } #navigation .dropdownmid { background: url('dropdownmid.gif') repeat-y; margin: 0px; padding: 0px; height: auto; width: 193px; } #navigation .dropdownbot { background: url('dropdownbot1.gif') no-repeat left top; height: 19px; width: 193px; margin: 0px; padding: 0px; } #navigation .dropdownmid ul { padding: 0px; margin: 0px; width: 160px; padding-left: 15px; line-height: 24px; } #navigation .dropdownmid ul li h2 a{ padding: 0px; margin: 0px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #navigation .dropdownmid ul li h2 a:hover { text-decoration: underline; } /*start of 3rd ul li*/ #navigation .dropdownmid ul li ul{ padding: 0px; margin: 0px; width: 160px; } #navigation .dropdownmid ul li ul li { padding: 0px; padding-bottom: 5px; margin: 0px; width: 160px; height: auto; position: relative; } #navigation .dropdownmid ul li ul li a { margin: 0px; padding: 0px; color: #8ab8dd; text-decoration: none; border-bottom: 1px dotted #8ab8dd; width: 160px; } #navigation .dropdownmid ul li ul li a:hover { color: #FFFFFF; text-decoration: underline; } /*-------------------------------------------- Footer ----------------------------------------*/ #footer { margin: 0px auto; padding: 8px 0px 0px 15px; height: 100px; width: 915px; background: url('footer.gif') no-repeat top; } #footer p { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; } #footer .email { font-size: 14px; font-weight: bold; color: #FFFFFF; } #footer .address { font-size: 12px; color: #FFFFFF; } #footer .small { font-size: 10px; color: #FFFFFF; } #footer a { color: #FFFFFF;	 text-decoration: none; } #footer .verify { margin: 0px; margin-top: 14px; margin-right: 4px; float: right; padding: 0px; height: 69px; } /*----------------------------------------products page ----------------------------------------------------------*/ #prodcontent { margin: 0px; padding: 0px; width: 693px; height: auto; background: url('prodbkgrdrpt.gif') repeat-y; } .breadcrumbs { padding: 0px; margin: 0px; background: url('breadcrumb.gif') no-repeat top left; width: 643px; height: 33px; padding-top: 22px; padding-left: 40px; } .breadcrumbs a { font-size: 11px; color: #62bfec; margin: 0px; padding: 0px; text-decoration: none; } /*.selected is page selected for the breadcrumbs*/ .selected a { font-size: 11px; font-style: italic; font-weight: bold; color: #064b99; text-decoration: underline; } .producttype { margin: 0px; padding: 20px 0px 0px 20px; background: url('prodbkgrdtop.gif') no-repeat top left; min-height: 145px; height:auto !important; height: 145px; } .producttype h1 { font-size: 21px; color: #064b99; margin: 0px; padding: 0px; padding-bottom: 25px; } /*--------------------------------------Product description divs---------------------------*/ .product { margin: 0px; padding: 0px; margin-bottom: 18px; float: left; height: 100px; width: 310px; } .product img { margin: 0px; padding: 0px; float: left; height: 100px; width: 100px; } .product p { margin: 0px; padding: 0px; float: right; width: 200px; font-size: 11px; color: #000000; } .product a { padding: 0px; margin: 0px; font-size: 13px; font-weight: bold; color: #064b99; text-decoration: none; } .product a:hover { text-decoration: underline; } .product .link a { font-size: 11px; color: #064b99; text-decoration: none; font-weight: normal; } .product .link a:hover { text-decoration: underline; } .prodcontentbot { background: url('prodbkgbot.gif') no-repeat left top; margin: 0px; padding: 0px; height: 19px; width: 683px; } #payment { margin: 0px; padding: 0px; padding-top: 16px; padding-left:2px; height: 90px; width: 691px; } .sportsproduct{ width: 636px; padding: 0px; margin: 0px; border: 1px solid #064b99; margin-bottom: 5px; z-index: 100; font-size: 12px; } .sportsproduct h1{ width: 627px; margin: 0px; padding: 0px; height: 35px; line-height: 35px; background-image: url('prodh2.gif'); background-repeat: repeat-x; background-position: left 50%; font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-left: 10px; color: #FFFFFF; } .sportscontent{ padding: 0; float: left; margin-left: 10px; margin-right: 5px; margin-top: 8px; margin-bottom: 8px; width: 400px; } .sportscontentDUP{ padding: 0; float: left; margin-left: 10px; margin-right: 5px; margin-top: 8px; margin-bottom: 8px; width: 460px; } .image_product{ float: left; width: 200px; margin-left: 5px; margin-right: 10px; margin-top: 8px; margin-bottom: 8px; } .image_productDUP{ float: left; width: 140px; margin-left: 5px; margin-right: 10px; margin-top: 8px; margin-bottom: 8px; text-align: center; } #hometext{ float: left; width: 450px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; } #hometext h1{ font-family:Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #024998; } #brochure{ float: right; width: 215px; margin-left: 10px; margin-right: 8px; } #cffooter{ font-size: 10px; text-align:center; color: #FFFFFF; clear: both; } #cffooter a{ color: #FFFFFF; text-decoration:none; } #printbutt{ margin-right: 35px; float: right; padding: 4px; } #printbutt a{ text-decoration: none; } .name { color: #800000; font-weight:bold; } .otherimage{ padding-bottom: 10px; float: left; cursor: pointer; } #banner{ width: 615px;  border: solid 1px #CCC;  background-color: #FFFFFF;  margin-bottom: 5px;  padding: 10px; clear:both; margin-top: 5px; } #banner a{ text-decoration: none; } #banner a:hover{ text-decoration: underline; }