/* DELIVERY ESTIMATES */
#friendly_advice{
display: inline;
float: right;
width: 342px;
height: 77px;
margin-top: 8px;
margin-bottom: 2px;
background-repeat: no-repeat;
background-position: right top;
background-image: url('/images/common/friendly_advice.jpg');
text-decoration: none;
}
#other_message{
display: table-cell;
float: right;
width: 114px;
height: 77px;
margin-top: 8px;
margin-bottom: 2px;
margin-right: 2px;
background-repeat: no-repeat;
background-position: right top;
}
.quick_contact{
display: inline;
float: left;
width: 490px;
height: 100px;
margin-top: 8px;
margin-bottom: 16px;
background: url('/images/common/quick_contact_bg.gif') #bfc8d8;
}
.quick_contact form{
margin: 0;
padding: 0;
margin-top: 28px;
margin-left: 4px;
}
.quick_contact p{
display: inline;
float: left;
margin-left: 5px;
margin-right: 5px;
}
.quick_contact p input{
width: 103px;
}
.quick_contact .submit{
display: inline;
float: left;
width: 20px;
padding-top: 10px;
border: 1px solid red;
border: none;
background: transparent;
color: #5b6a81;
font-size: 20px;
font-weight: bold;
cursor: pointer;
}
.quick_contact .success{
padding-top: 12px;
font-size: 18px;
text-align: center;
}

/* DELIVERY ARRANGEMENT */
.delivery_arrangement{
font-weight: bold;
text-align: center;
}
.delivery_arrangement .delivery_arrangement_inner{
padding: 8px;
background: #e8ebf0;
}
.delivery_arrangement .arrangement_date_time{
display: block;
}
.delivery_arrangement .arrangement_date,
.delivery_arrangement .arrangement_time{
color: #007236;
}

/* PROMOTIONS */
.promotions{
padding-top: 8px;
text-align: center;
}

/* GALLERY ALT */
#gallery_alt{
filter:alpha(opacity=60);   
-moz-opacity: 0.60;   
opacity: 0.60;
position: absolute;
left: 185px;
top: 0;
width: 556px;
padding: 4px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-top: none;
font-weight: bold;
text-align: center;
}

/* EXPRESS DESCRIPTION */
.express_description{
width: 175px;
padding: 10px;
border: 1px solid #76849d;
color: #76849d;
}

/* HEADER GROUPS */
.product_thumb_header_group{
padding-top: 12px;
}
.product_thumb_header_group h2{
margin: 0;
padding: 0;
border: 1px solid #76849d;
border-left: 3px solid #76849d;
border-right: 3px solid #76849d;
font-weight: normal;
font-size: 26px;
color: #76849d;
text-align: center;
text-indent: 5px;
}

/* CRUMBTRAIL */
#crumbtrail{
padding-top: 6px;
padding-left: 12px;
background-image: url('/images/common/upperbanner_bg.gif');
background-repeat: repeat-y;
background-position: top left;
}
#crumbtrail a{
padding-right: 5px;
color: #000000;
font-size: 12px;
}

/* PRODUCT THUMBS - AUTOTABLE */
#products_autotable{
border-left: 12px solid #FFFFFF;
text-align: center;
}
#products_autotable th{
padding: 3px;
border-top: 1px solid #76849d;
border-right: 1px solid #76849d;
border-bottom: 1px solid #76849d;
background-color: #83d8d3;
font-size: 11px;
}
#products_autotable td{
height: 24px;
padding: 3px;
border-right: 1px solid #76849d;
border-bottom: 1px solid #76849d;
font-size: 10px;
}
#products_autotable td a{
position: relative;
display: block;
height: 100%;
color: #3a5e5c;
}
#products_autotable th.first{
height: 110px;
width: 180px;
border-top: none;
background: none;
text-align: center;
}
#products_autotable td.first{
border-left: 1px solid #76849d;
text-align: left;
}
#products_autotable tr.color1 td{
background-color: #ebebeb;
}
#products_autotable tr.color2 td{
background-color: #FFFFFF;
}


/* PRODUCT THUMBS DEFAULTS */
#products_default{
padding-left: 12px;
}
#products_default a{
display: block;
width: 100%;
background-image: url('/images/common/product_bg.gif');
background-repeat: repeat-x;
color: #000000;
text-decoration: none;
}
#products_default .product_top{
height: 25px;
background-repeat: no-repeat;
font-size: 10px;
font-weight: bold;
text-align: center;
}
#products_default .product_top span{
display: block;
padding-top: 4px;
}
#products_default .product_middle{
position: relative;
border: 1px solid #c3c9d4;
text-align: center;
}
#products_default .product_middle img{
margin: 2px;
border: 1px solid #c9ced8;
}
#products_default .product_middle img.prodthumbnail_nextdaydelivery{
position: absolute;
top: 1px;
left: 1px;
margin: 0;
border: none;
}
#products_default .product_middle .code{
width: 100%;
background-color: #e8ebef;
font-size: 12px;
color: #76849d;
}
#products_default .product_middle .price{
font-size: 16px;
font-weight: bold;
color: #000000;
}
#products_default .product_middle .price b{
color: #000000;
font-size: 14px;
font-weight: normal;
font-style: italic;
}

#products_default a.item0 .product_top{
padding-left: 18px;
background-image: url('/images/common/product_top_left.gif');
background-position: left top;
}
#products_default a.item1 .product_top{
padding-right: 18px;
}
#products_default a.item2 .product_top{
padding-right: 18px;
background-image: url('/images/common/product_top_right.gif');
background-position: right top;
}


/* PRODUCT THUMBS - EXPRESS CHECKOUT */
.express_checkout{
padding-top: 16px;
padding-left: 16px;
}
.express_checkout td{
border-bottom: 1px solid #d5d9e1;
}
.express_checkout a{
display: block;
color: #76849d;
}
.express_checkout .name{
font-weight: bold;
}
.express_checkout .price{
margin-top: 14px;
text-decoration: none;
}
.express_checkout table{
display: table-cell;
float: left;
}
.express_checkout .options{
display: table-cell;
float: right;
width: 198px;
border: 1px solid #76849d;
color: #76849d;
text-align: center;
}
.express_checkout .options span{
display: block;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
border-bottom: 1px solid #76849d;
text-transform: uppercase;
}
.express_checkout td table td{
border-bottom: none;
}


/* SOFA COLLECTION - PRODUCT LIST */
.products_sofa_collection{
padding-top: 16px;
padding-left: 16px;
}
.products_sofa_collection td{
border-bottom: 1px solid #d5d9e1;
}
.products_sofa_collection a{
display: block;
color: #76849d;
}
.products_sofa_collection .name{
font-weight: bold;
}
.products_sofa_collection .price{
margin-top: 14px;
text-decoration: none;
}
.products_sofa_collection table{
display: table-cell;
float: left;
}
.products_sofa_collection .options{
display: table-cell;
float: right;
width: 198px;
border: 1px solid #76849d;
color: #76849d;
text-align: center;
}
.products_sofa_collection .options span{
display: block;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
border-bottom: 1px solid #76849d;
text-transform: uppercase;
}

/* SOFA COLLECTION - UPPER CONTENT */
.uppercontent_sofa_collection{
padding-top: 16px;
padding-left: 16px;
}

/* SOFA COLLECTION - LOWER CONTENT */
.lowercontent_sofa_collection{
padding-left: 16px;
}

/* ORDER BUTTON */
.order_button{
display: table-cell;
float: right;
width: 198px;
height: 28px;
margin-top: 8px;
padding: 0;
background: url('/images/common/order_button.gif') no-repeat #76849d;
border: 1px solid #FFFFFF;
border: none;
color: #FFFFFF;
text-decoration: underline;
text-indent: 6px;
cursor: pointer;
}

/* PRODUCT DETAILS / TECHSPEC */
h2.techspec{
margin: 0;
margin-top: 8px;
color: #FFFFFF;
border-bottom: 3px solid #76849d;
background-image: url('/images/common/h2_bg.gif');
background-repeat: no-repeat;
font-size: 14px;
font-weight: bold;
text-indent: 6px;
}
h2.techspec span{
display: block;
padding-top: 6px;
}
div.techspec{
zoom: 100%;
border: 1px solid #76849d;
padding: 7px;
}

/* PRODUCT */
#product{
padding: 8px;
}

/* GALLERY */
#gallery{
position: relative;
border: 1px solid red;
display: inline-block;
width: 99%;
border: 1px solid #76849d;
background-color: #FFFFFF;
text-align: center;
}

/* GALLERY_THUMBS */
#gallery_thumbs{
position: relative;
display: table-cell;
float: left;
width: 170px;
padding: 3px;
border-right: 1px solid #76849d;
background-color: #FFFFFF;
overflow: scroll;
overflow-x: hidden;
}
#gallery_thumbs a{
clear: both;
display: table;
float: left;
width: 148px;
border: 1px solid #FFFFFF;
text-align: center;
}
#gallery_thumbs a:hover{
border: 1px solid #76849d;
}
#gallery_thumbs .thumb{
position: relative;
display: block;
margin-bottom: 4px;
}
#gallery_zoom{
position: absolute;
top: 0px;
left: 175px;
display: block;
width: 576px;
height: 300px;
background-image: url('/images/common/gallery_zoom.gif');
background-repeat: no-repeat;
background-position: 10px 10px;
cursor: pointer;
}

/* SWATCHES */
#swatch_main{
display: none;
position: absolute;
top: 1px;
right: 1px;
padding: 1px;
border: 1px solid #000000;
background-color: #FFFFFF;
}
#swatch_main_img{
border: 1px solid #FFFFFF;
}
#swatch_main_value{
display: table-cell;
margin: 0;
padding: 0;
border: none;
border: 1px solid #FFFFFF;
color: #000000;
font-weight: bold;
text-align: center;
}
#swatch_thumbs{
position: absolute;
bottom: 1px;
right: 0px;
}
#swatch_thumbs img{
display: table-cell;
float: left;
border: 1px solid #FFFFFF;
}

/* UPPERCONTENT - PRODUCT PAGE */
.uppercontent_product{
padding-top: 16px;
padding-left: 16px;
}

/* COMMON */
html,body{
height: 100%;
margin: 0;
font-size: 12px;
font-family: arial,verdana;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
line-height: 0;
}
.bold{
font-weight: bold;
}
a{
outline: none;
cursor: pointer;
}
a.linktext{
font-weight: normal;
text-decoration: none;
color: #000000;
}


/* PAGE */
.page{
border-right: 12px solid #FFFFFF;
}

/* NAV_BANNER */
#nav_banner{
float: right;
width: 420px;
margin-top: 14px;
}
#nav_banner a{
display: table-cell;
float: left;
height: 16px;
margin-left: 12px;
background-image: url('/images/common/nav_banner_icon.gif');
background-position: left center;
background-repeat: no-repeat;
color: #929db1;
text-indent: 16px;
text-decoration: none;
}

/* NAV_TOP */
#nav_top{
position: relative;
clear: both;
height: 38px;
background-color: #e8ebf0;
text-align: center;
}

#nav_top a{
position: relative;
display: block;
height: 38px;
background-color: #e8ebf0;
color: #687995;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}
#nav_top a span{
position: relative;
top: 12px;
width: 100%;
height: 13px;
padding-left: 10px;
padding-right: 10px;
border-left: 1px solid #687794;
}
#nav_top a.selected{
background-color: #95a5bf;
color: #FFFFFF;
}
#nav_top a.first span{
border: none;
}

/* NAV_TOP2 */
#nav_top2{
position: relative;
clear: both;
padding-top: 6px;
padding-bottom: 6px;
background-color: #95a5bf;
text-align: center;
}
#nav_top2 a{
position: relative;
display: block;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align: center;
cursor: pointer;
}
#nav_top2 a span{
display: block;
padding-left: 14px;
padding-right: 14px;
border-left: 1px solid #FFFFFF;
}
#nav_top2 a.selected{
color: #3a4b69;
font-weight: bold;
}
#nav_top2 a.first span{
border: none;
}


/* NAV_TOP_NEW */
#nav_top_new{
position: relative;
clear: both;
height: 38px;
border-bottom: 8px solid #95a5bf;
background-color: #e8ebf0;
text-align: center;
}
#nav_top_new .nav_top_lvl1_block{
position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display:inline;
}
#nav_top_new .nav_top_lvl1_block a.nav_top_lvl1{
display: -moz-inline-stack;
display: inline-block;
height: 38px;
color: #687995;
font-weight: bold;
text-decoration: none;
}
#nav_top_new .nav_top_lvl1_block a.nav_top_lvl1 span{
display: -moz-inline-stack;
display: inline-block;
padding-top: 12px;
padding-left: 4px;
padding-right: 5px;
}
#nav_top_new .nav_top_lvl1_selected_block a.nav_top_lvl1,
#nav_top_new .nav_top_lvl1_block:hover a.nav_top_lvl1{
background-color: #95a5bf;
color: #FFFFFF;
}

/* SUB MENU */
#nav_top_new .nav_top_lvl2_block{
z-index: 10;
display: none;
position: absolute;
top: 38px;
width: 600px;
min-width: 340px;
border: 3px solid #95A5BF;
background-color: #FFFFFF;
text-align: left;
}
#nav_top_new .nav_top_lvl2_block_left{
left: 0;
}
#nav_top_new .nav_top_lvl2_block_right{
right: 0;
}
#nav_top_new .nav_top_lvl2_block a {
clear: none;
display: inline;
float: left;
width: 282px;
height: 67px;
margin-left: 12px;
margin-bottom: 5px;
border-bottom: 1px dotted #76849D;
padding-bottom: 5px;
color: #76849D;
text-decoration: none;
}

#nav_top_new .nav_top_lvl2_block a .inner{
display: block;
padding: 6px;
}
#nav_top_new .nav_top_lvl2_block a .inner img{
display: inline;
float: left;
border-right: 6px solid #FFFFFF;
}
#nav_top_new .nav_top_lvl2_block a.ishop_link .inner img{
width: 100px;
height: 56px;
height: auto;
}
#nav_top_new .nav_top_lvl2_block a .inner .name{
position: relative;
top: 16px; 
left: 0;
}
#nav_top_new .nav_top_lvl2_block a:hover{
color: #000000;
}

/* NAV_LEFT (ACTUALLY WITHIN RIGHT-COLUMN) */
#nav_left{
width: 180px;
margin-top: 12px;
border: 1px solid #76849d;
background-image: url('/images/common/nav_recent_bg.gif');
background-position: left bottom;
background-repeat: repeat-x;
}
#nav_left .nav_left_lvl1{
color: #76849d;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#nav_left .nav_left_lvl1 span{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
#nav_left .nav_left_lvl2{
display: block;
width: 168px;
margin-left: 5px;
margin-right: 5px;
margin-right: 0;
color: #76849d;
text-decoration: none;
}
#nav_left .nav_left_lvl2 span{
display: block;
padding-top: 5px;
padding-bottom: 5px;
}
#nav_left .nav_left_lvl2:hover,
#nav_left .nav_left_lvl2_selected{
color: #000000;
}


/* NAV_RIGHT */
#nav_right{
width: 180px;
margin-top: 12px;
border: 1px solid #76849d;
background-image: url('/images/common/nav_recent_bg.gif');
background-position: left bottom;
background-repeat: repeat-x;
}
#nav_right .nav_right_top{
color: #76849d;
font-weight: bold;
text-align: center;
}
#nav_right .nav_right_top span{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
#nav_right a{
display: block;
width: 168px;
margin-left: 5px;
margin-right: 5px;
margin-right: 0;
color: #76849d;
text-decoration: none;
}
#nav_right a span{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
#nav_right a:hover,
#nav_right .nav_right_lvl1_selected{
color: #000000;
}
#nav_right .comment{
width: 160px;
margin-top: 20px;
margin-left: 10px;
border-top: 2px dashed #76849d;
background-color: #FFFFFF;
text-align:  justify;
}

/* UPPER_BANNER - NAVIGATION PAGES */
.upperbanner{
background-image: url('/images/common/upperbanner_bg.gif');
background-repeat: repeat-y;
background-position: top left;
}
.upperbanner_image{
background-repeat: no-repeat;
background-position: right bottom;
}
.upperbanner h1{
margin: 0;
padding: 0;
font-weight: normal;
font-size: 26px;
color: #76849d;
text-align: left;
}
.upperbanner_bottom{
height: 7px;
margin-top: 10px;
background-image: url('/images/common/upperbanner_bottom.gif');
background-repeat: repeat-x;
}
.uppercontent{
width: 400px;
padding-top: 16px;
padding-left: 16px;
text-align: justify;
}

/* LOWER CONTENT */
.lowercontent{
margin-top: 12px;
margin-left: 10px;
padding: 12px;
border: 2px solid #76849d;
text-align: justify;
}

/* COLUMN_RIGHT */
#column_right{
zoom: 100%;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 12px;
border-left: 1px solid #d5d9e1;
}

/* BANNER */
#banner{
position: absolute;
top: 0;
width: 990px;
margin-top: 1px;
}
.banner_empty{
height: 131px;
}

#banner .logo{
display: table-cell;
float: left;
width: 223px;
height: 39px;
margin-top: 14px;
margin-bottom: 14px;
background-image: url('/images/common/logo.gif');
background-repeat: no-repeat;
}

#banner .logo2{
display: inline;
float: left;
width: 229px;
height: 80px;
margin-bottom: 2px;
border: 1px solid #ffffff;
border-right: 1px solid #d8d3d9;
background-image: url('/images/common/logo2.gif');
background-repeat: no-repeat;
}

/* SALES_ADVICE */
.sales_advice{
display: inline;
float: left;
width: 194px;
height: 80px;
margin-left: 1px;
border: 1px solid #ffffff;
border-right: 1px solid #d8d3d9;
background-image: url('/images/common/sales_advice.gif');
}

/* FREE DELIVERY */
.free_delivery_flash{
display: inline;
float: left;
width: 314px;
height: 80px;
border: 1px solid #ffffff;
margin-left: 1px;
text-align: center;
}

/* BASKETBOX2 */
#basketbox2{
display: inline;
float: left;
width: 242px;
height: 37px;
margin-left: 1px;
border: 1px solid #d8d3d9;
text-align: center;
}
#basketbox2 .basketbox_top{
display: none;
}
#basketbox2 .basketbox_top span{
}
#basketbox2 .basketbox_middle{
}
#basketbox2 a,
#basketbox2 .basketbox_items,
#basketbox2 .basketbox_value,
#basketbox2 .basketbox_checkout{
display: -moz-inline-stack;
display: inline-block;
height: 37px;
margin-left: 3px;
margin-right: 3px;
color: #000000;
font-size: 14px;
line-height: 43px;
text-decoration: none;
}
#basketbox2 .basketbox_items{
background-image: url('/images/common/basketbox2_top.gif');
background-position: left center;
background-repeat: no-repeat;
text-indent: 32px;
}
#basketbox2 a .basketbox_checkout{
text-decoration: underline;
}
#basketbox2 .basketbox_item{
}

/* SEARCHBOX 2 */
#searchbox2{
display: inline;
float: left;
width: 242px;
margin-left: 1px;
height: 41px;
border: 1px solid #d8d3d9;
background-image: url('/images/common/searchbox2_bg.gif');
}
#searchbox2 form{
margin: 0;
padding: 0;
}
#searchbox2 .searchbox_top{
display: none;
}
#searchbox2 .searchbox_string{
display: inline;
float: left;
padding-top: 3px;
width: 168px;
margin-top: 10px;
margin-left: 14px;
border: none;
color: #a5a5a5;
text-transform: lowercase;
}
#searchbox2 .searchbox_submit{
display: inline;
float: right;
width: 50px;
margin-top: 7px;
padding: 0;
border: none;
background-color: red;
background-color: transparent;
color: #a5a5a5;
font-size: 22px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}

/* SEARCHBOX */
#searchbox{
width: 180px;
padding: 1px;
border: 3px solid #d8d3d9;
}
#searchbox form{
margin: 0;
padding: 0;
}
#searchbox .searchbox_top{
display: none;
}
#searchbox .searchbox_bottom{
clear: both;
}
#searchbox .searchbox_string{
display: block;
float: left;
width: 100px;
height: 20px;
font-weight: bold;
border: 1px solid #000000;
border: none;
color: #cfbece;
text-indent: 8px;
letter-spacing: 2px;
text-transform:  uppercase;
}
#searchbox .searchbox_submit{
display: block;
float: right;
width: 50px;
background-color: #cfbfcc;
border: 1px solid #cfbfcc;
border-bottom: 4px solid #cfbfcc;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
}

/* BASKETBOX */
#basketbox{
width: 180px;
margin-top: 12px;
padding-bottom: 3px;
background-color: #d8d3d9;
border: 1px solid #d8d3d9;
}
#basketbox .basketbox_top span{
display: none;
}
#basketbox .basketbox_middle{
width: 174px;
margin-top: 3px;
margin-left: 3px;
padding-bottom: 3px;
/*background-image: url('/images/common/basketbox_bg.gif');*/
background-repeat: no-repeat;
background-position: left center;
background-color: #FFFFFF;
text-align: center;
}
#basketbox .basketbox_middle a{
color: #76849e;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#basketbox .basketbox_items,
#basketbox .basketbox_value{
display: table-cell;
float: left;
width: 90px;
height: 20px;
margin-top: 6px;
font-size: 10px;
}
#basketbox .basketbox_items{
width: 74px;
}
#basketbox .basketbox_checkout{
clear: both;
display: block;
width: 168px;
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
background-color: #cfbfcc;
border-left: 3px solid #FFFFFF;
color: #FFFFFF;
letter-spacing: 2px;
text-transform:  uppercase;
text-align: center;
cursor: pointer;
}
#basketbox .basketbox_item{
clear: both;
margin-bottom: 1px;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
background-color: #d8d2d6;
color: #76849e;
font-size: 10px;
}

/* FEATURED PRODUCTS */
#product_featured{
margin-top: 12px;
}
.product_featured_top{
background-color: #76849d;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.product_featured_top span{
display: block;
padding-top: 5px;
padding-bottom: 5px;
}
#product_featured a{
clear: both;
display: block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
text-decoration: none;
}
#product_featured img{
float: left;
border-right: 3px solid #FFFFFF;
}
#product_featured .featured_name{
clear: both;
display: block;
border-bottom: 1px solid #76849d;
color: #76849d;
}
#product_featured .featured_price{
display: block;
color: #ff0000;
text-align: right;
}

/* RECENTLY VIEWED */
#nav_recent{
width: 180px;
margin-top: 12px;
border: 1px solid #76849d;
background-image: url('/images/common/nav_recent_bg.gif');
background-position: left bottom;
background-repeat: repeat-x;
}
.nav_recent_top{
color: #76849d;
font-weight: bold;
text-align: center;
}
.nav_recent_top span{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
#nav_recent a{
display: block;
width: 168px;
margin: 5px;
margin-right: 0;
padding-top: 8px;
padding-bottom: 8px;
border: 1px solid #c2c2c2;
background-color: #FFFFFF;
color: #76849d;
text-decoration: none;
text-align: center;
}
#nav_recent a:hover{
background-color: #dee1e7;
}
#nav_recent a span{
display: block;
}
#nav_recent a img{
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #c2c2c2;
}

/* SUBSECTIONS */
.subsections a{
display: block;
margin-top: 12px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.subsections a span{
display: block;
text-decoration: underline;
}
.subsections a img{
border: 1px solid #c2c2c2;
}

.matching{
background-color: #95A5BF;
padding-top: 4px;
padding-bottom: 4px;
display: block;
margin-top: 12px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

/* FOOTER */
#footer{
height: 107px;
margin-bottom: 12px;
background-image: url('/images/common/footer_bg.jpg');
background-repeat: no-repeat;
text-align: left;
}
#footer .address{
display: table-cell;
float: left;
width: 310px;
height: 107px;
margin-left: 8px;
background: url('/images/common/footer_address.gif') no-repeat center center;
}
#footer a{
display: table-cell;
text-decoration: none;
}
#footer .finance{
float: right;
width: 280px;
height: 107px;
margin-left: 6px;
background-image: url('/images/common/finance.jpg');
background-position: left center;
background-repeat: no-repeat;
}
#footer .recommended_site{
float: right;
width: 80px;
height: 107px;
margin-left: 6px;
background-image: url('/images/common/homeandgardeninglogo.jpg');
background-position: left center;
background-repeat: no-repeat;
}
#footer .ishop_secure{
float: right;
width: 117px;
height: 107px;
margin-left: 6px;
background-image: url('http://www.ishop.co.uk/gfx/ishop_secure.gif');
background-position: left center;
background-repeat: no-repeat;
}
#footer .customer_services{
float: right;
width: 256px;
height: 107px;
margin-left: 6px;
background-image: url('/images/common/footer_customer_services.gif');
background-position: center center;
background-repeat: no-repeat;
}


/* SELECTORS */
#products_available_list h2{
display: none;
}
#products_available_list{
max-height: 120px;
border: 5px solid #d7dbe3;
color: #000000;
overflow: auto;
overflow-x: hidden;
}
#order #order_price .product_price,
#products_available_list .product_price{
color: #687995;
font-weight: bold;
text-transform: uppercase;
}
#products_available_list h2{
margin: 0;
padding: 0;
padding-top: 18px;
color: #687995;
font-size: 18px;
font-weight: bold;
text-align: left;
}
#products_available_list div{
margin-left: 2px;
padding: 6px;
border-top: 1px dashed #bababa;
background-color: #FFFFFF;
cursor: pointer;
}
#products_available_list div:hover{
background-color: #e8ebf0;
}
/**/
.product_tag{
clear: both;
}
.product_tag h2{
margin: 0;
padding: 0;
margin-top: 10px;
margin-left: 2px;
background-image: url('/images/common/selector_filter_bg.gif');
background-repeat: no-repeat;
color: #687995;
font-size: 18px;
font-weight: bold;
}
.product_tag h2 span{
display: block;
padding-top: 8px;
}
.product_tag .selector_available input, .product_tag .selector_checked input, .product_tag .selector_unavailable input{
position: absolute;
left: 0;
top: 0;
}
.product_tag .selector_available, .product_tag .selector_checked, .product_tag .selector_unavailable{
position: relative;
display: block;
height: 20px;
margin-top: 2px;
margin-bottom: 4px;
margin-right: 4px;
padding: 4px;
border: 1px solid #d7dbe3;
background-color: #d7dbe3;
color: #687995;
font-size: 12px;
font-weight: bold;
text-indent: 18px;
cursor: pointer;
}
.product_tag .selector_unavailable{
display: none;
}
.product_tag .selector_checked{
border-color: #687589;
}

/* PRODUCT RING */
#product_ring{
clear: both;
height: 42px;
margin-top: 40px;
background-image: url('/images/common/product_ring_bg.gif');
background-color: #edeef2;
}
#product_ring a{
display: block;
width: 49%;
height: 42px;
color: #76849d;
font-size: 11px;
background-repeat: no-repeat;
}
#product_ring a span{
padding-top: 14px;
display: block;
padding-bottom: 10px;
}
#product_ring a.previous{
display: inline;
float: left;
text-align: left;
background-image: url('/images/common/product_ring_prev.gif');
background-position: left center;
}
#product_ring a.previous span{
padding-left: 32px;
}
#product_ring a.next{
display: inline;
float: right;
text-align: right;
background-image: url('/images/common/product_ring_next.gif');
background-position: right center;
}
#product_ring a.next span{
padding-right: 32px;
}
.product_ring_bottom{
clear: both;
}

/* ORDER */
#order{
display: -moz-inline-stack;
display: inline-block;
}
#order .inner{
padding: 12px;
}
#order .inner .order_button{
clear: both;
float: none;
}
#order .order_product{
border-bottom: 1px solid #d1d1d1;
}
#order .order_product_common_name{
font-weight: bold;
}
#order .product_options,
#order .order_product_list,
#order .product_options .order_submit{
}
#order .product_options .option_prompt,
#order .product_options .option_select{
border-right: 6px solid #FFFFFF;
display: inline;
}
#order .order_product_list .order_product{
padding-top: 4px;
padding-bottom: 4px;
}
.product_options{
clear: both;
}
.option_prompt,
.option_select{
clear: both;
display: inline;
float: left;
width: 100%;
margin-bottom: 6px;
}
.option_select{
margin-bottom: 8px;
}

/* TABS */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/images/common/tabs_blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
/* tab pane styling */
.panes .pane {
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	height: auto;
	font-size:14px;
	background-color:#fff;
}



/* SCROLLABLE HORIZONTAL */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 492px;
	height: 112px;
	/* custom decorations */
	margin-left: 4px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div.item {
	float:left;
	width:492px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* SCROLLABLE HORIZONTAL : BUTTONS */
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {	
	background:url(/images/common/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url('/images/common/vert_large.png') no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* ADDED BY MAT */
a.browse {
z-index: 10;
}
.temp_gallery_thumbs a.left{
position: absolute;
left: -4px;
top: 60px;
}
.temp_gallery_thumbs a.right{
position: absolute;
right: -4px;
top: 60px;
}

/* PRODUCT_LEFT */
.product_left{
display: inline;
float: left;
padding-bottom: 15px;
width: 511px;
background: url('/images/common/upperbanner_bg.gif') repeat-y left top;
}

/* PRODUCT_RIGHT */
.product_right{
position: relative;
display: inline;
float: right;
width: 457px;
}
.product_right h1{
margin: 0;
padding: 0;
margin-top: 10px;
font-size: 24px;
color: #76849d;
text-align: left;
}
/* PRODUCT_RIGHT : ORDER */
.product_right #order{
}
.product_right .order_button{
display: inline;
float: left;
width: 130px;
background-image: url('/images/common/order_button_small.gif');
font-weight: bold;
padding-left: 6px;
text-decoration: none;
}
.product_right .order_quantity_input{
margin-left: 6px;
text-align: center;
}
.product_right .order_product_code{
display: block;
color: #838383;
}
.product_right .order_product_pricing{
display: block;

}
.product_right .order_product_price{
color: #d51212;
font-size: 22px;
font-weight: bold;
}
.product_right .icons{ 
margin-top: 7px;
}
.product_right .icons .delivery{
margin-left: 7px;
}
.product_right .icons .askaquestion{
cursor: pointer;
}

/* PRODUCT_BOTTOM */
.product_bottom{
clear: both;
border-top: 11px solid #FFFFFF;
border-left: 11px solid #FFFFFF;
}

/* CALLBACK */
#callback{
z-index: 10;
display: none;
position: absolute;
right: 0;
top: 46px;
width: 457px;
height: 381px;
background: url('/images/common/callback_bg.gif') no-repeat #FFFFFF;
}
.callback_top{
height: 31px;
background: url('/images/common/callback_top.gif') no-repeat;
cursor: pointer;
}
.callback form{
width: 364px;
margin: 0;
padding: 0;
margin-top: 90px;
margin-left: 44px;
}
.callback p{
}
.callback p b{
display: block;
}
.callback p input{
width: 364px;
height: 24px;
border: 1px solid #272727;
text-indent: 6px;
}
.callback .submit{
clear: both;
position: relative;
display: inline;
float: right;
right: -10px;
width: 141px;
height: 23px;
margin-top: 8px;
border: 1px solid red;
border: none;
background: url('/images/common/callback_submit.gif');
color: #1d4e21;
font-size: 0pt;
font-weight: bold;
cursor: pointer;
}
.callback .success{
padding-top: 68px;
font-size: 18px;
text-align: center;
}

/* MAIN IMAGE */
/* GALLERY */
#main_image,
.gallery_temporary{
display: inline;
float: left;
width: 500px;
margin-top: 15px;
margin-left: 11px;
background: #FFFFFF;
}
#main_image #main_image_inner,
.temp_gallery_main{
position: relative;
border: 1px solid #ededed;
text-align: center;
}
#main_image #main_image_inner #gallery_alt,
.temp_gallery_main #gallery_alt{
left: 0;
top: 0;
}
.temp_gallery_thumbs{
position: relative;
height: 140px;
padding-bottom: 5px;
border: 1px solid #95a5bf;
background: #FFFFFF;
text-align: center;
}
.temp_gallery_thumbs_top{
height: 31px;
background: url('/images/common/gallery_thumbs_top.gif');
}
.temp_gallery_thumbs a{
display: -moz-inline-stack;
display: inline-block;
margin-left: 8px;
margin-right: 8px;
margin-top: 7px;
text-decoration: none;
vertical-align: top;
}