/* ------------------------ */ /* Footnotes 2009 */ /* 20 January 2009 */ /* Ripe Template */ /* CSS Document */ /* By Steven Parish */ /* steve@freshervisions.com */ /* ------------------------ */ /* GLOBAL PROPERTIES ----------------------------------------------------------- */ BODY {font-family: arial, 'Microsoft Sans Serif'; font-size: 9pt; color: rgb(26,26,26); line-height: 160%; background-color: rgb(242,238,239); background-image: url(images/bg.gif); background-position: top center; background-repeat: repeat-y; margin-top: 15px; margin-left: 0px; margin-bottom: 15px; margin-right: 0px; } a {text-decoration: none; color: rgb(213,43,136); font-weight: bold;} a:hover {text-decoration: underline; } h1 a,h2 a {font-weight: normal;} h1 {color: rgb(213,43,136); font-family: Book Antiqua, georgia, arial; margin-bottom: 10px; margin-top: 0px; font-size: 20pt; line-height: 120%; font-weight: normal; display: block;} h2 {color: rgb(42,41,37); font-family: Book Antiqua, georgia, arial; margin-bottom: 10px; font-size: 18px; font-weight: normal; } h3 {color: rgb(213,43,136); font-family: Book Antiqua, georgia, arial; margin-bottom: 10px; font-size: 16px; } h4 {color: rgb(63,63,63); font-family: Book Antiqua, georgia, arial; margin-bottom: 10px; font-size: 14px; } img {border: none; } .clear { clear: both; } .input_hp {display: none;} /* hide honey pot inputs */ /* ripe notices such as 'thank you for form submition' */ .notice {background-color: rgb(234,234,229); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px; text-align: center;} /* ----------------------------------------------------------------------------- */ /* LAYOUT BOXES ------------------------------------------------------------------ */ #top-head {height: 98px; background-color: white; border-top: 10px solid white; background-image: url(images/headbg.gif); background-position: bottom; background-repeat: repeat-x;} #head-window {height: 223px; width: 773px; background-color: rgb(82,92,97); background-image: url(images/home_window.jpg); background-repeat: no-repeat; border-bottom: 2px solid rgb(213,43,136)} #menubar {height: 60px; background-color: rgb(35,31,32); padding-top: 5px; background-color: rgb(29,29,29); background-image: url(images/nav_bg.gif); background-repeat: repeat-x; border-bottom: 2px solid rgb(213,43,136); border-top: 1px solid rgb(39,39,39); } #middle {padding: 10px;} #content-box {padding: 10px;} #rightside {float: right; width: 300px;} #submenuZ {width: 171px; height: 190px; padding-top: 34px; padding-bottom: 17px; padding-left: 60px; padding-right: 40px; background-image: url(images/noteImg.gif);} #footer {background-color: rgb(35,31,32); border-top: 1px solid rgb(39,39,39); padding: 20px; color: rgb(242,238,239);} #footer a {color: rgb(242,238,239);} #boxes {width: 100%; text-align: center; margin-top: 10px;} .box {display: inline; margin: 3px;} .box img {width: 247px; height: 242px; border: 1px solid white; opacity: 0.85;} .box a img:hover {border: 1px solid rgb(213,43,136); opacity: 1;} .container {width:773px; margin-left: auto; margin-right: auto; border: 2px solid rgb(252,191,186); background-color: white; opacity: 1;} /* CSS3 round corners */ .container {-moz-border-radius: 10px;} .container {-webkit-border-radius: 10px;} .container {border-radius: 10px;} #top-head {-moz-border-radius-topleft: 7px;} #top-head {-moz-border-radius-topright: 7px;} #top-head {-webkit-border-top-left-radius: 7px; } #top-head {-webkit-border-top-right-radius: 7px; } #footer {-moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; } #logo {height: 89px; width: 240px; background-image: url(images/logo.gif); margin-top: 8px; margin-left: 8px;} #slogan {height: 20px; text-align: left; color:rgb(129,139,146); margin-top:5px;} /* ----------------------------------------------------------------------------- */ /* MENU ------------------------------------------------------------------------ */ #menubar .navlist {border-left: 1px solid rgb(212,210,210); margin:0; padding: 0;} #menubar .navlist li {float: left; list-style: none; padding: 0px; margin:0px; margin-right: 2px; margin-left: 2px; } #menubar .navlist a {float: left; font-size: 10pt; color: white;} #menubar .navlist a span {float: left; font-size: 10pt; padding: 5px; padding-left: 10px; padding-right: 10px; color: white; cursor: pointer;} #menubar .navlist a:hover {text-decoration: none;} #menubar .navlist a:hover {-moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgb(213,43,136); background-image: url(images/tabOverL.gif);} #menubar .navlist span:hover {background-position: right; background-repeat: no-repeat; background-image: url(images/tabOverR.gif);} #menubar .navlist .nav_on a {-moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgb(213,43,136); background-image: url(images/tabOverL.gif);} #menubar .navlist .nav_on span {background-position: right; background-repeat: no-repeat; background-image: url(images/tabOverR.gif);} #submenuZ .navlist {margin:0; padding: 0;} #submenuZ .navlist li {list-style: none; padding: 0px; margin:0px; margin-bottom: 6px; display: block; text-align: center;} #submenuZ .navlist a {font-size: 12pt; font-style: italic; padding: 0px; font-weight: bold; color: rgb(12,12,12);} #submenuZ .navlist a:hover {border-bottom: 2px solid rgb(12,12,12);} /* item images #menubar .navlist a span {display: none; background-repeat: no-repeat;} #menubar .navlist .n0 {background-image: url(images/websites.gif);} #menubar .navlist .n1 {background-image: url(images/apps.gif);} #menubar .navlist .n2 {background-image: url(images/print.gif);} #menubar .navlist .n3 {background-image: url(images/about.gif);} #menubar .navlist .n4 {background-image: url(images/contact.gif);} #menubar .navlist a.n0:hover {background-image: url(images/websites-on.gif);} #menubar .navlist a.n1:hover {background-image: url(images/apps-on.gif);} #menubar .navlist a.n2:hover {background-image: url(images/print-on.gif);} #menubar .navlist a.n3:hover {background-image: url(images/about-on.gif);} #menubar .navlist a.n4:hover {background-image: url(images/contact-on.gif);} /* ----------------------------------------------------------------------------- */ /* ARTICLES -------------------------------------------------------------------- */ .art {margin-bottom: 30px;} .art_feat {margin-bottom: 30px;} .art_title {} .dateline {font-family: Arial; color: rgb(100,100,100); font-size: 11px; } .comment01 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment02 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment01:hover, .comment02:hover {background-color: white; border: 1px solid rgb(112,0,14); border-left: none; border-right: none;} .com_author {color: rgb(112,0,14); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold;} .com_subject {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; } .com_date {color: rgb(128,128,128); font-size: 10px; text-align: right;} .com_rate {float: right; font-size: 18px;} .com_hide {color: rgb(187,187,187);} .com_post_table {text-align: left; } #com_post_box {text-align: left; display:none;} /* ----------------------------------------------------------------------------- */ /* forms -------------------------------------------------------------------- */ .ripeFormBox {display: block; background-color: rgb(242,242,242); padding: 5px; border: 1px solid rgb(90,87,88);} .ripeFormBox table {width:100%;} .ripeFormBox .formLabels {width:120px;} .ripeFormBox .textbox {width:95%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .textarea {width:95%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .dropdown {width:95%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} #ripe_search #search_term {width: 207px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .loginTabs {border-left: 1px solid rgb(212,210,210); margin:0; padding: 0; height: 34px; background-color: rgb(35,31,32);} .loginTabs ul {list-style: none; padding: 0px; margin:0px;} .loginTabs li {float: left; list-style: none; padding: 0px; margin:2px;} .loginTabs a {float: left; font-size: 10pt; color: white;} .loginTabs a span {float: left; font-size: 10pt; padding: 5px; padding-left: 10px; padding-right: 10px; color: white; cursor: pointer;} .loginTabs a:hover {text-decoration: none;} .loginTabs a:hover {-moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgb(213,43,136); background-image: url(images/tabOverL.gif);} .loginTabs span:hover {background-position: right; background-repeat: no-repeat; background-image: url(images/tabOverR.gif);} .loginTabs a.tabOn {-moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgb(213,43,136); background-image: url(images/tabOverL.gif);} .loginTabs a.tabOn span {background-position: right; background-repeat: no-repeat; background-image: url(images/tabOverR.gif);} /* ----------------------------------------------------------------------------- */ /* SHOP CSS ---------------------------------------------------------------- ---------------------------------------------------------------------------*/ #shopCol1 {float: left; width: 170px;} #shopCol2 {float: right; width: 530px;} form p {margin: 0; margin-right: 3px;} .lineb {clear: both; border-bottom: 1px dotted rgb(183,185,188);} .redText {color: rgb(200,0,0);} #shopToolbar {height: 20px; margin-bottom: 15px; padding: 10px; background: url(images/shopToolbar_bg.gif) no-repeat ;} #shopSearch {float: left;} #searchBox {vertical-align: middle; height: 14px; color: rgb(83,85,87); padding: 3px; font-size: 8pt; width: 175px; border: 1px solid rgb(125,121,122); background-color: rgb(242,238,239);} .shopItemSum {} .shopItemSum h3 {font-size: 11pt;} .shopItemSumImg {float: left; width: 120px; height: 100px; padding-right: 10px;} .shopItemSumImg img {width: 120px; height: 100px;} .shopItemSumDesc {float: right; width: 400px; min-height: 50px;} .shopItemSumPriceZone {text-align: right;} .shopItemSumSalePrice {color: rgb(200,0,0); font-weight: bold; font-size: 11pt;} .shopItemSumPrice {color: rgb(200,0,0); font-weight: bold; font-size: 11pt;} .shopItem {} .singleRightZone {float: right; width: 280px; padding-left: 5px; padding-bottom: 5px;} .shopItemImg {width: 220px; height: 180px; padding-right: 10px; padding-bottom: 10px;} .shopItemImg img {width: 220px; height: 180px;} .shopItemDesc {} .shopItemPriceZone {text-align: right;} .shopItemSalePrice {color: rgb(200,0,0); font-weight: bold; font-size: 16pt;} .shopItemPrice {color: rgb(200,0,0); font-weight: bold; font-size: 16pt;} .itemBarInfo {height: 20px; padding: 10px; margin-top: 15px; margin-bottom: 15px; background-color: rgb(236,236,236); border-top: 1px solid rgb(200,200,200); border-bottom: 1px solid rgb(200,200,200);} .singleRightZone ul {margin: 0; padding: 0;} .singleRightZone li {list-style: none; display: block; text-align: right; padding: 4px; margin:0px; height: 20px; border-bottom: 1px dotted rgb(200,200,200);} .singleRightZone li {} .singleRightZone li.row2 {background-color: rgb(246,246,246);} .buyForm {text-align: right; clear: both; padding-top: 5px; padding-bottom: 5px;} .buyForm p {display: inline;} .buynum {height: 15px; font-size: 11px; border: 1px solid rgb(100,152,86); vertical-align: top; margin-right: 5px; } .buyOptions {height: 19px; font-size: 11px; border: 1px solid rgb(100,152,86); vertical-align: top; margin-right: 5px; } .buyBt2 {background-image: url(images/buy.gif); width: 60px; height: 19px;} .itemInfoText {float: left; margin-right: 25px;} .button {vertical-align: middle;} .leftBlock {text-align: left; padding: 4px;} .rightBlock {text-align: right; padding: 4px;} .leftFloat {float: left;} .rightFloat {float: right;} #shopQBasket {float: right;} #basketInfo {font-size: 14pt; font-weight: bold; vertical-align: top;} #basketTotalPrice {color: rgb(200,0,0); font-weight: bold; font-size: 14pt;} #basketTable {width: 530px; border: none; padding: 0; margin: 0; text-align: left; margin-bottom: 5px;} #basketTable th {background: rgb(185,185,185); background: url(images/bar_bg.gif) repeat-x center; color: white; padding: 5px; } #basketTable td {padding: 5px; border-bottom: 1px solid rgb(220,220,220);} #basketButtons form {float: left;} .paginationBar {background-color: rgb(185,185,185); background: url(images/bar_bg.gif) repeat-x center; color: white; font-weight: bold; height: 18px; padding: 5px;} .paginationBar a {background-color: rgb(215,215,215); padding: 2px; padding-left: 4px; padding-right: 4px;} .pageOn a {background-color: rgb(255,255,255);} /* categories menu */ #shopCatsMenu h3 {padding: 5px; border-bottom: 2px solid rgb(213,43,136); margin: 0px; background-color: rgb(35,31,32); color: white;} #shopCatsMenu ul {list-style-type: none;margin: 0;padding: 0;margin-top: 2px;} #shopCatsMenu ul li{padding-bottom: 1px;} #shopCatsMenu ul li.on {background-color: rgb(246,246,246); margin-bottom: 1px;} #shopCatsMenu ul li.on a{font-weight: bold;} #shopCatsMenu ul li.on li a{font-weight: normal;} #shopCatsMenu ul li a{font-size: 12px; font-weight: normal; color: black;background: rgb(246,246,246);display: block;padding: 5px 0;line-height: 17px;padding-left: 8px; text-decoration: none;} #shopCatsMenu ul li a:hover{ color: white;background: rgb(35,31,32);} #shopCatsMenu ul li ul{padding-left: 5px;} #shopCatsMenu ul li ul li a{font-size: 11px; font-weight: normal; background: rgb(232,232,232);} #shopCatsMenu ul li ul li.on a{color: rgb(213,43,136); font-size: 11px; font-weight: normal; background: white; border: 1px solid rgb(192,192,192); border-right: none;} #proStepImg {text-align: right;}