@import url("reset.css");
@import url("common.css");
#tagline {
float:left;
height:18px;
text-indent:-9999em;
width:970px;
margin:10px 0 0 10px;
background:url(/images/tagline.jpg) no-repeat;
}
.categoryListText h2 {
font-size:2.4em;
font-weight:700;
letter-spacing:-1px;
margin:12px 0 0 24px;
}
.categoryListText ul {
display:inline;
float:left;
width:45%;
margin:12px 0 12px 24px;
}
.categoryListText li {
display:inline;
float:left;
width:100%;
margin:12px 0;
}
.categoryListText h3 {
display:inline;
float:left;
line-height:28px;
width:99%;
}
.categoryListText ul li h3 a {
color:#000;
font-size:2.2em;
font-weight:700;
letter-spacing:-1px;
text-decoration:none;
margin:12px 0 0;
}
span.subCategoryListText {
display:inline;
float:left;
margin-top:12px;
width:100%;
}
span.subCategoryListText a {
font-size:1.2em;
}
.categoryList ul {
display:inline;
float:left;
list-style:none;
margin-bottom:22px;
margin-top:22px;
width:40%;
}
html>body .categoryList ul {
margin-bottom:0;
}
.categoryList a {
color:#333;
font-size:1.2em;
text-decoration:none;
}
.categoryList ul.left {
margin-left:70px;
padding-right:25px;
}
.categoryList ul.right {
padding-left:25px;
}
.categoryList ul li {
display:block;
float:left;
height:150px;
line-height:0;
margin-bottom:25px;
width:360px;
background:url(/images/category_bg.jpg) no-repeat;
}
.categoryList ul li img {
display:inline;
float:left;
width:137px;
margin:10px 0 8px 10px;
}
.categoryList ul li h3 {
float:left;
font-size:1.2em;
font-weight:700;
line-height:1.4em;
width:198px;
margin:10px 0 4px 12px;
}
.categoryList ul li a:hover {
text-decoration:underline;
}
.categoryTip {
display:inline;
float:left;
padding-top:12px;
position:relative;
width:782px;
margin:36px 0 0 120px;
}
span.subCategoryList a {
font-size:12px;
line-height:150%;
}
span.subCategoryList {
display:block;
float:left;
line-height:120%;
margin-left:10px;
width:198px;
}
#foldertop {
display:inline;
float:left;
height:18px;
width:782px;
background:url(/images/folder_top.jpg) no-repeat;
}
#folder {
display:inline;
float:left;
padding-top:12px;
position:relative;
width:782px;
margin:36px 0 0 120px;
background:url(/images/folder_bg.jpg) no-repeat 100% 0;
}
#folder_bottom {
display:inline;
float:left;
padding-bottom:24px;
width:782px;
background:url(/images/folder_bg.jpg) no-repeat 0 100%;
}
#folder_bottom #h2close {
display:block;
height:29px;
left:24px;
line-height:32px;
padding-right:8px;
position:absolute;
top:-23px;
background:url(/images/folder_h2_bg.gif) no-repeat top right #fff;
}
html>body #folder_bottom #h2close {
line-height:29px;
}
*+html body #folder_bottom #h2close {
line-height:32px;
}
#folder_bottom h1 {
float:left;
font-size:2.6em;
font-weight:700;
height:29px;
letter-spacing:-1px;
padding:0 22px;
background:url(/images/folder_h2_bg.gif) no-repeat left top #fff;
}
#folder_bottom ul {
display:inline;
float:left;
margin:24px 0 0;
}
#folder_bottom ul.folderleft {
margin-left:96px;
width:300px;
}
#folder_bottom ul.folderright {
margin-left:48px;
width:300px;
}
#folder_bottom ul li {
display:inline;
float:left;
width:100%;
}
#folder_bottom ul li h3 {
display:inline;
float:left;
width:100%;
margin:4px 0;
}
#folder_bottom ul li h3 a {
color:#000;
display:block;
font-size:1.8em;
text-decoration:none;
width:100%;
}
#detailLeft {
display:inline;
float:left;
margin:24px 0 0 72px;
}
#detailRight {
display:inline;
float:left;
width:600px;
margin:24px 0 0 72px;
}
#detailRight h1 {
color:#2C391C;
font-size:2.2em;
font-weight:700;
}
#detailRight ul {
list-style:none;
margin:12px 0;
}
#detailRight li {
color:#333;
font-size:1.4em;
font-weight:700;
margin-bottom:4px;
padding-left:20px;
background:url(/images/li_bullet.gif) no-repeat 0 50%;
}
#detailRight h3 {
font-size:1.6em;
font-weight:700;
margin-bottom:12px;
}
table.merchantList {
display:inline;
float:left;
width:600px;
background:url(/images/table_bg.jpg) no-repeat 0 100%;
margin-top:8px;
}
table.merchantList thead {
height:24px;
background:url(/images/table_top_bg.jpg) no-repeat 0 0;
}
table.merchantList thead th {
color:#fff;
font-size:14px;
font-weight:700;
padding-left:8px;
}
table.merchantList thead th.topLeft {
width:200px;
background:url(/images/table_top_bg.jpg) no-repeat 0 0;
}
table.merchantList thead th.topRight {
width:200px;
background:url(/images/table_top_bg.jpg) no-repeat 50% 0;
}
table.merchantList thead th.emptyCell {
width:200px;
background:url(/images/table_top_bg.jpg) no-repeat 100% 0;
}
table.merchantList tbody tr {
border-bottom:1px solid #B5EB76;
height:24px;
width:95%;
}
table.merchantList tbody td {
font-weight:700;
padding:4px 8px;
}
table.merchantList tbody td.left {
width:33%;
}
table.merchantList tbody td.right {}
#leftCol {
display:inline;
float:left;
padding-top:12px;
width:222px;
margin:7px 0 0 7px;
background:url(/images/left_col_bg.jpg) no-repeat;
}
#leftColBottom {
display:inline;
float:left;
padding-bottom:4px;
width:100%;
background:url(/images/left_col_bg.jpg) no-repeat 0 100%;
}
#leftCol h2 {
color:#fff;
font-size:1.4em;
font-weight:700;
height:24px;
line-height:24px;
padding-left:8px;
width:100%;
background:url(/images/left_col_h2_bg.jpg) no-repeat;
}
#narrowSearch {
display:inline;
float:left;
width:195px;
margin:0 0 0 14px;
padding-bottom: 8px;
}
*+html #narrowSearch {
margin-top:0px;
}
#narrowSearch h3 {
margin:12px 0 0 12px;
}
#narrowSearch h3 a {
color:#2C391C;
font-size:1.4em;
font-weight:700;
text-decoration:none;
}
#narrowSearch ul {
width:90%;
margin:12px 0 0 24px;
}
#narrowSearch li {
padding-left:12px;
margin:2px 0;
background:url(/images/narrow_search_li_bg.gif) no-repeat 0 50%;
}
#rightCol {
display:inline;
float:left;
padding-top:12px;
width:753px;
margin:7px 0 0 1px;
background:url(/images/right_col_bg.jpg) no-repeat;
}
#rightColBottom {
display:inline;
float:left;
margin-top:12px;
padding-bottom:36px;
width:100%;
background:url(/images/right_col_bg.jpg) no-repeat 0 100%;
}
html>body #rightColBottom {
margin-top:0;
}
#rightCol h1 {
color:#2C391C;
display:inline;
float:left;
font-size:2em;
font-weight:700;
height:24px;
margin-left:12px;
margin-top:8px;
text-align:left;
width:100%;
}
#searchResultsContainer {
display:inline;
float:left;
font-size:90%;
width:98%;
margin:0;
}
.searchResult {
display:inline;
float:left;
height:252px;
width:233px;
margin:12px 0 0 12px;
background:url(/images/product_detail_bg.gif) no-repeat;
}
.searchResult img {
margin:4px 0 0 8px;
}
.searchResult h3 {
font-size:1.3em;
height:40px;
width:217px;
margin:12px 0 0 8px;
}
.searchResult h3 a {
color:#364723;
display:block;
}
.searchResult .details {
display:inline;
float:left;
width:217px;
margin:4px 0 0 8px;
}
.searchResult .details p {
display:inline;
float:left;
font-size:1.3em;
width:100%;
}
.searchResult .details p.price {
color:#A25006;
font-size:1.4em;
font-weight:700;
height:15px;
margin-top:2px;
width:217px;
}
.searchResult .details p.price a {
color:#E97B24;
text-decoration:none;
}
.searchResult .details .merchant {
margin:6px 0 0;
}
.searchResult p img {
border:none;
float:none;
margin:0 0 -3px;
}
.paginationContainer {
display:inline;
float:left;
width:100%;
margin:12px 0;
}
#pages {
display:inline;
float:left;
text-align:center;
width:40%;
margin:0 0 0 212px;
}
#pages a {
color:#333;
font-size:1.3em;
font-weight:700;
text-decoration:none;
margin:0 2px;
}
.showPerPage {
display:inline;
float:right;
font-size:1.3em;
font-weight:700;
text-align:right;
width:27%;
margin:0 15px 0 0;
padding:0;
}
.hoverMe {
display:inline;
float:left;
width:100%;
background:#fff;
}
.hoverMe:hover {
background:#ccc;
}
#breadcrumbNav {
width:723px;
}
#breadcrumbNavCustom {
width:98%;
}
.clear {
display:none;
}
span.subCategoryListText a.last, .categoryList ul li .subCategoryList a.last, table.merchantList tbody tr.last td {
border:none;
}
.categoryList a:hover, .categoryList ul li h3 a {
color:#000;
}
.categoryList ul li h3 a:hover, span.subCategoryList a:hover, .searchResult p a {
color:#526B35;
}
table.merchantList tbody td a, .searchResult p a:hover {
color:#000;
text-decoration:none;
}
#narrowSearchBottom {
display:inline;
float:left;
margin-bottom:12px;
padding-bottom:8px;
width:100%;
background:url(/images/left_col_box_border.gif) no-repeat 0 100%;
}
#seeAlso li a, #narrowSearch li a {
color:#374824;
font-size:1.2em;
text-decoration:none;
}
#seeAlso {
float:left;
width:195px;
position:absolute;
top:190px;
right:24px;
border-left:1px solid #aaa;
padding-left:24px;
margin:0 0 0 14px;
}
#seeAlso h2 {
color:#FFF;
font-size:1.4em;
}
#seeAlso ul {
width:90%;
margin:8px 0 0 12px;
}
#seeAlso li {
padding-left:12px;
margin:2px 0;
background:url(/images/narrow_search_li_bg.gif) no-repeat 0 50%;
}
.categoryListText ul li h3 a:hover, table.merchantList tbody td a:hover, #seeAlso li a:hover, #narrowSearch li a:hover {
color:#333;
text-decoration:underline;
}
span.subCategoryListText a:hover, #folder_bottom ul li h3 a:hover {
color:#526B35;
text-decoration:underline;
}
.searchResult .details p.price a:hover, #pages a:hover {
color:#000;
text-decoration:underline;
}
.searchResultBlock {
display:block;
width:100%;
height:100%;
cursor:hand;
text-decoration:none;
}
.productMerchantBlock {
display:block;
width:100%;
height:100%;
cursor:hand;
text-decoration:none;
font-size:12px;
}
.searchResult h3 {
color:#000;
}
.details p {
color:#000;
font-weight:bold;
}