/* $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ .boxText { font-family: Arial; font-size: 11px; } .errorBox { font-family: Arial; font-size : 11px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family: Arial; font-size : 11px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family: Arial; font-size : 11px; color: #6666FF; text-decoration: underline; } /*BODY { background: #ffffff url(bg.jpg); width: 100%; color: #666666; margin: 0px;*/ BODY { text-align: center; color: #666666; background: #ffffff url(bknew.jpg) repeat-x; margin: 0; } #cwdusacontainerfoot { width: 100%; background: #000000 url(footbk.jpg) repeat-x; border: 0px solid #000000;/*border can be removed for a borderless page*/ color: #666666; margin: 0px auto 0px auto;/*this codeing is margin top 10px,right auto, bottom 10px and left 10px. Don't change the auto*/ text-align: center; } #cwdusacontainer { width: 1000px; border: 0px solid #000000;/*border can be removed for a borderless page*/ color: #666666; margin: 0px auto 0px auto;/*this codeing is margin top 10px,right auto, bottom 10px and left 10px. Don't change the auto*/ text-align: center; } #cwdusacontainer2 { width: 1000px; border: 0px solid #000000;/*border can be removed for a borderless page*/ background: url(freedelivery.jpg); color: #666666; margin: 10px auto 10px auto;/*this codeing is margin top 10px,right auto, bottom 10px and left 10px. Don't change the auto*/ text-align: center; } A { color: #6666FF; text-decoration: none; } A:hover { text-decoration: underline; } A.footer { color: #ffffff; } A.footer:hover { color: #ffffff; } FORM { display: inline; } TR.header { } TR.headerNavigation { background: #000000; height: 32px; color: #ffffff; } TD.headerNavigation { font-family: Arial; font-size: 12px; background: #6666FF url(head3.png); color: #000000; } TR.headerNavigation2 { background: #ffffff; height: 32px; } TD.headerNavigation2 { font-family: Arial; font-size: 12px; color: #ffffff; } TR.headerNavigation3 { font-family: Verdana; font-size: 11px; color: #cccccc; height: 118px; } TD.headerNavigation3 { font-family: Verdana; font-size: 11px; color: #cccccc; } A.top { font-family: Arial; font-size: 11px; color: #cccccc; } A.top:hover { font-family: Arial; font-size: 11px; color: #ffffff; text-decoration:underline; } TD.top { font-family: Arial; font-size: 11px; color: #cccccc; } TD.top2 { font-family: Arial; font-size: 11px; color: #cccccc; line-height: 2px; } TD.underheaderNavigation { font-family: Arial; font-size: 12px; background: #ffffff url(under.png) left repeat; color: #6666FF; } TD.headerCart { font-family: Arial; font-size: 14px; color: #ffffff; background: #ffffff url(under.png) right repeat; } A.headerCart { color: #ffffff; } TD.footerCart { font-family: Arial; font-size: 12px; color: #ffffff; background: #000000 url(foot.png) repeat; } TD.footers2 { font-family: Arial; font-size: 11px; color: #666666; } A.footers2 { color: #ffffff; } A.underheaderNavigation { color: #ffffff; } A.headerNavigation { color: #ffffff; } A.headerNavigation:hover { color: #ffffff; } TR.headerError { background: #ff0000; } TD.headerError { font-family: Arial; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #6666FF; } TD.headerInfo { font-family: Arial; font-size: 12px; background: #6666FF; color: #666666; font-weight: bold; text-align: center; } TR.footer { background: #f8f8f9; height: 32px; color: #ffffff; } TD.footer { font-family: Arial; font-size: 12px; background: #6666FF url(head3.png); color: #ffffff; } A.footer { color: #ffffff; } A.footer:hover { color: #ffffff; } .infoBox { background: #ffffff; border: 1px solid #cccccc; } .infoBox2 { background: #f8f8f9 url(bkbox.jpg) repeat-x; background-position:bottom; border: 1px solid #cccccc; } .infoBoxContents { background: #ffffff; font-family: Arial; font-size: 11px; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: Arial; font-size: 11px; } TD.infoBoxHeading { font-family: Arial; font-size: 12px; background: #cccccc url(navinfo.jpg) repeat-x; color: #cccccc; height: 37px; text-align: center; font-weight:bold; /*text-indent: 5px; // add this line*/ } TD.infoBoxHeading2 { font-family: Arial; font-size: 12px; background: #ffffff url(navinfo.jpg) repeat-x; color: #cccccc; height: 37px; text-align: left; /*text-indent: 5px; // add this line*/ } TD.main2 { font-family: Arial; font-size: 11px; background: #ffffff; color: #666666; height: 37px; text-align: left; /*text-indent: 5px; // add this line*/ } TD.newBoxHeading { font-family: Arial; font-size: 12px; background: #6666FF url(navinfo.jpg) repeat-x; color: #cccccc; height: 37px; text-align: center; font-weight:bold; /*text-indent: 5px; // add this line*/ } TD.infoBox, SPAN.infoBox { font-family: Arial; font-size: 11px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #ffffff; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #ffffff; } TABLE.productListing { border: 1px; border-style: solid; border-color: #cccccc; border-spacing: 1px; } .productListing-heading { font-family: Arial; font-size: 11px; color: #ffffff; background: url(navinfo.jpg); height: 37px; } TD.productListing-data { font-family: Arial; font-size: 11px; } A.pageResults { color: #6666FF; } A.pageResults:hover { color: #6666FF; background: #ffffff; } TD.pageHeading, DIV.pageHeading { font-family: Arial; font-size: 20px; font-weight: bold; color: #666666; } TR.subBar { background: #ffffff; } TD.subBar { font-family: Arial; font-size: 11px; color: #666666; } TD.main, P.main { font-family: Arial; font-size: 12px; } TD.smallText, SPAN.smallText, P.smallText { font-family: Arial; font-size: 11px; } TD.accountCategory { font-family: Arial; font-size: 13px; color: #6666FF; } TD.fieldKey { font-family: Arial; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: Arial; font-size: 12px; } TD.tableHeading { font-family: Arial; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: Arial; font-size: 11px; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-family: Arial; font-size: 11px; } TEXTAREA { width: 100%; font-family: Arial; font-size: 11px; } SPAN.greetUser { font-family: Arial; font-size: 12px; color: #6666FF; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #adadad; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: Arial; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Arial; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: Arial; color: #ff0000; } SPAN.errorText { font-family: Arial; color: #ff0000; font-size: 11px; } .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family:Arial; font-size: 11px; color: #8c8c8c; } .checkoutBarCurrent { font-family:Arial; font-size: 11px; color: #666666; } /* message box */ .messageBox { font-family: Arial; font-size: 11px; } .messageStackError, .messageStackWarning { font-family: Arial; font-size: 11px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Arial; font-size: 11px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Arial; font-size: 11px; color: #ff0000; } /*- Menu Tabs --------------------------- */ #tabsJ { float: none; width:100%; height:25px; background:#ffffff url(bk.jpg); font-family: Arial; font-size:11px; font-weight: none; line-height:normal; border-bottom:0px } #tabsJ ul { margin:0; padding:0px 0px 0px 0px; list-style:none; } #tabsJ li { display:inline; margin:0; padding:0; } #tabsJ a span { float:left; display:inline; padding:25px 25px 25px 0px; color:#6666FF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsJ a span {float:none;} /* End IE5-Mac hack */ #tabsJ a:hover span { color:#6666FF; font-weight:bold; } #tabsJ a:hover { background-position:0% -42px; } #tabsJ a:hover span { background-position:100% -42px; } /*** Begin Header Tags SEO ***/ h1 { font-family: Arial; font-size: 20px; font-weight: bold; margin-bottom: 0; padding-bottom: 0; } h2 { font-family: Arial; font-size: 14px; font-weight: normal; margin-bottom: 0; padding-bottom: 0; } /*** End Header Tags SEO ***/ /*---------------------------------*/ /* Vertical Fly-Out Menu Style */ /*---------------------------------*/ .verbar { /* Color of main vertical menubar and border */ color: #6666FF; background-color: #ffffff; border: 0px outset #f8f8f9; } .vertitem { /* Behaviour of main vertical menu items, leave as is for proper operation */ text-align: left; white-space: nowrap; } .vertitem a { /* Font style, size of main menu items */ font-family: Arial; font-size: 11px; text-decoration: none; position: relative; display: block; } .vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */ color: #6666FF; text-decoration: none; } .vertitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */ color: #6666FF; text-decoration: underline; } .vertitem a:active { /* Font style & color, background menu color of main menu item when clicked */ color: #6666FF; text-decoration: none; } .vertsubmenu { /* Behaviour of sub-menu - leave as is for proper operation of submenus */ position: absolute; left: 0; top: 0; visibility: hidden; } .vertsubframe { /* Color of submenu item and border */ background-color: #ffffff; border: 1px outset #74828d; position: relative; display: block; } .vertsubitem { /* Behaviour of sub-menu - leave as is for proper operation of submenus */ text-align: left; white-space: nowrap; } .vertsubitem a { /* Font style, size of submenu items */ font-family: Arial; font-size: 11px; text-decoration: none; position: relative; display: block; } .vertsubitem a:link, .vertsubitem a:visited { /* Default font style & color of submenu items */ color: #6666FF; text-decoration: none; } .vertsubitem a:hover { /* Font style & color, background submenu color of submenu item when hovered over */ color: #6666FF; text-decoration: underline; } .vertsubitem a:active { /* Font style & color, background submenu color of submenu item when clicked */ color: #6666FF; text-decoration: none; } .vertsubitem .vertfwdarr, .vertitem .vertfwdarr { /* Positioning of right arrow for submenus */ position: absolute; top: 5px; right: 8px; } .dmselected { /* Style override for selected category tree */ background-color: #ffffff; font-weight: bold; } .verbar .dmselected { /* Style override for selected root category */ background-color: #ffffff; } /*** Begin Header Tags SEO ***/ h1 { font-family: Arial; font-size: 20px; font-weight: bold; margin-bottom: 0; padding-bottom: 0; } h2 { font-family: Arial; font-size: 14px; font-weight: normal; margin-bottom: 0; padding-bottom: 0; } /*** End Header Tags SEO ***/ /* Custom Product Builder */ .builder_heading { font-family: Arial; font-size: 12px; background: #eeeef0; color: #666666; font-weight: bold; } .builder_footing { font-family: Arial; font-size: 12px; background: #eeeef0; color: #666666; font-weight: bold; } TH { font-family: Arial; font-size: 11px; color: #666666; font-weight: bold; } /* End Custom Product Builder */ .ddsmoothmenu{ font: 12px Arial; background: #333333 url(navnew.jpg); /*background of menu bar (default state)*/ width: 100%; height:37px; font-weight:bold; } .ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .ddsmoothmenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .ddsmoothmenu ul li a{ display: block; color: white; padding: 10px 10px; border-right: 1px solid #666; border-left: 1px solid #333; color: #2d2b2b; text-decoration: none; height:17px; background: #333333 url(navnew.jpg) repeat-x; /*background of menu bar (default state)*/ } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; } .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: black url(navover.jpg) repeat-x; color: white; } .ddsmoothmenu ul li a:hover{ background: black url(navover.jpg) repeat-x; color: white; } /*1st sub level menu*/ .ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{ font: normal 11px Arial; width: 240px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; } .toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; } HR { color: #ccc; background-color: #ccc; height: 0px; border: none; } .tabcontent { padding:2em; /* acts little ike cellpadding, so dont touch this */ clear:both; background: #EEEEFF ; /* Background color */ border-top:1px solid #ddd; border-bottom:5px solid #ddd; border-left:1px solid #ddd; border-right:5px solid #ddd; color:#000000; /* font color */ font-size: 10px; /* font size -- does not affect standard view */ } #mainnavtabbed1{ clear:both; list-style-type:none; margin:0px; padding:0px; } #mainnavtabbed1 li{ margin-left:0px; /* distance between tabs */ margin-bottom:0px; text-align: center; /* alignment of text within tabs */ float:left; width:99px; /* width of actual tab */ margin-bottom:0px; } /* this is the active tab class, just as below */ #mainnavtabbed1 li a{ padding:5px; /* padding around the text within the tabs */ /* sempre io border-left:0px solid #ccc; /* border of the inactive tab */ /* border-top:0px solid #ccc; /* border of the inactive tab */ /* border-bottom:none; */ /* border-right:1px solid #ccc; /* border of the inactive tab */ background:none; display:block; color:#ffffff; text-decoration:none; background-image:url(images/icons/a_information2.gif); font: 13px Arial, Helvetica, sans-serif; } /* the folowing section deals with the tabbed button when active */ #mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{ color:#000000; /* Font color on tab */ background:#FFFFCC; /* Tab Color */ /* border-left:0px solid #aaa; border-top:0px solid #aaa; border-bottom:none; border-right:1px solid #aaa; */ background-image:url(images/icons/p_information2.gif); } /* the folowing section deals with the tabbed button when hovered */ #mainnavtabbed1 li a:hover{ color:#FF0000; /* Font color on hover */ background: #CCFFFF; /* sempre mi border-left:0px solid #ccc; border-top:0px solid #ccc; border-bottom:none; border-right:0px solid #ccc; */ background-image:url(images/icons/p_information1.gif); }