/* -------------------------------------------------------------------------------------- Style for everything contained within (including background color, image etc. Also, default font (if no style is defined) - usually set this the same as .maintext) -------------------------------------------------------------------------------------- */ .bodystyle { background: #ffffff url(../template/images/mainbg.jpg) repeat-x; margin: 0px; padding: 14px 10px 10px 14px; font-family : Arial, Verdana, Tahoma, Verdana, Times New Roman; font-size : 11px; font-weight : normal; letter-spacing : 0px; color : #666666; line-height : 160%; } /* -------------------------------------------------------------------------------------- Main paragraph text -------------------------------------------------------------------------------------- */ .maintext, li, blockquote { font-family : Arial, Verdana, Tahoma, Verdana, Times New Roman; font-size : 11px; font-weight : normal; letter-spacing : 0px; color : #666666; line-height : 160%; } /* -------------------------------------------------------------------------------------- Content area - e.g. bg colour for area/cell with content -------------------------------------------------------------------------------------- */ .content_area { background-color: #ffffff; } /* -------------------------------------------------------------------------------------- Size of larger paragraph text. -------------------------------------------------------------------------------------- */ .largetext { font-size : medium; } /* -------------------------------------------------------------------------------------- Size of smaller paragraph text. -------------------------------------------------------------------------------------- */ .smalltext { font-size : x-small; } /* -------------------------------------------------------------------------------------- Hyperlinks -------------------------------------------------------------------------------------- */ A:link { color: #DC2328; text-decoration: none; } A:visited { color: #DC2328; text-decoration: none; } A:hover { color: #666666; text-decoration: underline; } A:active { color: #DC2328; text-decoration: none; } .activelink A:link, .activelink A:visited, .activelink A:hover, .activelink A:active { color: #DC2328; text-decoration: none; font-weight: bold; background: url(../template/images/arrow_red.gif) center right no-repeat; margin: 10px 3px 10px 0px; padding-right: 25px; font-size: 12px; } .sidelinks A:link { color: #666666; text-decoration: none; font-weight: bold; background: url(../template/images/arrow_grey.gif) center right no-repeat; margin: 10px 3px 10px 0px; padding-right: 25px; font-size: 12px; } .sidelinks A:visited { color: #666666; text-decoration: none; font-weight: bold; background: url(../template/images/arrow_grey.gif) center right no-repeat;); margin: 10px 3px 10px 0px; padding-right: 25px; font-size: 12px; } .sidelinks A:hover { color: #DC2328; text-decoration: none; font-weight: bold; background: url(../template/images/arrow_red.gif) center right no-repeat;); margin: 10px 3px 10px 0px; padding-right: 25px; font-size: 12px; } .sidelinks A:active { color: #666666; text-decoration: none; font-weight: bold; background: url(../template/images/arrow_grey.gif) center right no-repeat;); margin: 10px 3px 10px 0px; padding-right: 25px; font-size: 12px; } /* -------------------------------------------------------------------------------------- The labels on the 'Contact Us' page (e.g. Telephone, E-mail etc) -------------------------------------------------------------------------------------- */ .contact_heading { color: #000000; } /* -------------------------------------------------------------------------------------- Main page heading ('About Us', 'News' etc) -------------------------------------------------------------------------------------- */ h1, .pagetitle { font-family : Arial, Trebuchet MS, Verdana, Times New Roman; font-size : 21px; font-weight : bold; letter-spacing : 0px; color : #DC2328; line-height : 20px; margin: 0px 0px 10px 0px; text-transform: uppercase; } /* -------------------------------------------------------------------------------------- Paragraph sub-headings -------------------------------------------------------------------------------------- */ h2, .heading { font-family : Arial, Trebuchet MS, Verdana, Times New Roman; font-size : 14px; font-weight : bold; letter-spacing : 0px; text-transform: uppercase; margin: 15px 0px 5px 0px; color : #DC2328; } /* -------------------------------------------------------------------------------------- Same as subheading, but highlighted (example usage is on gallery paging, to show current page number) -------------------------------------------------------------------------------------- */ .heading_highlighted { font-family : Arial, Trebuchet MS, Verdana, Times New Roman; font-size : 14px; font-weight : bold; letter-spacing : 0px; text-transform: uppercase; margin: 15px 0px 5px 0px; color : #000000; } /* -------------------------------------------------------------------------------------- Image captions (displayed under images, if enabled) -------------------------------------------------------------------------------------- */ .image_caption { color: #000000; background-color: #cccccc; font-size : x-small; padding: 2px; } /* -------------------------------------------------------------------------------------- If extra columns of text are to be shown on the side of the page. Ignore if not. -------------------------------------------------------------------------------------- */ .side_text { color: #000000; background-color: #C0C0FF; padding: 3px; font-size : xx-small; } /* -------------------------------------------------------------------------------------- Header style for side paragraphs (see above). -------------------------------------------------------------------------------------- */ .side_heading { background-color: #ffffff; font-size : x-small; font-weight : bold; color : #000000; padding: 3px; } /* -------------------------------------------------------------------------------------- Overall page header text (not usually used) -------------------------------------------------------------------------------------- */ .page_header { font-size : x-small; font-weight : bold; } /* -------------------------------------------------------------------------------------- Overall page footer (e.g. copyright information) -------------------------------------------------------------------------------------- */ .page_footer { font-size : x-small; font-weight : normal; } /* -------------------------------------------------------------------------------------- Tables for displaying information, within the paragraphs -------------------------------------------------------------------------------------- */ .tablestyle { border: 1px solid #cccccc; background-color: #ffffff; } .tableheading { border: 1px solid #cccccc; background-color: #ffffff; color: #000000; } .productbox { background: #EFEFEF; padding: 10px; margin-bottom: 10px; } /* -------------------------------------------------------------------------------------- If borders are enabled for images, style set here -------------------------------------------------------------------------------------- */ .image_border { border: 1px solid #000000; } /* -------------------------------------------------------------------------------------- Style for

lines - color is for Internet Explorer, background-color is used by Mozilla -------------------------------------------------------------------------------------- */ hr { color: #ffffff; background-color: #ffffff; border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #000000; height: 1px; } .rule { width: 100%; height: 14px; background: #ffffff url(../template/images/hr_bg.gif) center left repeat-x; } .vertrule { background: #ffffff url(../template/images/vert_bg.gif) top center repeat-y; } /* -------------------------------------------------------------------------------------- Form buttons -------------------------------------------------------------------------------------- */ .button { color: #DC2328; text-decoration: none; font-weight: bold; background: url(../template/images/arrow_red.gif) top right no-repeat;); margin: 0px; padding-right: 20px; font-size: 12px; font-family: arial; border: 0px solid #ffffff; cursor: hand; } /* -------------------------------------------------------------------------------------- Form boxes (e.g. contact us form) -------------------------------------------------------------------------------------- */ .inputbox { background-color: #ffffff; border: 1px solid #B2B2B2; } /* -------------------------------------------------------------------------------------- Tabs (for directory system, etc) -------------------------------------------------------------------------------------- */ .tabs_main { background-color: #E2E3FC; border: 1px solid #000000; } .tabs_active { background-color: #E2E3FC; border: 1px solid #000000; border-bottom-width: 0px; } .tabs_inactive { background-color: #AFB0C3; border: 1px solid #000000; } .tabs_hover { background-color: #C1C5F9; border: 1px solid #000000; } /* -------------------------------------------------------------------------------------- Highlighted text (for highlighting search key words in results) -------------------------------------------------------------------------------------- */ .texthighlight { background-color: yellow; } /* -------------------------------------------------------------------------------------- Style for popup windows -------------------------------------------------------------------------------------- */ .popupstyle { padding: 10px; background-image: no-image; background-color: #ffffff; margin: 0px; font-family : Verdana, Tahoma, Arial, Verdana, Times New Roman; font-size : small; font-weight : normal; letter-spacing : 0px; color : Black; line-height : 120%; } /* -------------------------------------------------------------------------------------- Style for displayed code (e.g. within affiliates system) -------------------------------------------------------------------------------------- */ code { font-size: 12px; } /* -------------------------------------------------------------------------------------- Forum styles -------------------------------------------------------------------------------------- */ .forum { background-color: White; } .top { background-color: #E2E3FC; } .cat { background-color: #CCFFCC; } .evenrow { background-color: #C0C0FF; } .oddrow { background-color: #ffffff; } /* -------------------------------------------------------------------------------------- Category tree (/sellers.php) -------------------------------------------------------------------------------------- */ .tree { font-family : Verdana; font-size : small; font-weight : normal; padding: 7px; white-space: nowrap; } .tree img { border: 0px; height: 18px; vertical-align: text-bottom; } .tree a.nodeSel { background-color: #DADAFF; } /* -------------------------------------------------------------------------------------- Vertical Menu -------------------------------------------------------------------------------------- */ .vert_main_out_outer { text-decoration: none; height: 32px; background: url(../template/images/big_grey.gif) top center no-repeat; padding: 0px 27px 14px 0px; } .vert_main_out_inner { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; text-align: right; font-weight: bold; font-size: 10pt; text-decoration: none; color: #636363; } .vert_main_over_outer { text-decoration: none; height: 32px; background: url(../template/images/big_red.gif) top center no-repeat; padding: 0px 27px 14px 0px; } .vert_main_over_inner { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; text-align: right; font-weight: bold; font-size: 10pt; text-decoration: none; color: #DE2929; } .vert_main_table { border: 0px solid #ffffff; padding: 0px; } .vert_sub_out_outer { text-decoration: none; background-color: #ffffff; height: 22px; padding-left: 10px; padding-right: 10px; } .vert_sub_out_inner { text-align: left; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; color: #636363; font-weight: bold; } .vert_sub_over_outer { text-decoration: none; background-color: #ffffff; height: 22px; padding-left: 10px; padding-right: 10px; } .vert_sub_over_inner { text-align: left; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; color: #DE2929; font-weight: bold; } .vert_sub_table { background-color: #ffffff; border: 1px solid #000000; } /* -------------------------------------------------------------------------------------- Horizontal Menu -------------------------------------------------------------------------------------- */ .horiz_main_out_outer { text-decoration: none; } .horiz_main_out_inner { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff; padding: 2px 4px 2px 4px; } .horiz_main_over_outer { text-decoration: none; } .horiz_main_over_inner { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #000000; padding: 2px 4px 2px 4px; } .horiz_main_table { padding: 0px; text-align: center; } .horiz_sub_out_outer { text-decoration: none; background-color: #C0C0FF; } .horiz_sub_out_inner { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #3B3C6C; padding: 2px 4px 2px 4px; } .horiz_sub_over_outer { text-decoration: none; background: #3B3C6C; } .horiz_sub_over_inner { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff; padding: 2px 4px 2px 4px; } .horiz_sub_table { background-color: #C0C0FF; border: 1px solid #ffffff; padding: 0px; }