/* Well, well. Be glad I didn't compress this into one line. Then it'd be REALLY unreadable. Developed by : TLS Web Solutions Author: Tim Date Created: March 25, 2009 */ /* global reset */ * { padding: 0; margin:0; border: 0; outline: 0; } ul { } /* remember to define focus styles! */ /*******************************************************************************/ img { border: none; } a img, a:hover img { border: none; } /* end reset styles */ /****** Main Table ******/ .basicTable { width: 932px; margin: 0px auto; } .mainTable { width: 932px; } .mainTable75 { width: 932px; } .mainTable50 { width: 932px; } .mainTableCellLeft { padding: 10px 0 0 0; vertical-align: top; } .mainTableCellCenter { padding: 10px 5px 0 0; vertical-align: top; } .mainTableCellRight { padding: 10px 0 0 0; vertical-align: top; } .homeGreeting { padding: 4px 10px 4px 10px; vertical-align: top; } .homeGreetingTable { width: 100%; } .homeGreetingLeft { } .homeGreetingLeft img { } .homeGreetingCenter { padding: 10px 0px; width: 100%; border: 1px solid #DDDDDD; } .homeGreetingRight { } .homeGreetingRight img { } .introBlock { border: 1px solid #D5D5D5; } .introBlock td { padding: 6px; } /****** Main Table ******/ /*******************************************************************************/ /****** Menu ******/ .headerMenu { position: relative; width: 932px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(../images/ocreef/header.jpg) no-repeat center top; } .headerMenu td#logo { /* Background under logo on the site */ vertical-align: top; height: 166px; } .headerMenu td#logo img { /* Logo on the site */ margin: 6px 0px 0px 6px; } .headerMenu td#logoL { display: none; } .headerMenu td#logoL img { /* Logo on the site (if logo is left)*/ margin: 0px 0px 0px 0px; border: none; display: none; } .headerMenu td#menu { /* Text Menu with or without images */ width: 100%; background: #fff; padding: 0px 0px 0px 0px; vertical-align: top; } .headerMenu td#menu img.Img { width: 0px; height: 0px; } .headerMenu td#menu table { width: 100%; background: #89C01C url(../images/ocreef/menu.gif) repeat-x top left; border-top: 1px solid #F6FFBB; border-bottom: 1px solid #F4FFBC; } .headerMenu td#menu td { text-align: center; } .headerMenu td#menu td.begin { background: url(../images/ocreef/menuBegin.gif) no-repeat top left; width: 6px; } .headerMenu td#menu td.begin img { width: 6px; } .headerMenu td#menu td.end { background: url(../images/ocreef/menuEnd.gif) no-repeat top right; padding-left: 15px; width: 235px; text-align: right; } .headerMenu td#menu td.end img { width: 220px; } /* Active & Noneactive links in menu */ a.menu { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; white-space: nowrap; display: block; background: url(../images/ocreef/delim.gif) no-repeat center right; } a.menu:hover { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; white-space: nowrap; display: block; background: url(../images/ocreef/delim.gif) no-repeat center right; } a.menuActive { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; white-space: nowrap; display: block; background: url(../images/ocreef/delim.gif) no-repeat center right; } a.menuActive:hover { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; white-space: nowrap; display: block; background: url(../images/ocreef/delim.gif) no-repeat center right; } a.menu span, a.menu:hover span { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 15px 20px 17px 20px; background: url(../images/ocreef/try.gif) no-repeat bottom center; } a.menuActive span, a.menuActive:hover span { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 15px 20px 17px 20px; background: url(../images/ocreef/try.gif) no-repeat bottom center; } /****** Sub Menu ******/ .subMenuBlock { display:none; position:absolute; border-top: 1px solid #83AF26; border-left: 1px solid #83AF26; z-index: 2500; } a.subMenu { width: 150px; padding: 10px 20px 10px 10px; border-right: 1px solid #83AF26; border-bottom: 1px solid #83AF26; display:block; font: bold 12px/12px Verdana, Helvetica, sans-serif; color: #fff; text-decoration:none; text-align: left; background: #89C01C url(../images/ocreef/menu.gif) repeat-x center left; } a.subMenu:hover, a.subMenu:active { background: #89C01C url(../images/ocreef/menu.gif) repeat-x center left; font: bold 12px/12px Verdana, Helvetica, sans-serif; color: #fff; display:block; text-decoration: underline; } /****** Secondary Menu ******/ table.secondaryMenu { width: 100%; } .headerMenu td#menu td.secondaryBegin { background: url(../images/ocreef/menuBegin.gif) no-repeat top left; width: 6px; } .headerMenu td#menu td.secondaryBegin img { width: 6px; } .headerMenu td#menu td.secondaryEnd { background: url(../images/ocreef/menuSEnd.gif) no-repeat top right; padding-left: 15px; width: 235px; text-align: right; } .headerMenu td#menu td.secondaryEnd img { width: 220px; } a.secondaryMenu span { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 15px 20px 17px 20px; background: url(../images/ocreef/try.gif) no-repeat bottom center; } a.secondaryMenu:hover span { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 15px 20px 17px 20px; background: url(../images/ocreef/try.gif) no-repeat bottom center; } a.secondaryMenuActive span { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 15px 20px 17px 20px; background: url(../images/ocreef/try.gif) no-repeat bottom center; } a.secondaryMenuActive:hover span { color: #fff; text-decoration: none; font: bold 12px/12px Verdana, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 15px 20px 17px 20px; background: url(../images/ocreef/try.gif) no-repeat bottom center; } /****** Menu ******/ .filterPopup { display: none; position: absolute; border: 1px solid #ffd075; background-color: #fff1c7; z-index: 2000; } .filterPopup a { color: #0a0509; line-height: 160%; } .filterPopup a:hover, .filterPopup a:active { color: #1584d2; } /*****************************************************************************/ /************* Breadcrumb *******************/ .breadcrumb { margin: 20px 0px 10px 0px; } .breadcrumbBegin { } .breadcrumbBegin img { } .breadcrumbDelimiter { width: 100%; } .breadcrumbDelimiter td { } .breadcrumbDelimiter b { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; } .breadcrumbDelimiter a { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; text-decoration: none; } .breadcrumbDelimiter a:hover { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; text-decoration: underline; } .breadcrumbDelimiter a.treeItemLast { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; text-decoration: none; cursor: text; } .breadcrumbDelimiter a.treeItemLast:hover { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; text-decoration: none; cursor: text; } .breadcrumbDelimiter span { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; } .breadcrumbDelimiter img { display: none; } .breadcrumbRSS { } .breadcrumbEnd { } .breadcrumbEnd img { } /************* Breadcrumb *******************/ /*************** Order Pages ****************/ .breadcrumbDelimiter span.nonactive { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; margin-right: 10px; } .breadcrumbDelimiter span.active { color: #1584D2; font: 11px/15px Verdana, Verdana, Helvetica, sans-serif; margin-right: 10px; font-weight: bold; } /****************** end Order Pages ***********************************/ /*****************************************************************************/ /************* Fieldset *******************/ /****** Top ******/ .titleTop { margin-top: 0px; background: #fff; } .titleTopLeft { background: url(../images/ocreef/greyTL.gif) no-repeat top left; width: 8px; } .titleTopImgLeft { background: url(../images/ocreef/greyCL.gif) no-repeat bottom left; width: 8px; height: 7px; vertical-align: bottom; margin-top: 40px; } .titleTopCenter { /* Title of block (example: any blocks, articles,...) */ white-space: normal; padding: 0px 0px 0px 0px; background: url(../images/ocreef/greyTC.gif) repeat-x top left; } .titleTopCenter table { margin:5px auto; } .titleTopCenter div { color: #fff; font: 17px Verdana, Helvetica, sans-serif; text-transform: capitalize; } .titleTopCenter h1 { color: #fff; font: 17px Verdana, Helvetica, sans-serif; text-transform: capitalize; margin: 0px; padding: 0px; } .titleTopCenter div b { font-weight: bold; } .titleTopRight { background: url(../images/ocreef/greyTR.gif) no-repeat top right; width: 8px; } .titleTopImgRight { background: url(../images/ocreef/greyCR.gif) no-repeat bottom right; width: 8px; height: 7px; vertical-align: bottom; } /****** Top ******/ /****** Center ******/ .block { background: #F5FAFE; } .blockTD { background: #F5FAFE; border-left: 1px solid #CCCDD1; border-right: 1px solid #CCCDD1; } .menuLeft { background: #F5FAFE; border-left: 1px solid #CCCDD1; border-right: 1px solid #CCCDD1; } /****** Center ******/ /****** Bottom ******/ .titleBot { margin-bottom: 8px; } .titleBotLeft { background: url(../images/ocreef/greyBL.gif) no-repeat left top; width: 10px; height: 13px; } .titleBotImgLeft { width: 10px; height: 13px; } .titleBotRight { width: 100%; text-align: right; background: url(../images/ocreef/greyBC.gif) repeat-x top left; height: 13px; } .titleBotImgRight { width: 10px; height: 13px; background: url(../images/ocreef/greyBR.gif) no-repeat top right; } /****** Bottom ******/ .block-filter .titleTopRight, .block-banners .titleTopRight, .block-navigation .titleTopRight { width: 100%; height: 23px; background: url(../images/default/cblock-t-bgr.gif) repeat-x top; text-align: right; } .block-filter .titleTopImgLeft, .block-banners .titleTopImgLeft, .block-navigation .titleTopImgLeft { width: 24px; height: 23px; } .block-filter .titleTopImgRight, .block-banners .titleTopImgRight, .block-navigation .titleTopImgRight { width: 24px; height: 23px; background: url(../images/default/cblock-t-r.gif) no-repeat top right; } /*table#user-home .titleTopLeft {background: url(../images/rainbow/block-t-l.gif) no-repeat top;}*/ table#user-home .titleTopRight { width: 100%; background: url(../images/ocreef/orangeTC.gif) repeat-x top; text-align: right; } table#user-home .titleTopImgLeft { width: 24px; height: 23px; } table#user-home .titleTopImgRight { width: 24px; height: 23px; background: url(../images/ocreef/orangeTR.gif) no-repeat top right; } /************* end Fieldset ***************/ /*****************************************************************************/ /************* userHome *******************/ td.userHome { padding: 7px; } td.userHomeTitle { font-size: 12px; white-space: nowrap; background: url(../images/ocreef/orangeTC.gif) repeat-x top; } td.userHomeTitle b { color: #0000CC; } div.userHomeBottom { background: none; padding: 0px 20px 0px 20px; } div.userHomeBottom a { color: #444444; text-decoration:underline; } div.userHomeBottom a:hover { color: #444444; text-decoration:none; } td.userHome img.orders { background: url(../images/icons/admin_orders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.profile { background: url(../images/icons/admin_profile.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.arr { background: url(../images/icons/arr.gif) no-repeat; width: 15px; height: 16px; border:0px; margin: 0px 5px 0px 55px; } td.userHome img.support { background: url(../images/icons/admin_support.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.forum { background: url(../images/icons/admin_forum.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.products { background: url(../images/icons/admin_products.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.pages { background: url(../images/icons/admin_pages.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.salesorders { background: url(../images/icons/admin_salesorders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.merchant { background: url(../images/icons/admin_merchant.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.affiliates { background: url(../images/icons/admin_affiliates.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.payments { background: url(../images/icons/admin_payments.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.carts { background: url(../images/icons/admin_carts.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.wishlist { background: url(../images/icons/admin_wishlist.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome img.reminders { background: url(../images/icons/admin_reminders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left; } td.userHome div { margin: 0px 0px 0px 50px; } /************* userHome *******************/ /*****************************************************************************/ /************* Button Links *******************/ /*a.button {background: url(../images/button-bgr.gif) repeat-x right; color: #FFFFFF; cursor: pointer; display: inline-block; font: 11px/20px Verdana, Arial, Helvetica, sans-serif; padding: 3px 7px 3px 7px; margin: 0px; text-decoration: none; white-space: nowrap;} a.button:hover {text-decoration: none;} a.button span {display: inline-block; cursor: pointer;} a.button img {display: none;} a.button-add span {font-weight: bold;} */ td.butTd span.spacer { color: #1584D2; } /* '|' between button */ a.button:link, a.button:visited { font: 14px/20px Verdana, Helvetica, sans-serif; padding: 0px 10px 0px 0px; white-space: nowrap; } a.button:hover, a.button:active { font: 14px/20px Verdana, Helvetica, sans-serif; padding: 0px 10px 0px 0px; white-space: nowrap; } a.button span { } a.button img { display: none; } a.button-add span { background: url(../images/button-bgr.gif) repeat-x right; color: #FFFFFF; cursor: pointer; display: inline-block; font: 11px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding: 3px 7px 3px 7px; margin: 0px; text-decoration: none; white-space: nowrap; } /* add to cart (products categories, product details) */ a.button-view span { } /* view cart (products categories, product details) */ a.button-check span { } /* check out (products categories, product details) */ a.button-wishlist span { } /* wishlist (products categories, product details) */ a.buttonBasket:link, a.buttonBasket:visited { font: 14px/20px Verdana, Helvetica, sans-serif; white-space: nowrap; } a.buttonBasket:hover, a.buttonBasket:active { font: 14px/20px Verdana, Helvetica, sans-serif; white-space: nowrap; } a.buttonBasket span { } a.buttonBasket img { display: none; } a.button-shopping span { font-weight: bold; } /* Continue shopping (basket) */ a.button-retrieve span { } /* Retrieve Cart (basket) */ a.button-save span { } /* Save cart (basket) */ a.button-clear span { } /* Clear cart (basket) */ a.button-checkout span { font-weight: bold; } /* Checkout (basket) */ a.buttonCart:link, a.buttonCart:visited { font: 12px Verdana, Helvetica, sans-serif; white-space: nowrap; } a.buttonCart:hover, a.buttonCart:active { font: 12px Verdana, Helvetica, sans-serif; white-space: nowrap; } a.buttonCart span { } a.buttonCart img { display: none; } a.button-check span { } /* Checkout (small cart) */ a.button-amend span { } /* Amend cart (small cart) */ a.button-view span { } /* View cart (small cart) */ a.buttonMore:link, a.buttonMore:visited { font: normal 12px/15px Verdana, Helvetica, sans-serif; white-space: nowrap; padding: 5px 0px; } a.buttonMore:hover, a.buttonMore:active { font: normal 12px/15px Verdana, Helvetica, sans-serif; white-space: nowrap; padding: 5px 0px; } a.buttonMore span { } /* read more... (special offers, etc.) */ a.buttonMore b { font-weight: normal; } a.buttonMore img { display:none; } a.disabled { /* disadled add to cart */ color: gray; cursor: pointer; font: bold 14px/20px Verdana, Helvetica, sans-serif; padding: 0px 10px 0px 0px; } a.disabled:hover { color: gray; cursor: pointer; text-decoration: none; } /************* Button Links *******************/ /************* Category *******************/ /************* Category *******************/ /************* Latest *******************/ td.topArticle { padding: 3px 3px 3px 0px; } td.subArticle { padding: 3px 3px 3px 0px; } a.subArticle { padding-left: 8px; font-size: 11px; background: url(../images/bullet.gif) no-repeat left 3px; } /************* Latest *******************/ /************* Offers *******************/ .block-offers .block .blockTD a.bigtitle { text-decoration: none; font: bold 13px Verdana, Helvetica, sans-serif; color: #0000EE; text-align: center; } .block-offers .block .blockTD a.bigtitle:hover { text-decoration: underline; font: bold 13px Verdana, Helvetica, sans-serif; color: #0000EE; text-align: center; } .offerTitleTop { display: none; } .offerTitle { text-align: center; display: block; margin: 0px; padding: 0px; } .offerTd { text-align: center; } .offerTd img.offerImg { float: left; margin: 15px; } .offerTd div.offerText { text-align: justify; display:none } .offerTd a.buttonMore span { display:none; } .block-offers .hDelimiter { display: none; } .block-offers .vDelimiter { border: none; } .block-products-list .block .blockTD img.productImg, .block-product-details .block .blockTD img.productImg { margin: 10px; } /************* Forum *******************/ .forumAdmin { color: blue; font-weight: bold; } .forumUser { color: black; font-weight: bold; } .forumGuest { color: black; font-weight: bold; font-style: italic; } .forumMessageLeft { background: #F4F4F4; border-left:1px solid #D5D5D5; border-top:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; } .forumMessageRight { background: #F4F4F4; border: 1px solid #D5D5D5; } .forumMessageTop { background: #E9E9E9; border-bottom: 1px solid #D5D5D5; } /************* Categoties (catalogue) *******************/ .block-categories-catalog .blockTD { padding-left: 18px; } .block-categories-catalog a.bigtitle { text-decoration: underline; } .block-categories-catalog a.bigtitle:hover { text-decoration: none; } /************* Hot (news,...) *******************/ .block-hot .blockTD img { display: none; } .block-hot .blockTD .articleDate { display: none; } .block-hot .blockTD div { padding-left: 15px; } .block-hot a.bigtitle { } .block-hot a.bigtitle:hover { } /*.block-hot div.smalltext {padding-left: 15px;}*/ /*****************************************************************************/ /************* Footer *******************/ .footerMenu { text-align:center; float: right; font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; padding: 40px 40px 0px 0px; position: relative; } .footerMenu a.smallText { font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; text-decoration: none; white-space: nowrap; } .footerMenu a.smallText:hover { font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; text-decoration: underline; white-space: nowrap; } .footerMenu div.footerLinks { position: relative; top: 30px; left: -150px; text-align: center; font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; } .footerMenu span { padding: 0px 10px 0px 15px; font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; } .footerMenu div.cards { position: absolute; top: -100px; right: 0px; font: 11px/17px Verdana, sans-serif; color: #4484B4; text-align: right; padding-right: 25px; width: 156px; height: 157px; } .footerMenu div.cards .img2 { margin: 10px 0px 0px 0px; } .footerMenu div.cards .card_1 { float: left; margin-left: 58px; } .footerMenu div.cards .card_2 { float: right; } .footerMenu div.cards .card_3 { float: left; margin-left: 58px; } .footerMenu div.cards .card_4 { float: left; } .footerMenu div.cards .card_5 { float: left; margin-left: 58px; margin-bottom: 10px; } .footerMenu div.cards .card_6 { float: left; margin-bottom: 10px; } .footerHTML { text-align:center; padding: 30px 10px 10px 10px; } .footerHTML font { font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; } .addPage { width: 200px; float: left; font: bold 12px/20px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; } .addPage a { font: bold 12px/20px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; text-decoration: none; } .addPage a:hover { font: bold 12px/20px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; text-decoration: underline; } .addPage a.star_1 { background: url(../images/ocreef/book_1.gif) no-repeat center left; padding-left: 20px; } .addPage a.star_2 { background: url(../images/ocreef/book_2.gif) no-repeat center left; padding-left: 20px; } .addPage a.star_3 { background: url(../images/ocreef/book_3.gif) no-repeat center left; padding-left: 20px; } /************* Footer *******************/ body { font: 11px/14px Verdana, Helvetica, sans-serif; color: #366285; margin: 0px; padding: 0px; background: #fff; padding-bottom: 100px; } body.popup { font: 11px/14px Verdana, Helvetica, sans-serif; color: #366285; margin: 0px; padding: 0px; background: #fff; } tr, td { font: 11px/14px Verdana, Helvetica, sans-serif; color: #366285; } .middlebg td { font-weight: bold; } .usualbg { background: transparent; } .errorbg { background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; } .popup .errorbg { padding: 4px; } .messagebg { color: #0000CC; font-weight: bold; padding: 6px; } .padding10px { padding: 0px; } .padding6px td { padding: 6px; } .block-product-details .padding6px td { padding: 6px 10px; } .padding6px td td { padding: 0px; } .padding6px .padding4px td { padding: 4px; } .padding4px td { padding: 4px; } .padding4px td td { padding: 0px; } .paddingReviews td { padding: 0px 11px; } .paddingReviews td td { padding: 0px; } .paddingRev5px td { padding: 5px 11px; } .paddingRev3px td { padding: 3px 3px 3px 11px; } input.usualprice { background-color: transparent; border: none; text-align: right; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; } input.orderprice { background-color: transparent; border: none; text-align: right; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } input.search { border: 1px solid #A7A6A4; background: #fff; font: 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #000; } input.text { border: 1px solid #A7A6A4; background: #fff; font: 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #000; } input.field { border: 1px solid #A7A6A4; background: #fff; font: 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #000; } input.fieldSmall { border: 1px solid #A7A6A4; background: #fff; font: 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #000; } input#clear { } input#reset { } input#preview { } input#cancel { } input#delete { } select { border: 1px solid #A7A6A4; background: #fff; font: 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #000; } select.search { border: 1px solid #A7A6A4; background: #fff; font: 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #000; } textarea { border: 1px solid #A7A6A4; background: #fff; font: 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #000; } input.field { margin-bottom: 3px; } select.field { margin-bottom: 3px; } form { margin: 0px; padding: 0px; } a.header { color: #1584D2; text-decoration: underline; } a.header:hover { color: #1584D2; text-decoration: underline; } a.title { font: bold 11px/25px Verdana, sans-serif; color: #395D7D; text-decoration: none; white-space: nowrap; word-spacing: 1px; } a.title:hover { font: bold 11px/25px Verdana, sans-serif; color: #395D7D; text-decoration: underline; white-space: nowrap; word-spacing: 1px; } a.smallText { color: #1584D2; text-decoration: none; font-size: 8pt; } a.smallText:hover { color: #1584D2; text-decoration: underline; font-size: 8pt; } .titleText { color: #1584d2; text-decoration: none; } .articleDate { font-size: 8pt; color: #7777CC; font-style: italic; } .top { font-size: 8pt; padding: 2px 0px; } .smallText { font-size: 8pt; } .middleText { font-size: 9pt; } .bigText { font-size: 10pt; } .comment { font-size: 8pt; text-align:left; } .message { font-size: 9pt; } .forum-title { } .forum-title a { color:#000; } .forum-title a:hover { color:#000; text-decoration:none; } .bigtitle { font: 12px/25px Verdana, sans-serif; font-weight: bold; color: #000; } a.bigtitle { font: 12px/25px Verdana, sans-serif; font-weight: bold; color: #000; text-decoration: underline; display: block; padding: 5px 0px; } a.bigtitle:hover { font: 12px/25px Verdana, sans-serif; font-weight: bold; color: #1584D2; text-decoration: none; display: block; padding: 5px 0px; } .error { color: red; } .terms { height: 300px; width: 600px; overflow: auto; border: 1px solid silver; } .link { color: green; } span.nobr { white-space: nowrap !important; } /***** Delimiter for list and rollover for details *****/ /***/.vDelimiter { border-right: 0px solid #E9E9E9; } /***/.hDelimiter { border: 0px; } /***/ /***/.rolloverImagesTop { padding: 10px 0px 0px 0px; } /***/.rolloverImages { float: left; padding: 5px; text-align: center; width: 30%; } /***/.manufacturerImage { padding: 10px 0px 0px 0px; } /***** Delimiter for list and rollover for details *****/ /***** Visualisation tubs on product details *****/ td.tab { border: 1px solid #E9E9E9; border-bottom: none; background: none; padding: 0px; } td.tabActive { border: 1px solid #E9E9E9; border-bottom: none; background: #E9E9E9; padding: 0px; } a.tab { background: none; color: #1584D2; display: block; font: bold 11px/15px Verdana, Verdana, Helvetica, sans-serif; padding: 5px 8px; text-decoration: none; } a.tab:hover { background: #E9E9E9; color: #1584D2; display: block; font: bold 11px/15px Verdana, Verdana, Helvetica, sans-serif; padding: 5px 8px; text-decoration: none; } a.tabActive { background: #E9E9E9; color: #1584D2; display: block; font: bold 11px/15px Verdana, Verdana, Helvetica, sans-serif; padding: 5px 8px; text-decoration: none; cursor: text; } a.tabActive:hover { background: #E9E9E9; color: #1584D2; display: block; font: bold 11px/15px Verdana, Verdana, Helvetica, sans-serif; padding: 5px 8px; text-decoration: none; cursor: text; } .tabline { background: #E9E9E9; } /***** Visualisation tubs on product details *****/ /***** Visualisation tubs on UserHome pages *****/ .blockTDtabs table { width: 100%; margin-bottom: 10px; } div.adminTab { font: 11px Verdana, sans-serif; border: 1px solid #919B9C; border-bottom: none; padding: 3px 8px 2px 8px; margin: 0px 2px; cursor: pointer; background: #E9E9E9; white-space: nowrap; } div.adminTabActive { font: bold 11px Verdana, sans-serif; border: 1px solid #919B9C; border-top: 2px solid #919B9C; border-bottom: none; padding: 5px 9px 5px 9px; margin: 3px 0px 0px 0px; white-space: nowrap; } td.adminTab { border-bottom: 1px solid #919B9C; vertical-align: bottom; } td.adminTabActive { border: none; } td.beginTab { padding: 0px 4px; border-bottom: 1px solid #919B9C; } td.endTab { padding: 0px 4px; width: 90%; border-bottom: 1px solid #919B9C; } a.blackSm, a.blackSm:hover { text-decoration: none; } /***** Visualisation tubs on UserHome pages *****/ /***** Prices on the site *****/ .priceBlock { color: #000; font: 13px Verdana, Helvetica, sans-serif; } .priceBlock .price { font: 13px Verdana, Helvetica, sans-serif; } .priceBlock .priceTax { display: none; } .priceBlockOld { color: #000; font: 13px Verdana, Helvetica, sans-serif; } .priceBlockOld .price { font: 13px Verdana, Helvetica, sans-serif; } .priceBlockOld .priceTax { display: none; } .priceBlockHidden { color: #000; font-weight: bold; display: none; } .priceBlockHidden .price { font-weight: bold; } .priceBlockHidden .priceTax { font-weight: normal; } .priceBlockEdit { color: #000; font-weight: bold; } .priceBlockEdit input.price { text-align: right; font-weight: bold; width: 60px; font-size: 10pt; color: black; border-top: 1px solid #7F9DB9; border-right: 1px solid #BACDDF; border-bottom: 1px solid #BACDDF; border-left: 1px solid #7F9DB9; } .salesBlock { color: #7C2023; font: 13px Verdana, Helvetica, sans-serif; } .salesPrice { font: bold 13px Verdana, Helvetica, sans-serif; } .salesTax { display: none; } .priceSaveBlock { color: green; font: 13px Verdana, Helvetica, sans-serif; } .priceSaveBlock .price { font: bold 13px Verdana, Helvetica, sans-serif; } .priceSaveBlock .percent { display: none; } .pointsPriceBlock { } .pointsPriceBlock .points { } .rewardPointsBlock { } .rewardPointsBlock .points { } /***** Prices on the site *****/ /***** Visualisation product list as table *****/ .productsTable th { padding: 3px; } .productsTable td { padding: 3px; } .productsCategory { font-size: 10pt; font-weight: bold; color: #1584D2; padding: 6px !important; } .productsDelimiter { padding: 0px !important; } .productsDelimiterTop { padding: 0px !important; } .productsDelimiterTop img { height: 2px; } /***** Visualisation product list as table *****/ /***** Rating iamges *****/ .neutral { display: none; } .commend { background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px; } .discommend { background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px; } .not-rated { background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px; } .rating-1 { background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px; } .rating-2 { background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px; } .rating-3 { background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px; } .rating-4 { background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px; } .rating-5 { background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px; } /***** Rating iamges *****/ /***** Wishlist pop-up window *****/ .wishlist-opacity { display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1; } .wishlist-shadow { display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #CCCCCC; } .wishlist-block { position: relative; bottom: 5px; right: 5px; width: 400px; background: #F4F4F4; border: 1px solid #4484b4; } .wishlist-img-close img { margin: 10px 10px 5px 0px; } .wishlist-descr { padding: 0px 35px 20px 30px; font: 14px Verdana, Helvetica, sans-serif; text-align:justify; } /***** Wishlist pop-up window *****/ /***** New Product's icon *****/ .block-product-details .newProduct { display: block; position: relative; padding-right: 34px !important; } .block-product-details .newProduct img { background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: absolute; bottom: -1px; margin: 0px 0px 0px 2px; } .block-products-list .newProduct img { background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: relative; bottom: -6px; margin: 0px 0px 0px 2px; } .newProduct img { background: url(../images/icons/new_m.png) no-repeat; width: 20px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px; } /***** New Product's icon *****/ /***** Restricted Item's icon *****/ .block-products-list .restrictedItem img.restrictedItem { background: url(../images/icons/lock.png) no-repeat; width: 22px; height: 23px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px; } .restrictedItem img.restrictedItem { background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px; } .restrictedCategory img.restrictedCategory { background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px; } /***** Restricted Item's icon *****/ /***** Manual list *****/ .level1 { padding: 2px 2px 2px 15px; } .level1 a { font-weight: bold; } .level1 a:hover { font-weight: bold; } .level2 { padding: 2px 2px 2px 30px; } .level3 { padding: 2px 2px 2px 40px; } .level4 { padding: 2px 2px 2px 50px; } /***** Manual list *****/ /***** Custom menu list *****/ .menuLeft .level1 { padding: 2px 2px 2px 5px; } .menuLeft .level2 { padding: 2px 2px 2px 15px; } .menuLeft .level3 { padding: 2px 2px 2px 30px; } .menuLeft .level4 { padding: 2px 2px 2px 40px; } .menuLeft .a a { font-weight: bold; } .menuLeft .a a:hover { font-weight: bold; } /***** Custom menu list *****/ /***** Matrix price *****/ table.matrix { border: 1px solid gray; margin-bottom: 5px; margin-top: 5px; } th.matrixTop { padding-left: 5px; padding-right: 5px; border-bottom: 1px solid silver; } th.matrixBottom { padding-left: 5px; padding-right: 5px; } td.matrixTop { border-bottom: 1px solid silver; border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } td.matrixBottom { border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } /***** Matrix price *****/ /********************************************/ .mainTableCellCenter .titleTop, .block-subscribe .titleTop { margin-top: 0px; border-bottom: 1px solid #CA944E; } .mainTableCellCenter .titleTopLeft, .block-subscribe .titleTopLeft { background: url(../images/ocreef/orangeTL.gif) no-repeat top left; width: 7px; } .mainTableCellCenter .titleTopImgLeft, .block-subscribe .titleTopImgLeft { width: 7px; height: 7px; margin: 0px; background: none; } .mainTableCellCenter .titleTopCenter, .block-subscribe .titleTopCenter { background: url(../images/ocreef/orangeTC.gif) repeat-x top left; padding: 0px 0px 0px 0px; } .mainTableCellCenter .titleTopCenter div, .block-subscribe .titleTopCenter div { color: #fff; font: bold 12px Verdana, Helvetica, sans-serif; text-transform: capitalize; } .mainTableCellCenter .titleTopCenter h1, .block-subscribe .titleTopCenter h1 { color: #fff; font: bold 12px Verdana, Helvetica, sans-serif; text-transform: capitalize; margin: 0px; padding: 0px; } .mainTableCellCenter .titleTopRight, .block-subscribe .titleTopRight { background: url(../images/ocreef/orangeTR.gif) no-repeat top right; width: 7px; } .mainTableCellCenter .titleTopImgRight, .block-subscribe .titleTopImgRight { width: 7px; height: 7px; margin: 0px; background: none; } .mainTableCellCenter .block, .block-subscribe .block { background: #F5FAFE; } .mainTableCellCenter .blockTD, .block-subscribe .blockTD { background: #F5FAFE; padding: 10px; border-left: 1px solid #CCCDD1; border-right: 1px solid #CCCDD1; } .mainTableCellCenter .titleBotLeft, .block-subscribe .titleBotLeft { background: url(../images/ocreef/orangeBL.gif) no-repeat left top; width: 13px; height: 9px; } .mainTableCellCenter .titleBotImgLeft, .block-subscribe .titleBotImgLeft { width: 13px; height: 9px; } .mainTableCellCenter .titleBotRight, .block-subscribe .titleBotRight { width: 100%; text-align: right; background: url(../images/ocreef/orangeBC.gif) repeat-x top left; height: 9px; } .mainTableCellCenter .titleBotImgRight, .block-subscribe .titleBotImgRight { width: 13px; height: 9px; background: url(../images/ocreef/orangeBR.gif) no-repeat top right; } .block-simple .titleTop { display: none; } .block-simple .block { background: none; padding: 0px; border: none; } .block-simple .blockTD { background: none; padding: 0px; border: none; } .block-simple .padding10px { padding: 0px; } .block-simple .titleBot { background: none; border: none; } .block-simple .titleBotLeft { display: none; } .block-simple .titleBotRight { display: none; } .blue25 { margin: 0px 20px; text-align: center; } .green { margin: 0px auto; } .green td.bg { background: url(../images/ocreef/bannerGBg.gif) repeat-x top left; padding: 0px 10px; } .enter { background: url(../images/ocreef/enterBg.gif) repeat-x top left; width: 100%; } .enter td.bg { text-align: center; } .enter .links td { text-align: center; padding: 0px 6px; } .enter .links td a { font: 9px/13px Verdana, Helvetica, sans-serif; color: #fff; text-decoration: none; white-space: nowrap; } .enter .links td a:hover { font: 9px/13px Verdana, Helvetica, sans-serif; color: #fff; text-decoration: underline; white-space: nowrap; } .call { background: url(../images/ocreef/callBg.gif) repeat-x top left; } .call td.bg { text-align: center; } .hobby { padding-left: 10px; } .hobby a { font: 11px/25px Verdana, sans-serif; color: #4484B4; text-decoration: none; white-space: nowrap; word-spacing: 1px; } .hobby a:hover { font: 11px/25px Verdana, sans-serif; color: #4484B4; text-decoration: underline; white-space: nowrap; word-spacing: 1px; } * html .call td.right img { position: relative; top: 0px; right: -1px; } .block_masna .titleTop { display: none; } .block_masna .titleBot { display: none; } .block_masna .block { background: none; border: none; } .block_masna .blockTD { background: none; border: none; padding: 0px; } .block_masna .padding10px { padding: 0px; } div.masna { height: 50px; text-align: center; margin-bottom: 8px; background: url(../images/ocreef/masnaC.gif) repeat-x top left; } .masna div.LM { width: 20px; float: left; background: url(../images/ocreef/masnaL.gif) no-repeat top left; } .masna div.CM { background: url(../images/ocreef/masnaC.gif) repeat-x top left; font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; float: left; padding: 10px 6px; text-align: left; } .masna div.CM a { font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; text-decoration: underline; } .masna div.CM a:hover { font: bold 12px/15px Verdana, Verdana, Helvetica, sans-serif; color: #72AAD9; text-decoration: none; } .masna div.RM { width: 17px; float: right; background: url(../images/ocreef/masnaR.gif) no-repeat top right; } .block-products-top-viewed a.top10 { white-space: normal !important; } .block-products-top-viewed .top { padding: 0px; margin: 0px; } .block-user-profile .titleTop div { padding: 8px 0px 5px 8px; } .block-filter .padding10px { padding: 10px; } .manufacturerImage img { margin: 10px; } .block-product-details .padding10px { padding: 10px; } .forumMessageRight hr { display: none; } .block-forum-topics .titleTop { height: 23px; } .forumMessageRight td.usualbg { padding: 10px; } .block-products-list .padding10px { padding: 10px; } tr.underImg td { background: #fff; font: 15px/15px Verdana, Helvetica, sans-serif; color: #fff; } .jsBlock td.b_prev { padding: 0px 13px 0px 10px; width: 48px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_pause { padding: 0px 13px 0px 0px; width: 38px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_play { padding: 0px 13px 0px 0px; width: 38px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_next { padding: 0px 48px 0px 0px; width: 73px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_1 { padding: 0px 13px 0px 0px; width: 38px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_2 { padding: 0px 13px 0px 0px; width: 38px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_3 { padding: 0px 13px 0px 0px; width: 38px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_4 { padding: 0px 13px 0px 0px; width: 38px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_5 { padding: 0px 13px 0px 0px; width: 38px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } .jsBlock td.b_last { width: 183px; background: #0066CC url(../xxx/b.gif) repeat-x top left; } table.live { background: #FA880E url(../images/ocreef/liveBg.gif) repeat-x top left; } table.live .liveRight img { float: right; } table.live .question { position: relative; top: 7px; left: 7px; width: 10px; } table.live .question img { display: block; position: absolute; top: 0px; left: -53px; } table.live .anchor { position: relative; width: 10px; top: 63px; left: 0px; } table.live .anchor .online { position: absolute; top: 0px; left: -53px; width: 76px; height: 10px; font-size: 10px; line-height: 10px; background:url(../images/ocreef/liveOnline.gif) no-repeat left top; text-decoration: none; } table.live .anchor .online:hover { position: absolute; top: 0px; left: -53px; width: 76px; height: 10px; font-size: 10px; line-height: 10px; background:url(../images/ocreef/liveOnline.gif) no-repeat left top; text-decoration: none; } table.live .anchor .offline { position: absolute; top: 0px; left: -58px; width: 81px; height: 10px; font-size: 10px; line-height: 10px; background: url(../images/ocreef/liveOffline.gif) no-repeat left top; text-decoration: none; } table.live .anchor .offline:hover { position: absolute; top: 0px; left: -58px; width: 81px; height: 10px; font-size: 10px; line-height: 10px; background:url(../images/ocreef/liveOffline.gif) no-repeat left top; text-decoration: none; } table.live .liveCenter .message { position: relative; left: 0px; top: 75px; width: 10px; } table.live .liveCenter .message a { background: url(../images/ocreef/liveMessage.gif) no-repeat top left; width: 81px; height: 11px; text-decoration: none; position: absolute; display: block; top: 0px; left: -58px; } .Hsearch input.submit { background: none; width: 80px; height: 27px; cursor: pointer; margin: 0px; padding: 15px; } .Hsearch input.search { width: 120px; background: none; padding: 15px 0px 0px 0px; margin: 0px; font: bold 11px/13px Verdana, Verdana, Helvetica, sans-serif; color: #6AA4D2; cursor: text; border: none; text-align: left; } .Hsearch input.field { margin: 0px; cursor: text; border: none; } /***********************************************************************************/ body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#3C5D7C; text-align:center; background:#fff; } img { border:0; } a { text-decoration:none; color:#3f5e7a; } a:hover { color:#333; text-decoration:underline; } .wrapper { background:#fff url(../images/header-bg-repeat.gif) top center repeat-x; width:951px; margin:0 auto; text-align:left; } .aligncenter { text-align:center; } .lblue { color:#6899C1; } .blue { color:#0000ff; } .clear { width:938px; clear:both; height:1px; } /* header */ .header { height:167px; clear:both; margin:6px 0 0 0; } .header h1 { background:url(../images/header-bg.png) bottom center no-repeat; height:167px; text-indent:-1000em; cursor:pointer; } .header h1 a { display:block; height:167px; background:url(../images/ocreef-logo.jpg) 0 10px no-repeat; } /* navigation */ .main-nav { background:url(../images/mainnav-bg-repeat.jpg) top left repeat-x; line-height:37px; height:37px; clear:both; margin:4px 0 0 0; } .main-nav ul { margin:0 0 0 0; padding:0; height:37px; background:url(../images/mainnav-left.jpg) top left no-repeat; padding:0 0 0 10px; float:left; } .main-nav ul li { margin:0; padding:0; float:left; list-style:none; text-transform:uppercase; font-weight:bold; font-size:13px; font-family:Verdana, Geneva, sans-serif; } .main-nav ul li a { color:#fff; display:block; float:left; border-right:1px solid #88C216; border-left:1px solid #abda52; padding:0 12px; text-align:center; } .main-nav ul li a:hover { background-image:url(../images/mainnav-goldfish-hover2.jpg); color:#fff; text-decoration:none; } .main-nav ul li a.home { background:url(../images/mainnav-goldfish-normal.jpg) top center no-repeat; text-indent:-1000em; width:50px; } .main-nav ul li a.home:hover { background-image:url(../images/mainnav-goldfish-mouseover.jpg); } /* search */ .main-search { background:url(../images/mainnav-right.jpg) top right no-repeat; float:right; padding:0 10px 0 0; line-height:37px; } .main-search form { margin:0; padding:0; float:left; } .main-search input { margin:0; padding:0; border:0; float:left; height:30px; } .main-search span { background:transparent url(../images/mainnav-search-input.gif) center left no-repeat; display:block; float:left; width:100px; height:37px; float:left; padding:0px 0 0 20px; width:100px; } .main-search .submit-go { background:transparent url(../images/mainnav-search-submit.gif) center right no-repeat; width:85px; height:37px; cursor:pointer; } .main-search .keywords { background:transparent !important; float:left; padding:9px 0 0 0px; width:100px; font-size:16px; color:#013370; } /* left sidebar */ .leftbar { float:left; width:164px; margin:0 6px 0 0; } .leftbar h2 { height:44px; background:url(../images/left-header.jpg) top left no-repeat; margin:8px 0 0 0; text-indent:-1000em; } .leftbar .boxInner { background:#F4F9FD; border-left:1px solid #C9CFCF; border-right:1px solid #C9CFCF; padding:8px 0 8px 12px; } .leftbar .twentyfive { display:block; text-align:center; } .leftbar .boxOuter { background:url(../images/left-footer.jpg) bottom left no-repeat; padding:0 0 8px 0; margin:0 0 8px 0; } .leftbar li { list-style:none; padding:5px 0; font-variant: small-caps; font-size:12px; line-height:12px; font-family:"Trebuchet MS"; } .leftbar li:hover { } .leftbar h2.products-header { background:url(../images/left-products.jpg) top left no-repeat; } /* left sidebar cart */ .leftbar h2.minicart-header { background:url(../images/left-shopping-header.jpg) top left no-repeat; } /* center box */ .center { width:612px; float:left; margin:5px 5px 0 0; } .center .twocol { float:left; margin:0 8px 8px 0; } .center .twocol h4 { background:url(../images/twocol-orange-header.jpg) top left no-repeat; width:283px; height:26px; line-height:26px; color:#fff; padding-left:15px; font-family:Verdana; font-size:11px; } .center .twocol-inner { padding:6px 0; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; } .center .twocol-outer { background:url(../images/twocol-footer.jpg) bottom left no-repeat; width:298px; padding:0 0 4px 0; } .onecol { float:left; width:610px; margin:0 0 8px 0; background:url(../images/onecol-header.jpg) top left no-repeat; padding:7px 0 0 0; } .center .onecol h4 { background:url(../images/twocol-orange-header.jpg) top left no-repeat; width:595px; height:26px; line-height:26px; color:#fff; padding-left:15px; font-family:Verdana; font-size:11px; } .onecol-inner { padding:6px 10px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; } .onecol-outer { background:url(../images/onecol-footer.jpg) bottom left no-repeat; width:608px; padding:0 0 4px 0; } .center p { margin:10px 0; } .center .donatelb { color:#6899C1; font-weight:bold; font-size:13px; } .center ul { margin:1em 0; padding-left:40px; } .center .block-product-details li { list-style:circle; margin:0 0 10px 0; } /* Center Two Col Products*/ .center .twocol .product { clear:both; color:#000; font-size:13px; padding-bottom:40px; text-align:center; display:block; font-variant:small-caps; } .center .twocol .product:hover a { color:#03570C; } .center .twocol .product:hover em { font-weight:bold; } .center .twocol .product-image { float:left; padding-left:10px; width:100px; display:block;} .center .twocol .product span { width:180px; } .center .twocol .product span a { display:block; color:#0A0B99; font-weight:bold; } .center .twocol .product span em { display:block; color:#CA0003; font-style:normal; } .titleTop, .block-subscribe .titleTop { margin-top: 0px; border-bottom: 1px solid #CA944E; height:20px; line-height:20px; text-align:center; } .titleTopLeft, .block-subscribe .titleTopLeft { background: url(../images/ocreef/orangeTL.gif) no-repeat top left; width: 7px; } .titleTopImgLeft, .block-subscribe .titleTopImgLeft { width: 7px; height: 7px; margin: 0px; background: none; } .titleTopCenter, .block-subscribe .titleTopCenter { background: url(../images/ocreef/orangeTC.gif) repeat-x top left; padding: 0px 0px; text-align:center; } .titleTopCenter div, .block-subscribe .titleTopCenter div { color: #fff; font: bold 12px Verdana, Helvetica, sans-serif; text-transform: capitalize; text-align:center !important; } .titleTopCenter h1, .block-subscribe .titleTopCenter h1 { color: #fff; font: bold 12px Verdana, Helvetica, sans-serif; text-transform: capitalize; margin: 0px; padding: 0px; } .titleTopRight, .block-subscribe .titleTopRight { background: url(../images/ocreef/orangeTR.gif) no-repeat top right; width: 7px; } .titleTopImgRight, .block-subscribe .titleTopImgRight { width: 7px; height: 7px; margin: 0px; background: none; } .block, .block-subscribe .block { background: #fff; } .blockTD, .block-subscribe .blockTD { background: #F5FAFE; border-left: 1px solid #CCCDD1; border-right: 1px solid #CCCDD1; } .innerPadding { padding:0 0 0 10px; } .titleBotLeft, .block-subscribe .titleBotLeft { background: url(../images/ocreef/orangeBL.gif) no-repeat left top; width: 10px !important; height: 13px !important; } .titleBotImgLeft, .block-subscribe .titleBotImgLeft {width: 10px !important; height: 13px !important; } .titleBotRight, .block-subscribe .titleBotRight { width: 100%; text-align: right; background: url(../images/ocreef/orangeBC.gif) repeat-x top left; height: 9px; } .titleBotImgRight, .block-subscribe .titleBotImgRight {width: 10px !important; height: 13px !important; background: url(../images/ocreef/orangeBR.gif) no-repeat top right; } .titleBot { margin-bottom: 8px; } .titleBotLeft { background: url(../images/ocreef/greyBL.gif) no-repeat left top; width: 10px !important; height: 13px !important; } .titleBotImgLeft { width: 10px; height: 13px; } .titleBotRight { width: 100%; text-align: right; background: url(../images/ocreef/greyBC.gif) repeat-x top left; height: 13px; } .titleBotImgRight { width: 10px !important; height: 13px !important; background: url(../images/ocreef/greyBR.gif) no-repeat top right; } /* main slider styles */ /* right */ .rightbar { float:left; width:163px; margin: 5px 0 0 0; } .rightbar h3 { text-align:center; height:91px; width:163px; background: url(../images/right-header.gif) top left no-repeat; margin:0 0 7px 0; } .rightbar h3.contest-header a { color:#fff; font-family:Verdana, Helvetica, sans-serif; font-size:10px; margin:0 5px; line-height:14px; font-weight:normal; } .rightbar h3.questions-header { background:url(../images/right-header.gif) top left no-repeat; height:91px; line-height:15px; } .rightbar h3 img { color:#fff; } .rightbar span { padding:10px 0 0 46px; } .rightbar h3.questions-header a.onlinenow { margin-top:24px; display:block; } .rightbar ul { margin:20px 0; } .rightbar li { list-style:none; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; padding:7px 0; line-height:15px; } .rightbar li a { color:#4484B4; } .rightbar li a:hover { color:#333; } .rightbar li:hover { padding-left:12px; background: url(../images/raquo.jpg) left center no-repeat; } .rightbar .ssl-logo { margin:10px 0 20px 0; font-size:10px; text-align:center; } .rightbar .values { text-align:center; display:block; } /* footer */ .footer { color:#4484B4; clear:both; background:url(../images/footer.jpg) top left no-repeat; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; } .footer .footer-right-top { float:right; width:150px; text-align:center; margin:59px 0 0 0; } .footer .footer-left-bottom { padding: 170px 0 0 0; font-size:13px; float:left; } .footer .footer-right-bottom { float:left; } .footer .footer-right-top p { margin:5px 0; text-align:center; } /* footer payment */ .footer .payment { list-style:none; width:130px; margin:0 0 0 20px; height:90px; } .footer .payment li { list-style:none; float:left; } .footer .payment a { display:block; float:left; height:26px; text-indent:-1000em; width:49px; margin:1px 0; } .footer .payment .visa-payment { background:url(../images/card1.jpg) no-repeat; } .footer .payment .mastercard-payment { background:url(../images/card2.jpg) no-repeat; } .footer .payment .amex-payment { background:url(../images/card3.jpg) no-repeat; } .footer .payment .discover-payment { background:url(../images/card4.jpg) no-repeat; } .footer .payment .paypal-payment { background:url(../images/card5.jpg) no-repeat; } .footer .payment .google-payment { background:url(../images/card6.jpg) no-repeat; } /* footer bookmark */ .footer .footer-left-bottom .dontforget { width:150px; } .footer .footer-left-bottom .dontforget li { list-style:none; margin:2px 0; } .footer .footer-left-bottom .dontforget a { padding:0 0 0 22px; } .footer .footer-left-bottom .dontforget a:hover { color:#000; } .footer .footer-left-bottom .homepage { background:url(../images/home-icon.jpg) no-repeat; } .footer .footer-left-bottom .page { background:url(../images/star-page.jpg) no-repeat; } .footer .footer-left-bottom .website { background:url(../images/star-icon.jpg) no-repeat; } .footer .bookmark { float:left; } .footer .linksblock { float:left; text-align:center; margin:0 0 10px 16px; } .footer .linksblock p { } .footer .linksblock ul { margin: 0 0 10px 0; } .footer .linksblock li { display:inline; text-align:center; list-style:none; line-height:20px; } .footer .linksblock li a { padding:0 17px; color:#4484B4; white-space:nowrap; } .footer .linksblock li a:hover { color:#000; } .footer .copyright { font-size:11px; } /****** Sub Menu ******/ .subMenuBlock { display:none; position:absolute; border-top: 1px solid #83AF26; border-left: 1px solid #83AF26; z-index: 2500; } a.subMenu { width: 150px; padding: 10px 20px 10px 10px; border-right: 1px solid #83AF26; border-bottom: 1px solid #83AF26; display:block; font: bold 12px/12px Verdana, Helvetica, sans-serif; color: #fff; text-decoration:none; text-align: left; background: #89C01C url(../images/ocreef/menu.gif) repeat-x center left; } a.subMenu:hover, a.subMenu:active { background: #89C01C url(../images/ocreef/menu.gif) repeat-x center left; font: bold 12px/12px Verdana, Helvetica, sans-serif; color: #fff; display:block; text-decoration: underline; } .main-nav ul li a:hover .shadowed { color:#222; } .main-nav ul li a .shadowed { color:#222; left:12px; } /****** MISC *******/ .title { color:#00F; font-weight:bold; font-size:13px; text-align:center; text-decoration:underline; } .backtotop { display:block; color:#00F; text-align:center; padding:8px 0; } .forum-bottom { background:url(../images/forum-bottom-repeat.jpg) bottom left repeat-x; text-align:center; height:27px; line-height:27px; margin:0 0 20px 0; } .forum-bottom a { color:#36629b; font-weight:bold; } .forum-bottom a:hover { color:#000; } .silver-header { background:url(../images/silver-top.gif) top left no-repeat; margin-top:50px; display:block; padding:10px 15px 7px 15px; height:auto; font-size:14px; font-weight:bold; } .green-header { background:url(../images/green-top.gif) top left no-repeat; margin-top:30px; display:block; padding:10px 15px 7px 15px; height:auto; font-size:14px; font-weight:bold; } .silver-box { border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:588px; } .silver-box p { padding:20px 10px; margin:0; } .silver-box p.alt { background:#f0f0f0; } .silver-box p strong { color:#3C5D7C; font-style:italic; display:block; margin:0 0 4px 0; } .silver-box p:hover { background:#edf1f2; } .green-box { border-right:1px solid #95E89C; border-left:1px solid #95E89C; border-bottom:1px solid #95E89C; width:588px; } .green-box p { padding:20px 10px; margin:0; } .green-box p.alt { background:#f0f0f0; } .green-box p strong { color:#3C5D7C; font-style:italic; display:block; margin:0 0 4px 0; } .green-box p:hover { background:#edf1f2; } .forum-faqs-top a { } .greenHeader { font-size: 14px; color: #00b050; font-weight: bold; display:block; text-align:center; } .blue-button, input.submit { font-weight:bold; font-size:14px; padding:4px; text-decoration:none !important; background:url(../images/blue-button.gif) center center repeat-x; border:1px solid #86b2d1; } .blue-button:hover, input.submit:hover { background:url(../images/blue-button-hover.gif) center center repeat-x; border:1px solid #fdae4f; } .update-bottom { border:2px dotted #ddd; } .forum-row-header { text-transform:uppercase; } .forum-row-header a { color:#000000; font-weight:bold; } .education-article { width:600px; } .education-article a { color:#0000ff; } .education-article a:hover { color:#333; } .education-article h2 { letter-spacing:.06em; border-bottom:2px solid #FF9203; border-right:1px solid #FF9203; border-left:1px solid #FF9203; padding:0 0 5px 0; margin:20px 10px 30px 0; text-align:center; display:block; } .education-article h3 { letter-spacing:.06em; border-bottom:1px dotted #FF9203; padding:0 0 5px 0; margin:35px 10px 0 0; } .education-article p { line-height:18px; margin:10px 0 35px 0; } .education-article li { padding:3px 0; list-style:circle; } .titleTop { } .icons { float:right; } .icons span { padding:5px; } .stbutton { padding:5px 10px !important; } .stbuttontext { display:none; } .stwrapper { left:50% !important; } #player { text-align:center; } .careguides { clear:both; margin:0 0 60px 0; border-left:1px solid #9db0bc; border-right:1px solid #9db0bc; border-top:1px solid #9db0bc; border-bottom:1px solid #9db0bc; width:97%; background:#EFF4F7; padding:0 0 15px 0; } .careguides img { float:left; padding:0px 10px 10px 0; } .careguides p { margin: 10px 0; padding:15px 15px 5px 15px; } .careguides .download a { font-weight:bold; border-right: 1px solid #B5C7D2; padding: 0 15px 0 0; color:#000; text-decoration:underline; float:left; display:block; margin-right:15px; } .careguides .download a:hover { color:#BC4B44; } .careguides .download { background:#e6eaed url(http://www.seraessentials.com/images/pdf.gif) left center no-repeat; padding: 5px 0 5px 25px; margin: 0 20px 0 95px; border:1px solid #accae3; } .careguides h3 { background:url(../images/blue-silver.gif) bottom center repeat-x; height:29px; line-height:29px; padding:0 0 0 15px; border-bottom:1px solid #9db0bc; color:#333; letter-spacing:0em; margin:0; } .saltwater-chart td { border-bottom:1px solid #999; padding:12px; } .saltwater-chart td:hover { background:#eee; color:#000; } #commentUpload { font-size:14px; color:#000; margin:20px 20px 0 30px; } #commentUpload label { font-weight:bold; color:#084C8E; } #commentUpload input { background:#e7efff !important; border:1px solid #a9a9a9; padding:3px; } #commentUpload p { padding:8px; border:1px solid #ccc; background:#eee; } .added { font-size:11px; margin:0; padding:0; font-weight:bold; color:#FF564B; } .modify { display:block; float:right; } .modify a { display:block; margin:0 20px; float:left; } .deleted { background:#ffd0cd; color:#ff554a; padding:5px; text-align:center; font-size:14px; border:1px solid #ff554a; font-weight:bold; } .updated { background:#c6ffc9; color:#25a42b; padding:5px; text-align:center; font-size:14px; border:1px solid #25a42b; font-weight:bold; } .forum-statement { padding:10px; background:#f0f0f0; border:1px solid #e0e0e0; } .forum-statement li { margin:10px; font-size:10px; color:#000099; list-style:circle; } .topCategory { margin: 0px; } .selectedtopCategory { font-weight:bold; } .topCategory a.title, .selectedtopCategory a.title { white-space: nowrap; } .topCategory a.title:hover, .selectedtopCategory a.title:hover { color: #395D7D; text-decoration: underline; white-space: nowrap; } .subCategory { margin:0 0 0 10px !important; font-weight:bold; text-decoration:underline; } .selectedsubCategory { margin: 0px 0px 0px 5px; line-height: 11px !important; } .subCategory a.title, .selectedsubCategory a.title { font: normal 11px/14px Verdana, sans-serif; color: #395D7D; text-decoration: none; white-space: nowrap; word-spacing: 1px; } .subCategory a.title:hover, .selectedsubCategory a.title:hover { font: normal 11px/14px Verdana, sans-serif; color: #395D7D; text-decoration: underline; white-space: nowrap; word-spacing: 1px; } .topCategory .category_img, .subCategory .category_img, .selectedtopCategory .category_img, .selectedsubCategory .category_img { margin: 0px 0px 0px 0px; display: none; } .mainTableCellCenter .products-header { padding:12px; border-bottom:1px dotted #999; margin:0 0 20px 0; background:#f0f0f0; } .mainTableCellCenter .boxInner li { padding:6px 0; list-style:disc; margin:0 0 0 30px; font-size:13px; } .block-articles-list img, .block-articles-details .padding10px img { padding-top: 10px; padding-right: 0px !important; padding-bottom: 10px; padding-left: 0px !important; } .padding10px { background:#F5FAFE; } .links p { font-size:10px; margin:20px 20px 20px 20px; color:#333; line-height:15px; border-bottom:1px solid #ddd; padding:0 0 15px 0; } .links p a { text-decoration:underline; } .galleryArticleImage, .block-articles-details .padding10px img { margin:0 25px 25px 0 !important; } .block-articles-details .description {line-height:18px; padding: 0 20px 0 0;} .block-articles-list .listingBlock { border-bottom:1px solid #ccc; } .block-articles-list .articleBlock { padding:10px; } span.required { color:#ff0000 !important; } #featuredItems {height:185px;} .imageElement {position:relative;background:#fff; width:603px; height:185px; overflow:hidden; display:none;} /* #nav {position:relative;z-index:10; background:url(../images/slider-bg.gif) top left repeat-x; height:27px; overflow:hidden; line-height:27px; width:522px; border:1px solid #003366; margin:3px 0 10px 0; padding:0 0 0 79px;} */ #nav {position:relative;z-index:10; /*background:url(../images/my-slider-bg.gif) top left no-repeat;*/ /*height:32px;*/ overflow:hidden; /*line-height:32px;*/ width:522px; /*border:0px solid #003366;*/ margin:0px 0 0px 0; padding:0 0 0 5px; top:-18px;} /* #nav a { border: 1px solid #fff; background: url(../images/slider-button.gif) top left no-repeat; color:#fff; text-decoration: none; margin: 0 2px; padding: 3px 8px; font-size:11px; font-weight:bold; } */ #nav a {background: url(../images/my-slider-button.png) top left no-repeat; color:#fff; height:20px; text-decoration: none; margin: 0 2px; padding: 4px 6px; font-size:11px; font-weight:bold; } /* #nav a.activeSlide, #nav a:hover { background: #E8E8E8; color:#000; border:1px solid #444;} */ #nav a.activeSlide {background: url(../images/my-slider-button-activ.png) top left no-repeat; color:#000; height:20px; text-decoration: none; margin: 0 2px; padding: 4px 6px; font-size:11px; font-weight:bold; } #nav a:hover {background: url(../images/my-slider-button-activ.png) top left no-repeat; color:#000; height:20px; text-decoration: none; margin: 0 2px; padding: 4px 6px; font-size:11px; font-weight:bold; } #nav a:focus { outline: none; } .imageslider {position:relative; } .additionalbuttons {position:absolute; top:192px;z-index:12; left:4px;} .pausebutton {width:25px; height:20px; border:0px solid #fff; background:url(../images/my-pause.png) top left no-repeat; text-indent:-1000em; display:block; float:left;} .playbutton {width:25px; height:20px; border:0px solid #fff; background:url(../images/my-play.png) top left no-repeat; text-indent:-1000em; display:block; float:left; margin:0 0 0 3px;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Verdana, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Verdana, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /*#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack position: absolute; height: expression(fixHeight(document.body.scrollHeight, document.body.offsetHeight));} #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 } * html #TB_load { /* ie6 hack position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }*/