/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Cartweaver Administration CSS © 2002, All Rights Reserved. You may modify this file to make changes throughout your site. Last Updated: 6/24/02 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Purpose:Page margins and colors Application:Automatic Note:Margin is set for IE Browser only. Set Margins for NS in the body tag if desired. Additional Info: Learn more about margins and CSS at http://www.dwfaq.com/tutorials/basics/margins.asp */ body{ margin:0px; padding:0px; color:#333333; } /* Purpose:Default font and text size for listed tags Application:Automatic */ body,table,td,th,p,ol,ul,li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } /* Input text for leftbar */ input.leftbar{font-family: Arial, Helvetica, sans-serif; font-size:10px;} textarea.leftbar{font-family: Arial, Helvetica, sans-serif; font-size:10px;} select.leftbar{font-family: Arial, Helvetica, sans-serif; font-size:10px;} /* Purpose:The page background color & a custom class (.bodycolor) to use when you need the same background color as the body. Application:Automatic to . .bodycolor Application: ,
,

,,

*/ body, .bodycolor{ /*background-color:#BBBBBB;*/ background-color:#FFFFFF; } /* Purpose: Font Class creation */ font.pdfont {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000;} /* Purpose: change the header colors */ span.red {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FF0000;} /* Purpose: Mostly used as alternative background color in table cells Application: ,
,

,,

*/ .bckgrndcolor{ background-color:#CCCCCC; } /* Purpose: Mostly used as alternative background color in table cells Also since the background color is a yellowish, it is used to highlite information. Application: ,
,

,,

*/ .rowcolor { background-color : #FFFFCC; } /* Purpose:Style all
with the specified color text and background color Application:Automatic */ th{ color:#FFFFCC; background-color:#444444; font-size: 14px; } /* Purpose:Default document link styles Application:Automatic Note: a:hover and a:active are not available in NS4x */ a:link{ color:#003366; } a:visited{ color:#666699; } a:hover{ color:#003366; text-decoration:none; } a:active{ color:#666699; text-decoration:none; } /* Purpose:Navigation- Plain and Linked Text Application:,
,

Note: How this class is applied may affect earlier browsers. Be sure to check your application early in the design process, and often. */ .nav{ color:#FFFFFF; background-color:#009966; } .nav a:link{ font-weight:bold; color:#CCCC99; text-decoration:none; } .nav a:visited{ font-weight:bold; color:#CCCC99; text-decoration:none; } .nav a:hover{ font-weight:bold; color:#FFFFCC; text-decoration:none; } .nav a:active{ font-weight:bold; color:#CCCC99; text-decoration:none; } /* Purpose:Secondary Navigation Plain and Linked Text Application:,
,

*/ .navTwo{ color:#FFFFFF; background-color:#444444; } .navTwo a:link{ font-weight:bold; color:#CCCC99; text-decoration:none; } .navTwo a:visited{ font-weight:bold; color:#CCCC99; text-decoration:none; } .navTwo a:hover{ font-weight:bold; color:#FFFFCC; text-decoration:none; } .navTwo a:active{ font-weight:bold; color:#CCCC99; text-decoration:none; } /* Purpose:Used for copyright notice and other text needing "fine print" Application:,
,

*/ .smallprint { font-size: 10px; } /* Purpose: Used for the page header include, but can serve other purposes Application:,,
,

*/ .header { font-size: 16px; font-weight: bold; color: #009966; background-color: #000000; } /* Purpose:Used for the page footer include Application:,,
,

*/ .footer { font-size: 9px; color: #999999; } /* Purpose: Set the font to sans-serif for IE Application: Automatic Note: NS4x uses mono-space font in the .fieldcell class */ textarea, select{ font-family:Verdana,Arial,Helvetica,sans-serif; } /* Purpose: Set the font to mono-space for NS4x. This helps to keep form elements a similar size cross-browser. Application: Applied to the

tag only Note: NS4x only. Other browsers use the textarea, select defined above */ /*.fieldcell{ font-family:"Courier New", Courier, mono; } */ /* Purpose: [admin] Formatting the sorting links that are meant to be small */ span.sort_links { font-size: 9px; color: #FFFFFF; } span.sort_links a:link{ font-weight: bold; color: #FFFFCC; text-decoration:none; } span.sort_links a:active{ font-weight: bold; color: #FFFFCC; text-decoration:none; } span.sort_links a:hover{ font-weight: bold; color: #FFFFFF; text-decoration:underline; } span.sort_links a:visited{ font-weight: bold; color: #FFFFCC; text-decoration:none; } /* ====================================== */ /* === These links are for eliminating the colors around image links === */ span.no_color a:link img, a:active img, a:visited img{ border-style:none; } span.highlight { background-color: yellow; font-weight: bold; } span.highlightgrn { background-color: #009966; font-weight: bold; color: #ffffff; } span.highlightgry { background-color: #CCCCCC; font-weight: bold; color: #333333; } td.bold_text { font-weight: bold; } span.bold_text { font-weight: bold; } span.product_title { font-size: 15px; font-weight: bold; } span.heading { font-size: 15px; font-weight: bold; } span.page_heading { font-size: 20px; font-weight: bold; border-bottom: 1px solid #000000; display:block; } td.message { color: red; } span.message { color: red; } span.msg { color: red; font-weight: bold; } td.required { font-weight: bold; } /* ========= [ START ] Header styles =================== */ /* For the header */ div#nav_header { margin:0px; padding:2px; height:100px; /* 95px[main] + 2px[borders] + 0px[padding] = 97px For IE5/Win's benefit height = [correct height + top padding + top/bottom border widths] */ /* border-top:1px solid #000000; */ border-bottom:1px solid #000000; /* top and bottom borders: 1px; left and right borders: 0px */ /* background: #EEEEEE;*/ background: #FFFFFF; voice-family: "\"}\""; voice-family:inherit; height:120px; /* the correct height */ } div#nav_header_title { font: bold 22px Arial, Verdana, Helvetica, sans-serif; } div#nav_subheader_title { font: bold italic 15px Arial, Verdana, Helvetica, sans-serif; } .nav_subheader_title { font: bold italic 15px Arial, Verdana, Helvetica, sans-serif; } /* Category Bar */ div#catbar { padding: 0px; margin: 0px; background-color:#009966; border-bottom:1px solid #000; } /* selected indicates that we are in this category */ td#selected { font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; background-color: #009966; width:110px; color: #FFFFFF; } td#selected a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#selected a:link, td#selected a:visited { background-color: #66CC99; display: block; margin:0px; width:110px; line-height: 20px; } td#selected a:hover{ font-weight:bold; color: #000000; background-color: #66CC99;} /* Rselected is the rightmost selected cell */ td#Rselected { font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* border-right: 1px solid #000; */ background-color: #009966; width:110px; color: #FFFFFF; } td#Rselected a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#Rselected a:link, td#Rselected a:visited { background-color: #66CC99; display: block; margin:0px; width:110px; line-height: 20px; } td#Rselected a:hover{ font-weight:bold; color: #000000; background-color: #66CC99;} /* END Rselected */ /* headcategories is the standard look */ table#headcategories{ /* border-left: 1px solid #000;*/ margin-bottom:0px; vertical-align:bottom; display:block; } td#headcategories { font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; background-color: #009966; width:110px; color: #FFFFFF; } td#headcategories a { text-decoration: none; display: block; margin:0px; padding:0px; color:#FFFFFF; } td#headcategories a:link, td#headcategories a:visited { background-color: #009966; display: block; margin:0px; width:110px; line-height: 20px; } td#headcategories a:hover{ font-weight:bold; color: #000000; background-color: #66CC99;} /* Rheadcategories is the right side look */ table#Rheadcategories{ /* border-left: 1px solid #000;*/ margin-bottom:0px; vertical-align:bottom; display:block; } td#Rheadcategories { font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* border-right: 1px solid #000; */ background-color: #009966; width:110px; color: #FFFFFF; } td#Rheadcategories a { text-decoration: none; display: block; margin:0px; padding:0px; color:#FFFFFF; } td#Rheadcategories a:link, td#Rheadcategories a:visited { background-color: #009966; display: block; margin:0px; width:110px; line-height: 20px; } td#Rheadcategories a:hover{ font-weight:bold; color: #000000; background-color: #66CC99;} /* END Rheadcategories */ div#subcatbar { padding: 0px; margin: 0px; background-color:#66CC99; /*border-bottom:1px solid #000;*/ } /* Begin subheader */ /* subcategories is the standard look */ table#subcategories{ /* border-left: 1px solid #000; */ margin-bottom:0px; vertical-align:bottom; display:block; } td#subcategories { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#subcategories a { text-decoration: none; display: block; margin:0px; padding:0px; /* color:#444444; */ color:#eeeeee; } td#subcategories a:link, td#subcategories a:visited { background-color: #66CC99; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#subcategories a:hover{ font-weight:bold; color: #000000; /*background-color: #99CC99;*/ background-color: #CCFFCC; } /* Rsubcategories is the rightmost cell look */ table#Rsubcategories{ /* border-left: 1px solid #000; */ margin-bottom:0px; vertical-align:bottom; display:block; } td#Rsubcategories { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* border-right: 1px solid #000; */ background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#Rsubcategories a { text-decoration: none; display: block; margin:0px; padding:0px; /* color:#444444; */ color:#eeeeee; } td#Rsubcategories a:link, td#Rsubcategories a:visited { background-color: #66CC99; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#Rsubcategories a:hover{ font-weight:bold; color: #000000; /*background-color: #99CC99;*/ background-color: #CCFFCC; } /* END Rsubcategories */ /* subcategories top row is for all rows except the bottom the difference is that there is a border bottom element set (bottom row doesn't need it */ td#subcategories_toprow{ font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#subcategories_toprow a { text-decoration: none; display: block; margin:0px; padding:0px; /* color:#444444; */ color:#eeeeee; } td#subcategories_toprow a:link, td#subcategories_toprow a:visited { background-color: #66CC99; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#subcategories_toprow a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* Rsubcategories top row is for the rightmost row except the bottom the difference is that there is a border bottom element set (bottom row doesn't need it */ td#Rsubcategories_toprow{ font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* border-right: 1px solid #000; */ border-bottom: 1px solid #000; background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#Rsubcategories_toprow a { text-decoration: none; display: block; margin:0px; padding:0px; /* color:#444444; */ color:#eeeeee; } td#Rsubcategories_toprow a:link, td#Rsubcategories_toprow a:visited { background-color: #66CC99; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#Rsubcategories_toprow a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* END Rsubcategories_toprow */ /* sub_selected is the current page we are on...make a different color */ td#sub_selected { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#sub_selected a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#sub_selected a:link, td#sub_selected a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#sub_selected a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* sub_selected_top is the current page we are on...make a different color and add bottom border */ td#sub_selected_top { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#sub_selected_top a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#sub_selected_top a:link, td#sub_selected_top a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#sub_selected_top a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* Rsub_selected_top rightmost top selected cell */ td#Rsub_selected_top { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* border-right: 1px solid #000; */ border-bottom: 1px solid #000; background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#Rsub_selected_top a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#Rsub_selected_top a:link, td#Rsub_selected_top a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#Rsub_selected_top a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* Rsub_selected is the rightmost cell */ td#Rsub_selected { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; /* border-right: 1px solid #000;*/ background-color: #66CC99; /* width:210px; */ color: #FFFFFF; } td#Rsub_selected a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#Rsub_selected a:link, td#Rsub_selected a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#Rsub_selected a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* END Rsub_selected and Rsub_selected_top */ /* Begin third tier subheader */ div#thirdtiercatbar { padding: 0px; margin: 0px; background-color:#CCFFCC; border-bottom:1px solid #000; } /* thirdtier is the standard look */ table#thirdtier{ border-left: 1px solid #000; margin-bottom:0px; vertical-align:bottom; display:block; } td#thirdtier { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; background-color: #CCFFCC; /* width:210px; */ color: #FFFFFF; } td#thirdtier a { text-decoration: none; display: block; margin:0px; padding:0px; color:#444444; } td#thirdtier a:link, td#thirdtier a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#thirdtier a:hover{ font-weight:bold; color: #000000; /*background-color: #99CC99;*/ background-color: #CCFFCC; } /* thirdtier top row is for all rows except the bottom the difference is that there is a border bottom element set (bottom row doesn't need it */ td#thirdtier_toprow{ font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #CCFFCC; /* width:210px; */ color: #FFFFFF; } td#thirdtier_toprow a { text-decoration: none; display: block; margin:0px; padding:0px; color:#444444; } td#thirdtier_toprow a:link, td#thirdtier_toprow a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#thirdtier_toprow a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* thirdtier_selected is the current page we are on...make a different color */ td#thirdtier_selected { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; background-color: #CCFFCC; /* width:210px; */ color: #FFFFFF; } td#thirdtier_selected a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#thirdtier_selected a:link, td#thirdtier_selected a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#thirdtier_selected a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* thirdtier_selected_top is the current page we are on...make a different color and add bottom border */ td#thirdtier_selected_top { font: bold 11.5px Arial, Verdana, Helvetica, sans-serif; text-align: center; border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #CCFFCC; /* width:210px; */ color: #FFFFFF; } td#thirdtier_selected_top a { text-decoration: none; display: block; margin:0px; padding:0px; color:#000000; } td#thirdtier_selected_top a:link, td#thirdtier_selected_top a:visited { background-color: #CCFFCC; display: block; margin:0px; /* width:210px; */ line-height: 20px; } td#thirdtier_selected_top a:hover{ font-weight:bold; color: #000000; background-color: #CCFFCC;} /* BEGIN font class for left_bar.cfm */ td#leftbar_cat{ font: bold 10px Arial, Verdana, Helvetica, sans-serif; color: #444444; } td#leftbar_cat a { text-decoration: none; display: block; color:#444444; } td#leftbar_cat a:link, td#leftbar_cat a:visited { display: block; font-color:#444444; } td#leftbar_cat a:hover{ font-weight:bold; color:#444444; } /* END font class for left_bar.cfm */ /* BEGIN font class for left_bar.cfm */ td#leftbarLogin_cat{ font: bold 10px Arial, Verdana, Helvetica, sans-serif; color: #444444; } td#leftbarLogin_cat a { text-decoration: none; display: block; color:#444444; } td#leftbarLogin_cat a:link, td#leftbarLogin_cat a:visited { display: block; font-color:#444444; } td#leftbarLogin_cat a:hover{ font-weight:bold; color:#cc3333; } /* END font class for left_bar.cfm */ /* BEGIN leftbar_head */ td#leftbar_head { font: bold 12px Arial, Verdana, Helvetica, sans-serif; display: block; text-align: center; background-color: #009966; color: #FFFFFF; } /* END leftbar_head */ /* BEGIN font class for productdirectory.cfm */ td#productlist{ font: 10px Arial, Verdana, Helvetica, sans-serif; color: #000000; } td#productlist a:link, { font-color:#003366; } td#productlist a:visited { font-color:#666699; } td#productlist a:hover{ color:#003366; } th#productlist { color:#FFFFCC; background-color:#444444; font-size: 10px; } /* END font class for left_bar.cfm */ /* BEGIN font class for vendor.cfm */ .vendorname_bold{ font: 11px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000; } .vendorname_bold a:link, { font-color:#003366; } .vendorname_bold a:visited { font-color:#666699; } .vendorname_bold a:hover{ color:#003366; } /* END font class for left_bar.cfm */ /* ========= [ END ] Header styles =================== */