/* Shamans Market Master Stylesheet */ /* Global Layout Styles -------------------------------*/ html{ overflow-y:scroll;} body { background-color: #999966; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #707070; text-align: center; } #container {width:980px; margin: auto; padding:17px 0px; background-color:#F9F9F7; text-align:center;*height:1%;} #wrapper { width: 951px; padding: 0px; margin: auto; } /* 04/12/07 By client request changing global a:link color from 829C5F to 999966 I think this is a mistake, adding this comment to easily revert. -----------------------------------------------------------*/ /**************************************/ /********** General Styles ************/ /**************************************/ .clearer{clear:left;line-height:0px; height:0px;font-size:0px;} .clearerR{clear:right;line-height:0px; height:0px;font-size:0px; } .clearerL{clear:left;line-height:0px; height:0px;font-size:0px;} .clearerB{clear:both;line-height:0px; height:0px;font-size:0px;} .imgFix{display:block;} .hrDiv{border-top: 1px solid #c0c0c0; width:100%; line-height:1px; font-size:1px; margin:4px 0; padding:0;} .marginTop15 {margin-top:15px !important;} form, input{margin:0;padding:0;} /**************************************/ /*SUCKER TREE HOVER NAV STYLES*/ /*Credits: Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ */ .suckertreemenu{ font-size:11px; margin-bottom:5px; z-index:9;} .suckertreemenu ul{margin: 0;padding: 0;list-style-type: none; } /*Top level list items*/ .suckertreemenu ul li{position:relative;display:inline;float:left;} /*Top level menu link items style*/ .suckertreemenu ul li a{display: block; margin: 0;border: 1px solid #F9F9F7;text-decoration: none;color:#819C60;font-weight:bold; background-color:#F9F9F7; _width:82px} .navStructurer{height:38px; width:82px; position:relative; z-index:9;} /*style for last link*/ .lastCat{} .lastCat a .navStructurer{width:77px !important;} .lastCat a{_width:40px !important;} .suckertreemenu ul li a:link{text-decoration: none;} .suckertreemenu ul li a:visited {text-decoration: none;} .suckertreemenu ul li a:hover {text-decoration: none; color:#DE5B01; cursor:pointer; border:1px solid #C3C3A7; border-bottom:1px solid #F9F9F7;} .suckertreemenu ul li a:active {text-decoration: none; color: #829C5F;} .level2_ul:hover{border-top:1px solid #C3C3A7;} .level3_ul{background-color:#F9F9F7;} .suckertreemenu ul .mainCat a:hover, .suckertreemenu ul .lastCat a:hover{border-bottom:1px solid #C3C3A7;} .suckertreemenu ul li ul li a:hover {border:none;} /*1st sub level menu*/ .suckertreemenu ul li ul{position: absolute;left: 0;top:0px; display: block;visibility: hidden;border: 1px solid #C3C3A7; padding-top:38px; z-index:7;} .level3_ul{padding-top:0px !important;} /*Sub level menu list items (undo style from Top level List Items)*/ .suckertreemenu ul li ul li {display: list-item;float: none;} .suckertreemenu ul li ul li a{font-weight:100; font-size:10px; } /*All subsequent sub menu levels offset after 1st level sub menu */ .suckertreemenu ul li ul li ul{left: 159px; top: 0px; } /* Sub level menu links style */ .suckertreemenu ul li ul li a {display: block;width: 78px; color:#829B61;text-decoration: none;border:0; text-align:left; padding:2px;} /*Background image for top level menu list links */ .suckertreemenu .mainfoldericon { } /*Background image for subsequent level menu list links */ .suckertreemenu .subfoldericon{} * xhtml p#iepara{padding-top: 1px;} /* Holly Hack for IE \*/ * html .suckertreemenu ul li {float: left; height: 1%; } * html .suckertreemenu ul li a { height: 1%; } /* End */ /*Style for top level containers*/ .mainfoldericon>div{background-color:#F9F9F7;} /* Header Styles -------------------------------*/ .logo { float:left; width:287px; padding:0; } div.headerlinks {float: right; width: 50%; text-align: right; margin: 10px 0 0px 0; padding: 0; } .search {text-align:right; padding: 0; } .searchTable{margin:6px 0 4px 0;} .btn{ vertical-align:middle;} div.headerlinks a:link { text-decoration: none; color: #829C5F; font-size: 11px; } div.headerlinks a:active { text-decoration: none; color: #829C5F; font-size: 11px; } div.headerlinks a:visited { text-decoration: none; color: #829C5F; font-size: 11px; } div.headerlinks a:hover { text-decoration: none; color: #DE5B01; font-size: 11px; } div.search a:link { text-decoration: none; color: #829C5F; font-size: 10px; } div.search a:active { text-decoration: none; color: #829C5F; font-size: 10px; } div.search a:visited { text-decoration: none; color: #829C5F; font-size: 10px; } div.search a:hover { text-decoration: none; color: #DE5B01; font-size: 10px; } .inputSearch {border:1px solid #999999; height:12px; padding:3px;} /* Body Styles -------------------------------*/ .content{ clear:both;border: 1px solid #DBDAC1; background-color: #fff; width: 100%; text-align: left; } .contentInner{margin:10px;} div.content ul { list-style-type: none; padding: 0; line-height: 22px; margin: 0px; margin-bottom: 0px; } div.content li { list-style-type: none; background: url(bullet.gif) no-repeat 2px 9px; padding: 0px 0px 0px 10px; } .leftcolumn { float: left; width:710px; text-align: left; } .featuredcategory {clear:both; border: 1px solid #DBDAC1; background-color: #fff; width: 710px; height:400px; padding: 0; overflow:hidden; } div.featuredproducts { border: 1px solid #DBDAC1; background-color: #fff; width: 710px; height: 100%; overflow:hidden; padding: 0; margin: 16px 0 0 0; } div.featured { float: left; width: 22px; padding: 0; } div.fprod { float: left; width: 142px; text-align: center; margin: 0; margin:10px 3px 10px 17px;} div.featImage {overflow:hidden;width:150px;height:200px;margin:auto;} .fprod a:link, .fprod a:active{ text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } .fprod a:visited { text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } .fprod a:hover { text-decoration: none; color: #DE5B01; font-size: 11px; font-weight: bold; } .fprod p{ text-align: center; margin: 10px 0 0 0; } div.products { float: left; border: 1px solid #DBDAC1; background-color: #fff; width:167px; *width:166px; margin: 0 16px 16px 0; } div.products a:link { text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } div.products a:active { text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } div.products a:visited { text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } div.products a:hover { text-decoration: none; color: #DE5B01; font-size: 11px; font-weight: bold; } div.prod { padding: 10px; height: 240px; text-align: center; } div.prod p { text-align: center; margin: 10px 0 0 0; font-weight: bold; } div.workshop { border: 1px solid #DBDAC1; background-color: #fff; margin: 0 16px 16px 0; width:710px; } div.work { padding: 10px; text-align: left; } div.work p { text-align: left; margin: 10px 0 0 0; } div.productdetail { border: 1px solid #DBDAC1; background-color: #fff; width: 710px; padding: 0; } td.prodimage { width:362px; padding: 10px 10px 10px 5px; text-align: center; } #dtProdImage{width:362px; overflow:hidden; } #prodImageLink{display:block; margin-bottom:15px;} #prodImage{margin-bottom:5px;} div.altviews { padding: 5px; text-align: center; background-color: #EFEEE4; } td.prodinfo { width: 220px; padding: 10px 5px 10px 5px; } #prodDesc{margin:20px 10px 10px 10px;} div.bullets { text-align: left; } div.bullets ul { list-style-type: none; padding: 0px 10px; line-height: 22px; margin: 0px; margin-bottom: 0px; } div.bullets li { list-style-type: none; background: url(bullet.gif) no-repeat 2px 9px; padding: 0px 0px 0px 10px; } .sfRightColumn{float:right; width:223px; } .rightcolumn {float: right; width:223px;} div.rightcontent { width: auto; padding: 0; } div.info {padding: 0; text-align: left; border:1px solid #dbdac1; background:#fff;} div.infoInner {padding:0 12px 12px 12px;} div.info h3, div.infoEmail h3 {display:block; background-color:#ceceb6; padding:4px; font-weight:normal;} div.info p {margin:15px 0 0 0;} div.infoEmail {padding: 0px; text-align:left; border:1px solid #dbdac1; background:#fff;} div.infoEmail label {display:block; margin:12px 0 12px 0; padding:0;} .inputEmail {float:left; width:150px; border:1px solid #999999; height:12px; padding:3px;} .inputSubmit {float:left; width:23px; margin:0px 2px;} div.catter { padding: 0px; text-align: center; margin:0; } div.catterImage {margin-top:15px; width:100%; text-align:center;} h3 span {color:#fff; text-transform:uppercase;} div.subcategories { width: 100%;padding: 0; background-color: #EFEEE4; xmargin-bottom: 12px; } div.subcategories ul { list-style-type: none; padding: 0; line-height: 22px; margin: 0px; } div.subcategories li.main { list-style-type: none; background: url(bullet.gif) no-repeat 2px 9px; padding: 0px 0px 0px 10px; } div.subcategories li.sub { list-style-type: none; background:none; padding: 0px 0px 0px 20px; } div.subcategories a:link { text-decoration: none; color: #829C5F; font-size: 12px; } div.subcategories a:active { text-decoration: none; color: #829C5F; font-size: 12px; } div.subcategories a:visited { text-decoration: none; color: #829C5F; font-size: 12px; } div.subcategories a:hover { text-decoration: none; color: #DE5B01; font-size: 12px; } div.subcategories li.sub a:link { text-decoration: none; color: #829C5F; font-size: 10px; } div.subcategories li.sub a:active { text-decoration: none; color: #829C5F; font-size: 10px; } div.subcategories li.sub a:visited { text-decoration: none; color: #829C5F; font-size: 10px; } div.subcategories li.sub a:hover { text-decoration: none; color: #DE5B01; font-size: 10px; } div.searchResults {width:690px; background-color:#EFEEE4; text-align:right; padding:5px; margin:0 0 10px 0; border:1px solid #DBDAC1;} div.related { } div.related a:link { text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } div.related a:active { text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } div.related a:visited { text-decoration: none; color: #829C5F; font-size: 11px; font-weight: bold; } div.related a:hover { text-decoration: none; color: #DE5B01; font-size: 11px; font-weight: bold; } div.footer { float: left; width: 100%; color: #707070; margin: 16px 0px; } div.footer a:link { text-decoration: none; color: #829C5F; font-size: 11px; margin: 0 5px 0 5px; } div.footer a:active { text-decoration: none; color: #829C5F; font-size: 11px; margin: 0 5px 0 5px; } div.footer a:visited { text-decoration: none; color: #829C5F; font-size: 11px; margin: 0 5px 0 5px; } div.footer a:hover { text-decoration: none; color: #DE5B01; font-size: 11px; margin: 0 5px 0 5px; } /* Global Text Styles -------------------------------*/ p {font-size: 11px; color: #707070; margin: 0 0 18px 0; } td {font-size: 11px; color: #707070; vertical-align: top; } h1 { text-align: left; font-size: 18px; padding: 2px 0 2px 0; margin: 0 0 20px 0; color: #DE5C04; } h2 { text-align: left; font-size: 13px; padding: 0; margin: 0 0 3px 0; color: #707070; } h3 { text-align: left; font-size: 12px; padding: 0; margin: 0 0 3px 0; color: #707070; } h4 { text-align: left; font-size: 12px; padding: 0; margin: 0 0 3px 0; color: #DE5C04; } h5 { text-align: left; font-size: 12px; padding: 0; margin: 0; color: #707070; } /* Global Link Styles -------------------------------*/ /* Standard */ a:link { text-decoration: underline; color: #829C5F; } a:active { text-decoration: underline; color: #829C5F; } a:visited { text-decoration: underline; color: #829C5F; } a:hover { text-decoration: underline; color: #DE5B01; } /* Form Elements Styles -------------------------------*/ input {font-size: 11px; color: #707070; } textarea {font-size: 11px; color: #707070; border: 1px solid #7C8570; } select {font-size: 11px; color: #707070; border: 1px solid #7C8570; } .input {font-size: 11px; color: #707070; border: 1px solid #7C8570; } .submit { background-color: #829C5F; color: #FFFFFF; font-weight: bold; border: 0; font-size: 11px; padding: 1px 1px 0 2px; } /* Table Styles -------------------------------*/ table { border-collapse:collapse; border:0px; } /* Column or Row Header */ tr.header { background-color: #f2f2f2; font-weight: bold; padding: 5px; } tr.header td { background-color: #f2f2f2; font-weight: bold; padding: 5px; } td.header { background-color: #f2f2f2; font-weight: bold; padding: 5px; } /* Row Underline */ tr.underline { border-bottom: 1px solid #DBE1EB; padding: 5px; } tr.underline td { border-bottom: 1px solid #DBE1EB; padding: 5px; } tr.underline a:link { text-decoration: none; } tr.underline a:active { text-decoration: none; } tr.underline a:visited { text-decoration: none; } /* Horizontal Rule Styles -------------------------------*/ hr{ height: 1px; border: 1px solid #CCCCCC; line-height: 1px; } /*checkout process styles*/ #checkoutContainer {padding:10px;color:#444;border:1px solid #ccc; background-color:white; text-align:left;} #checkoutContainer p{font-size: 11px; line-height: 150%;} #checkoutContainer h2 {} #checkoutContainer h3 {font-size:12px; margin:0;} .inputFormat{border:1px solid #999; margin-bottom:1px; padding:0; font-size:11px;color: #333;} .btnSubmit{}/*on cart template*/ #billingTable select, #billingTable input{border:1px solid #999; margin-bottom:1px; padding:0;} .checkoutSelect select{border:1px solid #999; margin-bottom:1px; padding:0;} #ctBtnsBottom{margin:20px 0 0 0;} .btnContinuePos{width:156px;float:right;} .why {margin:0px 15px; padding:3px; width:400px; border:1px dotted #888; background-color:#f7f7f7;} .progress {margin-bottom:18px;text-align:center;} .orderConfirm{font-size:12px; color:#666;} .orderConfirm b{color:#444;}