/*Datahost stylesheet*/ /*Set up body, td, and p as the same style. You'll also want to include the same info in the tag on main template.*/ body { margin: 30px 0px 70px 0px; padding: 0px; border: 0; background-color:#000000; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; font-size: 14px; line-height: 1.3em; color: #D18D04; text-align: center; /* Hack for IE5/Win */ } a { color: #905E02; } a:hover { color: #DEA507; } td { font-family: arial, helvetica, sans-serif; line-height: 1.3em; margin: 10px 20px 20px 30px; padding: 0px 10px 10px 10px; } p { font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } p:first-letter { font-size: 1.5em; line-height: 1.0em; vertical-align: baseline; } /*Main template styles.*/ #wrapper { position: relative; width: 790px; margin: 0 auto; } #banner { position: relative; padding-top:15px; padding-bottom:15px; padding-right:9px; height: 70px; } #contentwrapper { position: relative; width: 790px; margin: 0 auto; border: 1px solid #550000; } #content { position: relative; margin: 0 auto; width: 790px; visibility: visible; overflow:visible; padding: 0; } #text_nav { align: center; margin-bottom: 20px; } #text_nav ul { text-align: center; margin: 0px; padding: 0px; } #text_nav li { display: inline; list-style-type: none; padding: 2px 10px; text-align: center; } #text_nav a { color: #905E02; padding: 0px; margin: 0px; /*text-decoration: none; border-bottom: 1px solid #690203;*/ } #text_nav a:hover, #text_nav a#currentpage { color: #DEA507; text-decoration: none; } #text_nav a:active { color: #DEA507; text-decoration: none; /*border-bottom: 1px dashed #690203;*/ } #footer{ display: block; background: url(images/navbar.gif); background-repeat: no-repeat; background-position: top left; height: 54px; width: 693px; margin: 20px auto 0px auto; padding: 0px; text-align: center; } #footer ul{ text-align: center; padding-bottom: 3px; padding-top: 15px; padding-left: 0px; margin-top: 0px; /* cancels gap caused by top padding in Opera 7.54 */ margin-left: 0px; width: 100%; line-height: 20px; /* fixes Firefox 0.9.3 */ } #footer ul li{ display: inline; padding-left: 0px; padding-right: 0px; padding-bottom: 3px; /* matches link padding except for left and right */ padding-top: 3px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } #footer ul li a { padding-left: 10px; padding-right: 10px; padding-bottom: 3px; padding-top: 3px; color: #CC9900; text-decoration: none; border-right: 1px solid #CC9900; } #footer ul li a:hover, #footer ul li a#currentpage { color: #FFFF00; border-top: 1px solid #CC9900; border-bottom: 1px solid #CC9900; } #footeralt{ display: block; height: 25px; background-image: url(images/fancyrule.jpg); background-repeat: no-repeat; background-position: center center; margin: 0; margin-bottom: 20px; } #footer #firstitem a { border-left: 1px solid #CC9900; } #footerdetails { position: relative; } .siteby { padding-top: 8px; font-size: 11px; line-height: 1.2em; } .siteby a { text-decoration: none; } .bottomtxt { background: none; font-family: Arial, Helvetica, sans-serif; text-align: center; } /*index template styles*/ #infobox { position: relative; margin-top: 0px; margin-left: 440px; width: 325px; line-height: 1.3em; z-index: 2; } #infobox p { position: relative; text-align: left; margin: 0px 25px; margin-bottom: 20px; text-align: left; overflow: visible; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } #infobox h2 { position: relative; font-size: 14px; margin: -10px 30px; padding-bottom: 20px; text-align: center; } #napbirt { position: absolute; left: 40px; top: 290px; width: 300px; text-align: left; } .table_announcements { margin-top: 15px; margin-bottom: 0px; } .table_announcements td { width: 100%; padding: 0px 0px 15px 0px; } .table_specials { margin-top: 15px; margin-bottom: 0px; } .table_specials td { width: 33%; padding: 0px 10px 15px 0px; } .specialstitle { font-size: 18px; font-weight: 400; line-height: 1.1em; color: #bc56a2; } .specialsheader, .announcementheader { font-size: 14px; font-weight: bold; color: #9b0075; } .specialsheader a, .announcementheader a { color: #9b0075; text-decoration: none; } .specialsheader a:hover, .announcementheader a:hover { color: #51a22a; text-decoration: underline; } .specialstext, .announcementtext { } .specialsclickhere, .announcementclickhere { font-size: 11px; } /*Category and Product list, cell and details pages*/ h1 { margin-top: 0px; margin-bottom: 8px; font-size: 22px; line-height: 1.1em; font-family: Arial, Helvetica, sans-serif; } /*this is always used for the page title, except home page and product detail pages*/ h2 { margin-top: 10px; margin-bottom: 8px; font-size: 18px; line-height: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #8E6002; text-align: center; } h3 { margin-top: 30px; margin-bottom: 4px; font-size: 18px; line-height: 1.5em; padding-left: 7px; font-family: Arial, Helvetica, sans-serif; color: #8E6002; } h4 { margin-bottom: 4px; font-size: 15px; font-weight: bold; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #8E6002; } ul li { font-size: 14px; line-height: 1.2em; list-style-type: round; list-style-position: outside; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } ul.webpages { margin-top: 0px; margin-bottom: 10px; } ul li.webpages { font-size: 13px; line-height: 1.2em; /*list-style-type: none;*/ } ul.links { margin-top: 0px; margin-bottom: 5px; } ul li.links { font-size: 14px; line-height: 1.0em; list-style-type: round; /*list-style-position: outside;*/ font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; } /*ol li { list-style-type: decimal; }*/ .cellpadding { padding-bottom: 15px; }/*this is the bottom padding between cells*/ .table_margintop { width: 100%; margin-top: 15px; }/*this is on all the product_list and cat_list pages*/ .table_nomargin { width: 100%; margin-top: 0px; } .cellheader, .testimonialcellheader { font-size: 15px; color: #FFAA00; font-weight:bold; margin-bottom: 4px; } .cellheader a, .testimonialcellheader a { color: #FFAA00; text-decoration: none; } .cellheader a:hover, .testimonialcellheader a:hover { color: #8E6002; text-decoration: none; }/*cat name or product name, depending on which cell*/ .celltext, .testimonialcelltext { font-size: 13px; line-height: 1.3em;} .highlight { font-size: 13px; font-weight:bold; color: #308109; } .highlight a { color: #308109; text-decoration: underline; } .highlight a:hover { color: #9b0075; text-decoration: underline; } .multiheader { margin-top: 0px; margin-bottom: 8px; font-size: 18px; font-weight: 400; line-height: 1.1em; color: #6cbd45; background-color: #ffffff; display: block; padding: 4px 10px; } /*multilist header*/ .insertlist1 { font-size: 11px; } .insertlist1 a { text-decoration: none; } /*youarehere links*/ .nextprev, .gotocart, .cellclickhere { font-size: 12px; } .jumplinks {font-size: 12px; line-height: 1.5em;} /*used on faq page*/ .clickhere { font-size: 11px; line-height: 1.5em; } /*back to top links*/ .jumptobox { background-color: #bc56a2; padding: 5px; font-size: 12px; text-align: right; margin-bottom: 10px; } .tellafriend { background-color: #ffcc00; color: #000; padding: 2px; font-size: 11px; font-weight: bold; width: 100px; border-right: 1px solid #666; border-bottom: 1px solid #666; } .tellafriend a { color: #000; text-decoration: none; } .tellafriend:hover { /*background-color: #ffcc00;*/ } .fancybutton, .fancybutton2 { color: #333; font-weight: bold; border-top: 1px solid #ffcc00; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ffcc00; background-color: #ffcc00; margin:0; /*the following 4 styles are to prevent huge buttons in IE*/ padding:0 .25em; width: auto; overflow:visible; } .instructions { font-size: 13px; } .smallnotes { font-size: 10px; line-height: 1.1em; } /*Miscellaneous*/ input { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } form {margin-top: 0px; margin-bottom: 0px; } .formlabeltop { font-weight: bold; text-align: left; display: block; padding-top: 5px; padding-bottom: 3px; } .formborder { border: 1px solid #666; } .fancyform p { padding-top: 0px; clear: left; margin-bottom: 0px; margin-top: 8px; } .fancyform input, .fancyform textarea, .fancyform select, .fancyform option { border: 1px solid #666; } .fancyform p label { width: 110px; float: left; text-align: right; font-weight: bold; font-size: 13px; padding-right: 8px; } .fancyform p.rightcolumn { padding-left: 188px; font-size: 11px; padding-top: 0px; margin-top: 0px; } .fancyform p.submit { padding-left: 188px; } .shadedbox { background-color: #ddd; padding: 5px; } input.noborder { border: 1px solid #fff; } /*table {margin-top: 0px; margin-bottom: 0px; }*/ div.hr { display: block; height: 25px; background-image: url(images/fancyrule.jpg); background-repeat: no-repeat; background-position: center center; margin: 0; } /*Style for payment section pop-up windows. If website has a dark background color for set the background color in this style to the same color. Leave commented out if you wish the pop-up window to have a white background by default*/ .popup_table { width: 100%; padding: 0px; margin-bottom: 10px; /*background-color:#000000*/ } .label { font-size: 11px; line-height: 1.2em; font-weight: bold; } .attribute { font-size: 11px; line-height: 1.2em;} .message { font-size: 14px; color: #FFCC00; font-weight: bold; text-align: center; } .errormessage { font-size: 14px; color: #990000; font-weight: normal; } .errormessage a { color: #990000; } #testimonial { margin-top: 30px; margin-bottom: 30px; width: 98%; } #testimonial p { font-size: 12px; background: none; margin: 5px 3px 2px 15px; } .topquote { font-size: 5em; margin: 0px -10px -60px -15px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .bottomquote { font-size: 5em; margin: -20px 0px 0px 180px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; } #topquote2 { font-size: 5em; margin: 18px; margin-left: -12px; margin-bottom: -30px; text-align:left; font-family: Georgia, "Times New Roman", Times, serif; } #bottomquote2 { text-align: right; font-size: 5em; margin: 5px; margin-top: -40px; font-family: Georgia, "Times New Roman", Times, serif; } #rightcolumn, #leftcolumn { vertical-align: top; } #rightcolumn img, #leftcolumn img, .row img { margin: 10px; padding: 5px; border: 1px solid #690203; } .sonicimgs { margin-top: 260px; } .sonicimgs p { font-size: 12px; margin: 2px 2px 10px 2px; } .caption { margin: 0px; font-size: .8em; text-align: center; color: #CCCC66; } .caption:first-letter { font-size: 1em; } .floatleft { float: left; } .floatright { float: right; } .center { text-align: center; } .clearboth { clear:both; } .folioitem h2 { text-align: center; color: #FFAA00; } .folioitem h3 { font-size: 12px; text-align: center; margin-top: -9px; } .folioitem p { clear: both; background: none; margin: 5px 5px 5px 5px; } .listbox { color: #D18D04; font-size: small; } .listbox span { color: #905E02; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; } .listbox h2 {color: #D18D04} .listbox p { } .listbox h3 { color: #FFCC00; font-size: 12px; font-weight: normal; margin-top:5px; margin-bottom: 0px; }