/* ------------------------ */ /* Inapickle 1.0 */ /* 10 November 2009 */ /* Ripe Template */ /* CSS Document */ /* By Steven Parish */ /* ------------------------ */ /* GLOBAL PROPERTIES ----------------------------------------------------------- */ BODY {font-family: arial, 'Microsoft Sans Serif'; font-size: 10pt; color: rgb(26,26,26); line-height: 160%; background-color: rgb(228,227,227); margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } a {text-decoration: none; color: #500D54;} a:hover {color: rgb(128,39,129);} h1 {color: rgb(26,26,26); font-family: Arial; margin-bottom: 10px; margin-top: 0px; font-size: 24px; display: block;} h2 {color: rgb(63,63,63); font-family: Arial; margin-bottom: 10px; font-size: 18px; } h3 {color: rgb(26,26,26); font-family: Arial; margin-bottom: 10px; font-size: 16px; } h4 {color: rgb(63,63,63); font-family: 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(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} /* ----------------------------------------------------------------------------- */ /* LAYOUT BOXES ------------------------------------------------------------------ */ #top-head {height: 20px; background-color: rgb(26,26,26); border-bottom: 1px solid rgb(5,5,5);} #header {height: 140px; background-color: rgb(82,92,97); background: white; padding-top: 15px;} #menubar {height: 41px; background-color: white;} #middle {padding: 30px; background-color: white; background-image: url(images/cbg.gif); background-repeat: repeat-x; padding: 30px;} #footer {background-color: rgb(66,66,66); height: 100px; background-image: url(images/footerbg.gif); background-repeat: repeat-x; padding: 20px; padding-top: 50px;} #footer a {color: rgb(25,25,33); text-decoration: underline;} #window {height: 200px; background-image: url(images/windowbg.gif); background-repeat: repeat-x;} #window2 {height: 200px; width: 404px; float: right; background-image: url(images/drowning.gif); background-repeat: none;} #window3 {font-size: 17px; color: white; line-height: 35px; padding: 15px; padding-top: 30px;} #content-box {padding: 10px; padding-top: 0px; margin: -6px;} .container {width:950px; margin-left: auto; margin-right: auto;} #logo {font-size: 20pt; color: rgb(199,209,216);} #slogan {height: 20px; text-align: left; color:rgb(129,139,146); margin-top:5px;} /* ----------------------------------------------------------------------------- */ /* MENU ------------------------------------------------------------------------ */ .navlist {height: 41px; margin:0; padding: 0;} .navlist li {float: left; list-style: none; padding: 0px; margin:0px;} .navlist a {display: block; padding: 8px; padding-right: 15px; padding-left: 15px; font-size: 14pt; color: rgb(26,26,26); height: 25px;} .navlist a:hover {background-color: rgb(243,244,239); color: rgb(128,39,129);} .subnavlist {position:absolute; z-index:500; display: block; padding: 0px; margin:0px; color: rgb(53,53,53); background-color: white; border: none; } .subnavlist li {display: none; float: none; padding: 0px; margin: 0px; width: 130px; border-left: 1px solid rgb(140,140,140); } .subnavlist a {margin: 0px; line-height: normal;} #menubar .navlist .subnavlist a span {display: block; padding: 2px; padding-left: 5px; padding-right: 5px; margin: 0px; } #menubar .navlist .subnavlist a {float: none; border: none; display: block; height: auto; margin: 0px; font-size: 11px; background-image: none; border-bottom: 1px solid rgb(220,220,220); border-right:1px solid rgb(140,140,140); } #menubar .navlist .nav_on .subnavlist a, #menubar .navlist .subnavlist a:hover {background-image: none;} .subnavlist a:hover {background-color: rgb(240,240,240);} .navlist li:hover .subnavlist li {display: block;} /* ie6 menu */ #ie6menu {background-color: rgb(40,40,40);} #ie6menu .navlist li {} #ie6menu .navlist a {background-image: none; color: rgb(228,228,228); padding: 4px; margin-right: 5px; margin-top: 4px;} #ie6menu .navlist a span {display: block;} #ie6menu .navlist a:hover {color: white; background-color: transparent; text-decoration: underline;} /* ----------------------------------------------------------------------------- */ /* 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;} /* ----------------------------------------------------------------------------- */ /* Twitter box ----------------------------------------------------------------------------- */ #twitterbox {float: right; background-image: url(images/tweetbird.jpg); background-repeat: no-repeat; height: 100px; width: 410px; vertical-align : middle; display : table-cell;} #twitter_div {text-align: center; width: 320px; float: right; padding: 5px;} #twitter_div ul {margin:0px; padding:0px; list-style:none;} #twitter_div li {width: 320px; color: rgb(132,132,132); } /* ----------------------------------------------------------------------------- */ /* forms -------------------------------------------------------------------- */ .ripeFormBox {width:99%;} .ripeFormBox table {width:99%;} .ripeFormBox .formLabels {width:120px;} .ripeFormBox .textbox {width:99%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .emailbox {width:99%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .textarea {width:99%; 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;} /* ----------------------------------------------------------------------------- */ .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(171,171,171);} .loginTabs span:hover {background-position: right; background-repeat: no-repeat;} .loginTabs a.tabOn {-moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: rgb(171,171,171);} .loginTabs a.tabOn span {background-position: right; background-repeat: no-repeat;} /* ----------------------------------------------------------------------------- */ /* 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;}