/* ------------------------ */ /* JA'DOR 1.0 */ /* 17 March 2008 */ /* Ripe Template */ /* CSS Document */ /* By Steven Parish */ /* steve@freshervisions.com */ /* ------------------------ */ /* GLOBAL PROPERTIES ----------------------------------------------------------- */ BODY {font-family: arial, 'Microsoft Sans Serif'; line-height: 180%; background-color: rgb(28,31,27); font-size: 12px; color: rgb(5,5,5); margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } a {text-decoration: none; color: #6a7729; } a:hover {text-decoration: underline; } h1 {color: #6a7729; font-family: arial; margin: 0px; margin-bottom: 10px; font-size: 20px; font-weight: bold; display: block; } h2 {color: rgb(26,26,26); font-family: arial; margin: 0px; font-size: 18px; font-weight: normal;} h3 {color: #6a7729; font-family: arial; margin: 0px; margin-bottom: 5px; font-size: 16px; font-weight: normal; } h4 {color: rgb(26,26,26); font-family: arial; margin: 0px; font-size: 14px; font-weight: normal;} .clear { clear: both; } img {border: none;} /* ripe stuff ------------------------------------------------------------------ */ .input_hp {display: none;} /* hide honey pot inputs */ .ripe-notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} /* ripe notices such as thank you for form submition */ /* ----------------------------------------------------------------------------- */ /* CONTAINERS ------------------------------------------------------------------ */ #maincontain {width:974px; margin-left: auto; margin-right: auto;} .head {width:922px; height: 126px; padding-left: 31px; padding-right: 21px; padding-top: 50px; background-image: url(images/head_bg.gif); background-repeat: no-repeat; background-position: right top;} .head2 {width:932px; height: 77px; padding-left: 21px; padding-right: 21px; background-image: url(images/bhead.gif); background-repeat: no-repeat;} .container2 {width:932px; height: auto; background-image: url(images/cbg.gif); padding-left: 21px; padding-right: 21px; background-repeat: repeat-y; margin-left: auto; margin-right: auto;} /* ----------------------------------------------------------------------------- */ /* HEADER ---------------------------------------------------------------------- */ #logo {text-align: left; height: 70px; background-image: url(images/logo.gif); background-repeat: no-repeat;} #slogan {height: 20px; text-align: left; color: #bf737c;} /* ----------------------------------------------------------------------------- */ /* MENU ------------------------------------------------------------------------ */ #menu {margin-left: 302px; display:block; height: 40px; font-size:12pt; line-height:normal; padding: 10px; overflow: hidden;} #menu ul {margin:0px; padding:0px; list-style:none;} #menu li {float:left; display:block; margin:0px; padding:0px; position: relative;} #menu a {display:block; position: relative; margin:0; height:20px; text-decoration:none; color: #6a7729;} #menu a span {height: 20px; display:block; padding-left: 21px; padding-right: 21px; cursor:pointer;} /* Commented Backslash Hack hides rule from IE5-Mac */ #menu a span {float:none;} /* End IE5-Mac hack */ #menu ul.navlist li a:hover {color: rgb(172,138,79);} #menu ul.navlist li a span:hover {} #menu ul.navlist li.nav_on a {color: rgb(172,138,79);} #menu ul.navlist li.nav_on a span {} #menu ul.navlist li ul.subnavlist {float: none; font-size:10px; padding: 0px; margin: 0px; position: absolute; background-color:rgb(10,10,10); width: 100px;} #menu ul.navlist li ul.subnavlist li {text-align:left; width: 100px; padding: 0px; margin: 0px; position: relative;} #menu ul.navlist li ul.subnavlist li a {padding: 0px; margin: 0px; background-image:none; border-left: 3px solid rgb(158,198,48); height: 100%; } #menu ul.navlist li ul.subnavlist li a span{background-color: rgb(10,10,10); background-image:none; border-top: 1px solid rgb(30,30,30); } #menu ul.navlist li ul.subnavlist li a:hover {border-left: 3px solid rgb(131,172,202);} #menu ul.navlist li ul.subnavlist li a:hover span{background-color: rgb(144,180,207); border-top: 1px solid rgb(144,180,207);} #menu ul.navlist li ul.subnavlist li ul.subnavlist {padding: 0px; margin: 0px; margin-left:100px; margin-top: -20px; } /* ----------------------------------------------------------------------------- */ /* CONTENT --------------------------------------------------------------------- */ #content {text-align: left; padding: 25px; padding-right: 30px; } #leftside {text-align: left; width: 0px; min-height: 600px; background-image: url(images/leftBox_mid.gif); background-repeat: repeat-y; background-position: top;} #leftside2 {text-align: left; width: 0px; min-height: 600px; background-image: url(images/leftBox_top.gif); background-repeat: no-repeat;} #leftside3 {text-align: left; width: 0px; min-height: 600px; background-image: url(images/leftBox_bot.gif); background-repeat: no-repeat; background-position: bottom;} #leftsideC {float: left; width: 260px; padding: 25px; margin-top: -90px; position: relative;} /* ----------------------------------------------------------------------------- */ /* ARTICLES -------------------------------------------------------------------- */ .art {border-bottom: 1px dotted rgb(100,100,100); padding-bottom: 15px;} .art_feat {border-bottom: 1px dotted rgb(100,100,100); padding-bottom: 15px;} .art_title {color: rgb(112,0,14); font-family: arial; font-size: 20px; font-weight: bold; } .dateline {font-family: Arial; 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;} /* ----------------------------------------------------------------------------- */ /* FOOTER ---------------------------------------------------------------------- */ #bottompart {width:932px; height: 20px; background-image: url(images/cbot.gif); background-repeat: no-repeat; padding-left: 21px; padding-right: 21px;} #footer {width: auto; text-align: right; padding: 30px; font-size: 12px; color: rgb(172,138,79);} /* ----------------------------------------------------------------------------- */ /* forms -------------------------------------------------------------------- */ .ripeFormBox {width:100%;} .ripeFormBox table {width:100%;} .ripeFormBox .formLabels {width:100px;} .ripeFormBox .textbox {width:90%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .textarea {width:100%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} #ripe_search #search_term {width: 207px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} /* ----------------------------------------------------------------------------- */ /* twitter badge -------------------------------------------------------------------- */ #twitterbox {background-image: url(images/tweet_bg.gif); height: 105px; width: 300px; vertical-align : middle; display : table-cell;} #twitter_div {text-align: center; float: right; padding: 5px;} #twitter_div ul {margin:0px; padding:0px; list-style:none;} #twitter_div li {width: 170px; color: #0a507c; } #twitter_div li a {display: none;} * html a:hover{ visibility:visible } /* SHOP CSS ---------------------------------------------------------------- ---------------------------------------------------------------------------*/ #shopCol1 {float: left; width: 195px;} #shopCol2 {float: right; width: 580px;} 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: 440px; 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: 100%; 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(125,125,125); 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(35,31,32); font-size: 11px; font-weight: normal; background: white; border: 1px solid rgb(192,192,192); border-right: none;} #proStepImg {text-align: right;}