@charset "utf-8";
/*
    Document   : jas_category.css
    Created on : 5th March-2010, 11:31:56
    Author     : Richard Henry for West Midlands Media
    Description: category listing and subcategory listing stylesheet for JA Seals.
*/
.subcat_box  {
    width:336px;
    height:157px;
    margin:4px 4px 4px 0;
    float:left;
    display:inline;
    background-image:url("../elements/images/subcat_box_wide.png");
}
.subcat_box_image {
    height:108px;
    width:100%;
    overflow:hidden;
    text-align:center;
    margin-top:4px
}
.subcat_box_base h3 {
    font-size:0.8em;
    font-weight:800;
    width:250px;
    float:left;
    display:inline;
    margin:8px 0 0 14px;
    text-align:left
}
.subcat_box_base h3 a:hover {
    color:#3583df
}
.subcat_box_base .link_arrow {
    float:right;
    display:inline;
    margin:11px 12px 0 0
}
/*--- products within category listings ---*/
.listwrapper {
    clear:both;
    margin-top:12px;
    width:668px;
    height:120px;
    position:relative;
    font-family: Arial, "Helvetica Neue", Helvetica, "Lucida grande", Verdana, Geneva, sans-serif;
    padding-bottom:24px;
    border-bottom:1px dashed #b6b6b6
}
.listdetails {
    width:390px;
    height:116px;
    float:left;
    position:absolute;
    top:0;
    left:148px
}
.imagewrap {
    position:relative;
    width:127px;
    height:127px
}
.listimage {
    width:123px;
    height:123px;
    background-color:#fff;
    padding:2px;
    border:1px solid #dcdcdc;
    position:absolute;
    top:2px;
    left:0;
    z-index:90;
    float:left;
    display:inline;
    text-align:center
}
.listimage img {
    /*position:relative;*/
}
.sticker {
    width:71px;
    height:71px;
    position:absolute;
    top:6px;
    left:8px;
    z-index:99
}
.imagewrap .sticker {
    top:-4px;
    left:-4px
}
.listdetails h3 {
    font-weight:600;
    position:absolute;
    top:8px
}
.listdescription {
    font-size:0.8em;
    width:380px;
    position:absolute;
    top:32px;
    left:3px
}
.liststrip {
    position:absolute;
    bottom:19px;
    left:148px;
    width:521px;
    height:29px;
}
.price {
    position:absolute;
    top:30px;
    right:10px;
    width:100px;
    font-size:1.6em;
    color:#c1272d;
    font-weight:600
}
.price .small {
    clear:both;
    float:left;
    font-size:0.56em;
    color:#333333
}
a.seencheaper {
    display:block;
    background-image:url("../elements/images/seen_cheaper.png");
    width:124px;
    height:24px;
    float:left;
    margin:3px 0 0 5px
}
a.seencheaper:hover {
    background-image:url("../elements/images/seen_cheaper_active.png");
}
a.emailfriend {
    display:block;
    float:left;
    background-image:url("../elements/images/email_a_friend.png");
    width:130px;
    height:29px
}
a.emailfriend:hover {
    background-image:url("../elements/images/email_a_friend_active.png");
}
a.pdf {
    display:block;
    background-image:url("../elements/images/pdf_instructions.png");
    width:151px;
    height:27px;
    float:left;
    margin:2px 0 0 5px
}
a.pdf:hover {
    background-image:url("../elements/images/pdf_instructions_active.png");
}
a.read {
    display:block;
    background-image:url("../elements/images/read_more_listing.png");
    width:97px;
    height:24px;
    float:left;
    margin:3px 0 0 5px
}
a.read:hover {
    background-image:url("../elements/images/read_more_listing_active.png");
}
#madetoorderpage a.read {
    background-image:url("../elements/images/read_more_listing_bespoke.png");
}
#madetoorderpage a.read:hover {
    background-image:url("../elements/images/read_more_listing_bespoke_active.png");
}
/*--- wide cats for special offer schmoos ---*/
.cat_box_wide {
    width:226px;
    height:157px;
    margin:4px 4px 4px 0;
    float:left;
    display:inline;
    background-image:url("../elements/images/cat_box_wide.png");
}
.cat_box_wide_image {
    height:88px;
    width:100%;
    overflow:hidden;
    text-align:center;
    position:relative;;
    margin-top:3px
}
.cat_box_wide_base p {
    font-size:0.86em;
    font-weight:800;
    width:160px;
    float:left;
    display:inline;
    margin:4px 0 0 14px;
    text-align:left
}
.cat_box_wide_base p a:hover {
    color:#3583df
}
.cat_box_wide_base .link_arrow {
    float:right;
    display:inline;
    margin:10px 10px 0 0
}
.cat_box_wide_pricestrip {
    clear:both;
    width:100%;
    height:19px;
    background-color:#cccccc;
    font-size:0.86em
}
.cat_box_wide_pricestrip p {
    margin:6px 0 0 14px
}
.cat_special_price {
    color:#c1272d;
    margin-left:6px
}
/* --- standard for both types of category pages --- */
.block_information h2 {
    float:left;
    margin:16px 0;
    font-size:22.4px
}
.block_information p {
    clear:both
}
a.readmore {
    color:#c1272d
}
a.readmore:hover {
    color:#237ce5
}
#testimonial_wrapper {
    width:688px;
    height:auto;
    margin:16px 0 0 1px
}
.one {
    margin:0 10px 0 0
}
.two {
    float:right;
    margin:0
}
#catlisttop {
    margin:24px 0 6px 0;
    clear:both;
    float:left;
    position:relative
}
.header_wide h2, .header_wide p  {
    font-size:1.2em;
    float:left;
    margin:5px 0 0 10px;
    font-family:"Myriad Pro", Arial, Helvetica, "Lucida grande", Verdana, Geneva, sans-serif;
}
#sortform select {
    padding:3px 4px;
    /*float:right;
    display:inline;
    margin:2px 2px 0 0;*/
    color:#333333;
    position:absolute;
    right:8px;
    top:4px
}
/*---search results page ---*/
.paragraph_text {
    clear:both;
    float:left;
    margin:12px 0 12px 12px;
    border:1px solid #d4d4d4;
    background-color:#eaeaea;
    width:630px;
    height:auto;
    padding:10px;
    line-height:1.1em;
    position:relative
}
#searchresults .header_wide, #special_offers .header_wide {
    margin-top:24px
}

/* --- paging and sorting --- */

#paginglinks {
/*clear:right ;*/
float:left;
height:30px;
margin:14px 56px 0 0;
width:684px;
/*width:100%;*/
/*border:1px solid #9c9c9c*/
}
#paginglinks table {
float:left
}
#paginglinks.double {
height:80px;
/*background-color:#ffffff;*/
}
#paginglinks.triple {
height:110px;
/*background-color:#ffffff;*/
}
#paginglinks a {
text-decoration:none;
color:#a0a0a0
}
#paginglinks .pages {
clear:none;
float:left;
display:inline	;
margin:0 5px;
background-color:transparent;
color:#b5b5b5;
font-weight:bold;
padding:0;
text-align:center
}
#paginglinks .pages a {
/*border:1px solid #496579;*/
width:18px;
display:block;
padding:2px 3px;
}
#paginglinks .pages a:hover  {
background-color:#c1272d;
color:#ffffff;
cursor:pointer;
/*border:1px solid #fbdcbd*/
}
#paginglinks .currentpage {
float:left;
margin:0 5px;
width:18px;
height:23px;
background-color:#237ce5;
color:#ffffff;
font-weight:bold;
padding:2px 3px;
text-align:center
}
#paginglinks .currentpage a:hover {
color:#f39a43;
cursor:pointer
}
#paginglinks a.nextpage, #paginglinks a.previouspage {
font-size:14px;
width:67px;
font-weight:600;
margin-top:10px;
color:#333333
}
#paginglinks a.nextpage:hover, #paginglinks a.previouspage:hover {
color:#237ce5
}
#paginglinks a.previouspage {
width:100px;
float:left;
margin-top:4px;
}
