/* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License*/ .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } BODY { background: #ffffff; color: #000000; margin: 3px;} BODY h1 { font: normal 100% Verdana;} h1 { font: normal 100% Verdana; color: black; display: inline;} A { color: #000000; text-decoration: none;} A:hover { color: #000000; text-decoration: underline;} FORM { display: inline;} /*-------- HEADER & FOOTER -----*/ TR.header { background: #ffffff;} TR h1 { font: normal 100% Verdana; display: inline;} TR.headerNavigation { background: #F796F8;} TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: green; font-weight : normal;} TD h1 { font: normal 100% Verdana; color: black; display: inline;} A.headerNavigation { color: green; } A.headerNavigation:hover { color: red;} TR.headerError { background: #ff0000;} TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo { background: #00ff00;} TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #1800FF; color: #ffffff; font-weight: bold; text-align: center;} TR.footer { background: #bbc3d3;} TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;} /*-------- INFO BOX -----*/ .infoBox { background: #b6b7cb;} .infoBoxContents { background: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 9px;} .infoBoxNotice { background: #FF8E90;} .infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #bbc3d3; color: #ffffff;} TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px;} /* 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: #f8f8f9;}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: #f8f8f9;} */ 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: #DFE9F8;} /* DFE9F8 */ 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: 0px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px;} .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #b6b7cb; color: #FFFFFF; font-weight: bold;} TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px;} A.pageResults { color: #0000FF;} A.pageResults:hover { color: #0000FF; background: #FFFF33;} TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #000000;}TR.subBar { background: #f4f7fd;} TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000;} TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5;} TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.smallT, SPAN.smallT, P.smallT { font-family: Verdana, Arial, sans-serif; font-size: 7px;} TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd;} TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;} TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px;} TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;} SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000;} CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px;} TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px;} SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #f0a480; font-weight: bold;} TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px;} TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;} SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold;} SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000;}SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000;} .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } /* VJ Links Manager v1.13 begin */ TABLE.linkListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px;} .linkListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #b6b7cb; color: #FFFFFF; text-align: center;} TD.linkListing-data { border-right: 1px solid #b6b7cb; border-bottom: 1px solid #b6b7cb; padding: 4px; font-family: Verdana, Arial, sans-serif; font-size: 10px;} TR.linkListing-odd { background: #f8f8f9;}TR.linkListing-even { background: #F5F5F5;} .linkFeatured { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #dbd6d6; color: #FFFFFF; text-align: center;} /* VJ Links Manager v1.13 end *//* sitemap */ ul.sitemap {color: #ff0000;} TABLE.popup { border-width: 1px; border-style: dotted; border-color:''; border-top-color; border-right-color; border-bottom-color; border-left-color} /* SiteMap UL _LI XXXXXXXXX*/ /* XC Menu Styles */ #sitemapdiv ul { font-size: 10px; margin-left: 5px; padding: 0 0 0 .9em;} /* menu item spacing */ #sitemapdiv li{ font-size: 9px; margin-bottom: .2em; } /*padding between submenu items*/ #sitemap ul li { font-size: 9px; padding: 0 0 .2em 0; } /* XC Menu Styles */ #catxcdiv ul {list-style: none; margin: 0; padding: 0 0 0 1.5em;} /* menu item spacing */ #catxcdiv li{ margin-bottom: .2em; } /*padding between submenu items*/ #catxc ul li { padding: 0 0 .2em 0; } /*xc menu item*/ #catxcdiv li.xc { list-style: none; } /*submenu*/ #catxcdiv li.xc ul { margin: .3em 0 0 -.8em; } /* +/- control */ div.xcx, div.xcc { position: relative; display: inline;} li.xc>div.xcx, li.xc>div.xcc { position: static; margin-left: -1.5em; float: left; width: 1.5em;} div.xcx a, div.xcc a { position: absolute; left: -2em;}div.xcx>a, div.xcc>a { position: static;} div.xcx a:link, div.xcx a:visited, div.xcc a:link, div.xcc a:visited { text-decoration: none; font-family: "Courier New", Courier, monospace; font-size: 90%;} .mws_boxTop { background: url('images/infobox/top.gif'); font-family: Tahoma; font-size: 11px; text-align : center; font-weight: bold; background-repeat:repeat-x; vertical-align: middle; white-space: nowrap; } .mws_boxLeft { background:url('images/infobox/left.gif'); } .mws_boxRight { background: url('images/infobox/right.gif'); } .mws_boxBottom { background: url('images/infobox/bot.gif'); font-family: Verdana, Arial, sans-serif; font-size: 11px; text-align :center; vertical-align: middle; white-space: nowrap; } .mws_boxCenter { background: #FFFFFF; } TD.noborderbox { font-family: Verdana, Arial, sans-serif; font-size: 10px;} .star-product-title { font-family: Verdana, Arial, sans-serif; text-align : center; font-size: 16px; font-weight: bold; color: #000000;} .star-product { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000;} .star-product-price{ font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #ff0000;} TD.productDesc { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; padding: 1px 1px 1px 2px; } TD.productheadDesc { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: bold; color: #3E5FEA; padding: 1px 0px 0px 2px; } /* ATTribute Sets*/ .dataTableHeadingContentBlack { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; } /* Header tags 2.5.9 */ h1{ font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #9a9a9a; } h2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } h1.title { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #FFFFFF; background:Green; } /* BOF: Open Featured Products */ TD.featuredProducts, TD.featuredCategories, TD.featuredManufacturers, TD.featuredManufacturerWP { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; } TD.featuredProducts A, TD.featuredCategories A, TD.featuredManufacturers A, TD.featuredManufacturerWP A { color: #000000; text-decoration: none; } TD.featuredProducts A:hover, TD.featuredCategories A:hover, TD.featuredManufacturers A:hover, TD.featuredManufacturerWP A:hover { color: #AABBDD; text-decoration: underline; } /* EOF: Open Featured Products */ TD.pollBoxRow { font-family: Verdana, Arial, sans-serif; font-size: 10px; /*border-color: #eeeeee; border-style: solid; border-width: 1px;*/ } TD.pollBoxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; /* border-color: #eeeeee; border-style: solid; border-width: 1px;*/ } TR.pollOptRow { /* background: #f1f9fe; */ } TR.pollFooter { /* background: #f1f9fe;*/ } /* Added sections form y by salim */ TR.hNavigation { background: #F796F8;} TD.hNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: green; color: white; font-weight : bold;} .hNav { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: green; font-weight : normal;} A.hNav { color: green; } A.hNav:hover { color: red;} .headerError { background: yellow;} /* start: corner module elements */ .ct { background-position: top right; display: block; font-size: 0; line-height: 0; margin: 0; height: 3px; width: 100%; position: relative; top: -1px; right: -1px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll } .ct .cl { background-position: top left; display: block; font-size: 0; line-height: 0; margin: 0; height: 3px; width: 3px; position: relative; left: -2px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll} .cb { background-position: bottom right; display: block; clear: both; font-size: 0; line-height: 0; margin: 0; height: 3px; width: 100%; position: relative; bottom: -1px; right: -1px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll} .cb .cl { background-position: bottom left; display: block; font-size: 0; line-height: 0; margin: 0; height: 3px; width: 3px; position: relative; left: -2px; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll} /* end: corner module elements */ /* start: content note */ #mboxes { border: 1px solid #FF0000; background: #FFFFFF; margin-top: 0px; } #mboxes .ct { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_ne.gif'); } #mboxes .ct .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_nw.gif'); } #mboxes .cb { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_se.gif'); bottom: -1px } #mboxes .cb .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_sw.gif'); } #mboxes div { padding: 0px; } #mboxes h1 { background: #F796F8; float: left; display: inline; width: 97%; font: bold 77% verdana; color: green; margin-left: 2px; margin-top:-3px; margin-bottom:0px; margin-right: 0px;} #mboxes h1 span { display: block; font: normal 90% Tahoma; margin-left: 2px; margin-top:0px; margin-bottom:0px; margin-right: 2px;} #mboxes h2 { float: left; display: inline; width: 95%; font: normal 70% verdana; color: #937015; margin:0px; margin-left: 2px;} #mboxes h2 span { display: block; font: normal 90% Tahona; margin:0px; margin-left: 2px; } #mboxes h3 {background: #F796F8; width: 100%; font: bold 77% verdana; color: green; margin-top:-2px; margin-bottom:0px;} #mboxeslink { display: block; text-align: right; width: 49%; margin-left: 50%; font-weight: bold; } #mboxeslink a { text-decoration: underline; } /* end: content note */ /* start: content note */ /* end: content note */ /* start: content note */ #fifnote { border: 1px solid #FF0000; background: #F796F8; margin-top: 1px; } #fifnote .ct { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_ne.gif'); } #fifnote .ct .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_nw.gif'); } #fifnote .cb { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_se.gif'); bottom: -1px } #fifnote .cb .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_sw.gif'); } #fifnote div { padding: 2px; } #fifnote h1 { float: left; display: inline; width: 99%; font: normal 100% Verdana; color: #000000; margin:0px; } #fifnote h1 span { display: block; font: normal 90% verdana; margin:0px;} #fifnote h2 { float: left; display: inline; width: 99%; font: normal 80% Verdana; color: #000000; margin:0px;} #fifnote h2 span { display: block; font: normal 77% verdana; margin:0px;} #fiflnks { font-weight: bold; font: normal 80% Verdana; color: #FF0030; } #fiflnks a { text-decoration: underline; font: normal 50% Verdana; color: #FF0030; } /* end: content note */ /* start: search module */ #fifbox { border: 1px solid #FF0000; background: #F796F8; margin: 7px 0; } #fifbox .ct { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_ne.gif'); } #fifbox .ct .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_nw.gif'); } #fifbox .cb { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_se.gif'); } #fifbox .cb .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_sw.gif'); } #fifbox fieldset { text-align: center; } #fifbox h1 { float: left; display: inline; width:99%; align: center; font: normal 75% Verdana; color: black ; } #fifbox h1 span { display: block; font: normal 77% verdana; width: 98% } #fifbox h2 { float: left; display: inline; width:99%; align: center; font: normal 75% Verdana; color: black ; } #fifbox h2 span { display: block; font: normal 77% verdana; width: 98% } #sw { position: relative; _bottom: 2px; font-size: 110%; _margin-left: 5.25em; } #ip input { width: 30%; } #sn { width: auto; margin: 0; } #l { display: block; float: right; width: 140px; margin-left: -6.75em; } #l ul { list-style: none; text-align: left; margin: 0; padding: 0; font: 70% Verdana; } #l li { background: url('http://www.click4oak.co.uk/simg/blt_sqr.gif') no-repeat 0 .5em; padding-left: 10px } .s2 { position: relative; bottom: 1px; cursor:pointer; cursor:hand; font: bold 77% verdana; color:#000; background:#ddd; } /* end: search module */ #midboxes { border: 1px solid #FF0000; background: #FFFFFF; margin-top: 0px; } #midboxes .ct { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_ne.gif'); } #midboxes .ct .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_nw.gif'); } #midboxes .cb { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_se.gif'); bottom: -1px } #midboxes .cb .cl { background-image: url('http://www.click4oak.co.uk/simg/cr_wrn_sw.gif'); } #midboxes div { padding: 0px; } #midboxes h1 { font: bold 100% verdana; margin-top:-2px; margin-bottom:0px;} #midboxes h3 {background: #F796F8; width: 100%; font: bold 100% verdana; color: green; margin-top:-2px; margin-bottom:0px;} /* end: content note */ /* DDB - 041031 - Form Field Progress Bar */ .progress{ width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; background-color: navy; padding-left: 5px;} } /* Columnar Change ****/ #maincontainer{ margin:0 auto; text-align:left; width:997px; background: #FFFFFF; /*background: #EBEBEB;*/ } #contentwrapper{ float: left; width: 100%; } #contentcolumn{ margin: 0 163px 0 168px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ } .innertube{ margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } #leftcolumn{ float: left; width: 165px; /*Width of left column*/ margin-left: -100%; } #rightcolumn{ float: left; width: 160px; /*Width of right column*/ margin-left: -161px; /*Set left marginto -(RightColumnWidth)*/ } .cboxcontainer{ width: 100%; padding: 2px 2px 2px 2px; font: normal 12px tahoma; text-align: left; /*set to left, center, or right to align the menu as desired*/ margin:0px; } #footer{ clear: left; width: 100%; color: #FFFFFF; text-align: center; padding: 4px 0; } #topsection{ background: #FFFFFF; height: 115px; /*Height of top section*/ margin: 0px; padding: 0px; } /* Boxs --------------*/ /* Headers -------------*/ .boxheader{ width:100%; border-bottom: 1px solid #929492; text-align: left; /*set to left, center, or right to align the menu as desired*/ margin: 0; color: white; background: #7711B1 url('siteimg/tab1s.gif') no-repeat top left;; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Verdana; padding-left:7px; padding-right:7px; padding-top:5px; padding-bottom:5px } /* Containers -------------*/ .boxcontainer{ padding: 0px 0px 0px 0px; font: normal 11px Verdana; text-align: left; /*set to left, center, or right to align the menu as desired*/ margin-bottom: 10px; color: #000000; /* background: #F6F3F3;*/ } /* -----------CSS PLAY ----------------*/ .out { display:block; background:#bbb; border:1px solid #ddd; position:relative; margin:0; } .in2 { display:block; background:#777; border:1px solid #999; position:relative; padding:1px; margin:1px; } .in { background:#fff; border:1px solid #555; position:relative; padding:5px; font-weight:normal; margin:0px; } .ltin { left:-5px; } .tpin { top:-5px; } .rtin { left:5px; } .narrow {width:2em;} .normal {width:180px;} .wide {width:18em;} .image {width:412px; padding:0;}