@charset "utf-8"; /* CSS Document */ img{ border: none;} body  { font: 100% "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; background: white; background-image: url("backgrnd2bikes.jpg"); 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; } #container {  width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */ border: 3px solid rgb(159, 147, 110); text-align: left; /* this overrides the text-align: center on the body element. */ }  #header {  padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ } #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 2px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ font: bold 25px/30px "arial black", "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif; color: black; text-align: center; } #header h2{ font: bold 18px/23px "Comic Sans MS", Garamond, "Times New Roman", Times, serif; padding: 0px 0px 15px 0px; margin: 0; color: rgb(159, 147, 110); text-align: center; } #sidebar1 { margin-right: 10px; padding: 0; width: 178px; float: left; } #mainContent { float: left; margin: 0 0 20px 0; border: 0; padding: 0; width: 605px; }  #footer {  padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:rgb(159, 147, 110); }  #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 3px 10px 3px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ font: 0.8em "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; color: white; text-align: center; } .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; } .brochureImgRt{ padding: 0; margin: 5px 5px 5px 8px; border: 3px solid rgb(159, 147, 110); float: right; } h1{ font: 1.15em/1.3em "Comic Sans MS", Garamond, "Times New Roman", Times, serif; color: rgb(159, 147, 110); } h2{ font: 1.47em/1.65em  "Comic Sans MS", Garamond, "Times New Roman", Times, serif; font-weight: bold; color: rgb(159, 147, 110); text-align: left; } h3,h4,h5,h6,p {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; } h3{font-size: 0.95em; font-style: italic; text-align: center;} h4{font-size: 0.8em; text-align: center; color: rgb(159, 147, 110);} h5{font-size: 0.7em; text-align: left;} h6{font-size: 0.7em; text-align: left; font-style: italic;} p{font: 0.9em/1.2em  "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; padding: 0; margin: 0.8em 0px;} .redtext{color: red;} .ital{ font-style: italic; } p.caption{ font: 13px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; font-style: italic; padding: 3px; margin: 0px; } p.caption2{ font: 13px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; font-style: italic; padding: 3px 3px 3px 75px; margin: 0px; } /* -- Lists  --*/ #mainContent ul{ padding: 5px 0px 15px 20px; border: 2px red; } #mainContent ul li{ font:0.9em/1.2em "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; padding: 1px 0px 0.9em 0.6em; } hr { width : 95%; height :3px; color : rgb(159, 147, 110); padding-top: 0px; margin-top: 0px; } /* menu design */ #menubar{ width: 100%; height: 1.5em; background-color: rgb(159, 147, 110); margin-bottom: 0.5em; z-index: 3; } ul {  padding:0px; margin:0px; } div#menubar ul li { font: 0.9em/1em "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; font-weight: bold; list-style-type: none; float: left; background-color: rgb(159, 147, 110); z-index: 3; } div#menubar ul li a { display:block; width:130px; text-indent:5px; text-decoration: none; line-height:1.5em; color: black; border:1px solid black; /* format the design */ } div#menubar ul li a:hover { text-decoration: none; color: black; background-color: rgb(255, 247,198); } /*  --- Links etc, --- */ A:LINK{color: #076c8d; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; } A:ACTIVE{color : purple; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; text-decoration: none;} A:VISITED{color : #555; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Geneva ,Helvetica, sans-serif; } A:HOVER{color : red; text-decoration : underline; } #footer a{ color: white; text-decoration: none; margin: 0 35px 0 35px ; } #footer a:hover{ color: white; text-decoration: underline; } /* ---------- 5. Shop Items ---------- */  #searchbar { float: right; margin: 0 10px 5px 15px; border: #c24026 1px solid; } #links { margin-top: 2px; margin-right: 5px; } #sidebar1 .actxxsmall{ color: red font-size: 40px;; } /* ---  Fonts ---*/ /*  Changes to Actinic Styles  */ .tech_menu_button_title	{ width: 178px; border-top: 1px #ffffff solid; background-color: #9f936e; } .tech_text_product_section	{ text-align:center; padding: 6px 3px 6px 3px; margin: 0px; color : #ffffff; font-size : 0.9em; font-weight: 900; } div.tech_menu_button_product { width: 176px;  top: 0px; left: 0px;  border: 1px #9f936e solid; } div.tech_menu_button_product a   { width: 160px;  color: #ffffff; text-decoration:none; display:block; padding:3px 3px 3px 12px; text-align:left; background-color: transparent; font-size: 11px; } div.tech_menu_button_product a:link { color: black;  text-decoration:none; background-color: transparent; /*background-color: #9f936e;*/ background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:visited { color: black;  text-decoration:none; background-color: transparent; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:hover { color: black;  text-decoration:none; background-color: #fff7c6; background-image:url('theme_arrow.gif'); }   .form_button_add_to_cart{ margin-bottom: 3px; } /* ---  Style for VOC Members Fragment -- */ .memberonly{ font-size: 13px; color: red; }