﻿/* TO RESTORE REMOVE FROM HERE  11/05/2009 */
.tmpImage  { border: 3px solid #D6C2CB; height:98px; width:180px;}
/* To deal with new coolpink options */
#contentColumnWide{width: 940px;  }
#contentColumn {width: 940px;  }
.basketInfo{width: 950px;  }
#popupContainer,  #popupContainer { width:auto; }
.printContainer  { margin:0px; position:relative; width:auto;}
#popupheaderLinks { float: left; margin:0; }
#popupheaderLinks a { color: #3b3b3b; }
#breadcrumb {display:none;}
#breadcrumb a, #breadcrumb span, #breadcrumbCheckout a, #breadcrumbCheckout span {color: #666666;font-weight: bold;}
#homeContent{float: none; clear: both; margin: 0px 0px 0px 0px; width: auto;position: relative;}
#homeColumnInfo{margin: 0px 0px 0px 0px;float: left;width:  auto;position: relative;}
#homeColumnInfo img{margin-bottom: 3px;}
#homeColumnInfo A { float: left; }
#popularProducts{border: 0px;clear: both;margin-top: 0px;overflow: hidden; padding: 5px 5px 8px 0px;}
.avail, .unavail {color: #3B3B3B;font-weight: bold;text-transform: uppercase;}
ul#productDSFeatures {overflow:visible; margin:0px;}
ul#productDSFeatures li {}
#relatedProducts ul { margin: 0px; }
.creditInfo { float:left; }
.voucher img { display:inline; margin-left:10px; }
.basketPageCheckout { display:none; }
.basketControlPageCheckout { display:block; }
.ProgressButtons {margin:0px auto; text-align:center;}
.ProgressButtons .SubmitButton { float:right; }
.ProgressButtons .BackButton { float:left; }
.ProgressButtons .CancelButton { display:block; }
.ProgressButtons .CancelButton img { display:inline; }
.protectionProgress .ProgressButtons .CancelButton { display:none; }
.deliveryProgress .ProgressButtons .CancelButton { display:none; }
.spacer { background: transparent url(images/spacer.gif) repeat scroll right center; width:960px;}
#Checkout .DeliveryAlternate LABEL { color:#a90055;}
/**************************************************************************************************
#titleSmall { display: none; }
 New Coolpink Layouts. 
**************************************************************************************************/
*  { font-family: Arial, Helvetica, Sans-serif; margin: 0; padding: 0;}
body  { color: #3B3B3B; font-family: Arial, Helvetica, Sans-serif; font-size: 70%;}
/**************************************************************************************************
 New Coolpink Layouts. 
**************************************************************************************************/
*  { font-family: Arial, Helvetica, Sans-serif; margin: 0; padding: 0;}
body  { color: #3B3B3B; font-family: Arial, Helvetica, Sans-serif; font-size: 70%;}
ul  { margin: 0 0 0 15px;}
img  { display: block; border: 0;}
h1  { font-size: 2em; color: #B4035E; margin: 0 0 10px 0;}
h2  { font-size: 1.5em; color: #B4035E; margin: 0 0 10px 0;}
h3  { font-size: 1.2em; color: #B4035E;}
h4  { font-size: 1em; color: #B4035E;}
p  { padding: 0 0 10px 0;  }
a:link, a:visited  { color: #B4035E; text-decoration: none; outline: none;}
a:hover, a:active, a:focus  { color: #B4035E; text-decoration: underline; outline: none;}
.pink  { color: #B4035E;}
/*******************************************************************************
* forms
*******************************************************************************/
.field  { width: 100%; overflow: hidden; margin: 0 0 10px 0;}
 .field input  { font-family: Arial; font-size: 1.1em; }
 .field label  { display: block; width: 105px; float: left; text-align: right; margin: 0 15px 0 0; }
 .field .text  { float: left; width: 200px; height: 16px; padding: 3px; border: 1px solid #ABAFB2; color: #ABAFB2; font-size: 1.1em; }
fieldset  { border: 0; margin: 0 0 20px 0;}
 fieldset legend  { font-weight: bold; color: #B4035E; margin: 0 0 10px 0; font-size: 1.2em; }
.button input  { float: right; margin: 0 3px 0 0;}
/*******************************************************************************
* forms
*******************************************************************************/
/*******************************************************************************
* Structure
*******************************************************************************/
#container  { width: 960px; margin: 0 auto;}
/*******************************************************************************
* Header
*******************************************************************************/
#header  { width: 960px; overflow: hidden; margin: 15px 0 5px 0; HEIGHT: auto; BACKGROUND-COLOR: #fff;  }
 #header h2  { color: #000; }
/*******************************************************************************
* Main Logo
*******************************************************************************/
#logo  { float: left; margin: 0 10px 0 0; width: 150px; height: 85px;}
 #logo h1  { text-indent: -9999px; }
 #logo h1 a  {  background: transparent url(images/logo.gif) no-repeat 0 0;  display: block;  width: 149px;  height: 82px; }
/*******************************************************************************
* Header content
*******************************************************************************/
#new-phonenumber
 { float: left; /*width:175px;*/ }
#bensons-number  { width: 390px; overflow: hidden; float: left; margin: 3px 0 10px 0;}
 #bensons-number h2  { background: transparent url(images/header/telephone.gif) no-repeat 0 0; padding: 1px 0 0 35px; height: 30px; font-size: 1.8em; float: left; }
 #bensons-number ul  { float: left; list-style: none; margin:0 0 0 5px;}
 #bensons-number ul li  {  float: left;  padding: 0 5px 0 5px;  margin: 5px 0 0 0;  border-right: 1px solid #000; }
 #bensons-number ul li.last  {  border: 0; }
  #bensons-number ul li a  {  color: #000;  }
/*******************************************************************************
* Store locator
*******************************************************************************/
#store-locator  { float: left; width: 385px; position: relative; padding-top:10px;}
#store-locator .field  { margin: 0;}
 #store-locator .text  { width: 140px; }
 #store-locator label  { color: #B4035E; font-weight: bold; font-size: 1.3em; margin: 2px 5px 0 0; }
 #store-locator a  { color: #B4035E; background: transparent url(images/pink-arrow.gif) no-repeat right 14px; padding: 10px 10px 0 10px; font-size: 1.1em; position: absolute; right: 0; top: 4px; }
/*******************************************************************************
* My basket
*******************************************************************************/
#my-basket  { float: right; width: 228px; background: #FCFAFB; position: relative; border: 1px solid #B2035E; padding: 0 0 10px 0;}
 #my-basket h3  { color: #FFF; background: transparent url(images/header/basket-header.gif) no-repeat 0 0; height: 20px; padding: 3px 0 0 35px; }
 #my-basket .checkout  { background: transparent url(images/pink-arrow.gif) no-repeat right 4px; color: #B4035E; padding: 0 10px 0 0; position: absolute; right: 10px; font-weight: bold; }
 #my-basket .view-basket  { background: transparent url(images/black-arrow.gif) no-repeat right 3px; color: #000; padding: 0 10px 0 10px; }
 #my-basket .items  { padding: 10px; }
/*******************************************************************************
* Main menu
*******************************************************************************/
#menu
 { border-collapse:separate; font-family: Arial, Helvetica, Sans-serif; width: 960px; overflow: hidden; /*background: transparent url(images/menu/bg.gif) repeat-x 0 0;*/
 height: 40px;}
#menu .dxmMenu 
 { width:100%; border-collapse:separate;  }
#menu .dxmMenuItem
 { text-align:center; padding-top: 4px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px;}
#menu .dxmMenuItemSelected
 { background-color: white; border: none;}
#menu .dxmMenuItemSelected
 { padding-top: 4px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px;}
#menu .dxmMenuItemHover
 { background-color: #CBCBCB; border: solid 1px #888888; border: none;}
#menu .dxmMenuItemHover
 { padding-top: 4px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px;}
#menu .NavMenu
 { width:100%; font-family: Arial, Helvetica, Sans-serif; margin: 0;font-size:9pt; height: 34px;}
#menu .NavMenuDiV
 { margin:0;background: transparent url(images/menu/bg-short.gif) repeat;}
#menu .NavMenuDivExtra
 {}
#menu .NavMenuItem
 { font-family: Arial, Helvetica, Sans-serif; font-size:9pt; font-weight: bold;background: transparent url(images/menu/bg.gif) repeat; /*display: block;*/
 color: #FFF; border-right: 1px solid #BFBDBE; /*padding:0px 0px 0px 0px;*/ }
#menu .NavMenuItem a
 { font-family: Arial, Helvetica, Sans-serif; font-size:9pt; font-weight: bold;color: #FFF; text-decoration: none;}
#menu .NavMenuItemHover a,
#menu .NavMenuItemSelected a,
#menu .NavMenuItem a:hover  { font-family: Arial, Helvetica, Sans-serif; font-weight: bold;color: #B4035E; text-decoration: none;}
#menu .NavMenuItemHover td:hover,
#menu .NavMenuItem td:hover
 { font-family: Arial, Helvetica, Sans-serif; font-weight: bold;/*background: transparent url(images/menu/active-bg.gif) repeat;*/
 color: #B4035E; text-decoration: none;border-right: 1px solid #BFBDBE;}
#menu .NavMenuItemHover,
#menu .NavMenuItemSelected
 { font-family: Arial, Helvetica, Sans-serif; font-weight: bold;background: transparent url(images/menu/active-bg.gif) repeat; color: #B4035E; text-decoration: none;border-right: 1px solid #BFBDBE;}
#menu .NavMenuLightDiV
 { margin:0;background: transparent url(images/menu/bg-short.gif) repeat;}
#quick-menus  { width: 960px; position: absolute;}
.quick-menu  { font-family: Arial, Helvetica, Sans-serif; background: red; position: absolute; top: 0; /*height: 180px;*/  padding: 10px; background: transparent url(images/menu/quick-menu-bg.gif) repeat-x bottom left;  }
.quick-menu h3  { font-family: Arial, Helvetica, Sans-serif; color: #FFF; border-bottom: 1px solid #000; padding: 0 0 5px 0; font-size: 10pt; }
.quick-menu .searchOptions { font-family: Arial, Helvetica, Sans-serif;}
.quick-menu .searchBorderTop { font-family: Arial, Helvetica, Sans-serif; border-top: 1px solid #FFF;}
.quick-menu .searchBorderBottom { border-bottom: 1px solid #000;  }
.quick-menu .Header { font-family: Arial, Helvetica, Sans-serif; color: #FFF; font-size: 10pt; font-weight:bold;}
.searchOptions ul { margin:0px; padding-top:5px;  }
.searchOptions ul input { font-family: Arial, Helvetica, Sans-serif; border:0px;}
.searchOptions li { font-family: Arial, Helvetica, Sans-serif; cursor:pointer; cursor:hand;}
.quick-menu li label { font-family: Arial, Helvetica, Sans-serif; color:#FFFFFF; margin:0 10px 0 5px; text-align:left; font-size:1.0em;  }
.quick-menu form  { border-top: 1px solid #FFF; float: left; padding: 10px 0 0 0;}
.quick-menu form fieldset  { float: left; border-bottom: 1px solid #000; margin: 0; }
.quick-menu form fieldset legend  {  color: #FFF; }
.quick-menu form label  { float: left; margin: 0 10px 0 5px; text-align: left; color: #FFF; }
.quick-menu form input  { color: #FFF; float: left; }
.quick-menu .field.button  { border-top: 1px solid #FFF;}
.quick-menu .field.button input  { float: right; margin: 5px 0 0 0; }
/*
#menu ul  { list-style: none; height: 34px; float: left; margin: 0;}
 #menu ul li  { float: left; }
 #menu ul li a  {  display: block;  padding: 8px 17px;  height: 18px;  color: #FFF;  border-right: 1px solid #BFBDBE;  font-size: 1.2em;  font-weight: bold;  float: left; }
 #menu ul li a:hover,
 #menu ul li.active a  {  background: transparent url(images/menu/active-bg.gif) repeat-x 0 0;  color: #B4035E;  text-decoration: none; }
 #menu ul li.last a  { border: 0; }
*/
/*******************************************************************************
* Search
*******************************************************************************/
#search  { background: transparent url(images/menu/bg.gif)  repeat-x  0 0; float: right; padding: 0px 5px 0 5px; height:32px; margin-top:2px; display:block;}
#search label  { display: none;}
#search .field  { margin: 0; padding-top:5px; padding-left:2px; width:195px;}
#search img
 { /*float:left;*/
 /*height: 19px;*/ }
#search .text 
 { width: 100px; background: transparent url(images/header/search-bg.gif) no-repeat 0 0;}
#search .text
 { width: 80px; border: 0; height: 19px; font-weight: normal; font-size: 9pt; font-family: Arial, Helvetica, Sans-serif; color: #383838;padding: 4px 0 0 4px;margin-bottom: 0px;}
#search .button
 { padding-left:2px;}
/*******************************************************************************
* Content
*******************************************************************************/
#main  { width: 960px; overflow: hidden;}
#content  { margin: 0 0 15px 0; padding: 20px 11px 20px 21px; width: 920px; overflow: hidden; clear: both;  }
.thick-border  { border: 4px solid #D6DADD;}
.page-header  { margin:  0 0 15px -20px; padding: 0 0 5px 20px; border-bottom: 1px solid #D6D6D6; clear: both;}
/*******************************************************************************
* Breadcrumb
*******************************************************************************/
#breadcrumb-product  { width: 935px; overflow: hidden; color: #B4035E; padding: 10px 0 10px 25px;}
#breadcrumb-product ul  { margin: 0;}
 #breadcrumb-product ul li  { list-style: none; font-weight: bold; }
 #breadcrumb-product ul li  {  color: #B4035E;  float: left;  font-size: 1.1em; }
 #breadcrumb-product ul li h2 {  font-size: 1.1em; }
  #breadcrumb-product ul li a  {  color: #B4035E;  background: transparent url(images/pink-double-arrow.gif) no-repeat right 4px;  padding: 0 10px 0 0;  margin: 0 3px 0 0;  }
/*******************************************************************************
* Medium sized content
*******************************************************************************/
#medium  { width: 690px; float: left; margin: 0 10px 0 0; display: inline;}
/*******************************************************************************
* Login form
*******************************************************************************/
#login  { width: 310px; float: left;}
 #login .field label  { font-weight: bold; width: 90px; margin: 0 10px 0 0; }
 #login .field.button a  { float: right; }
#forgotten-password  { width: 340px; float: left; margin: 0 0 0 40px;}
 #forgotten-password a  { text-decoration: underline; }
#new-customers  { width: 310px;}
 #new-customers p  { font-weight: bold; }
 #new-customers a  { float: right; }
/*******************************************************************************
* Register form
*******************************************************************************/
#register  { float: left; width: 690px;}
#register #column1  { width: 330px; float: left; padding: 0 10px 0 0;}
#register #column2  { width: 335px; float: left; padding: 0 0 0 10px; border-left: 1px solid #D8D8D8;}
 #register #column2 label  { width: 111px; }
span.required  { color: #B4035E;}
/*******************************************************************************
* Pods
*******************************************************************************/
#pods  { float: left; width: 220px;}
#pods .pod  { background: #BBC0C7 url(images/pod-bg.gif) repeat-x 0 0; margin: 0 0 10px 0; padding: 10px; width: 205px; overflow: hidden;}
 .pod .top  { border-bottom: 1px solid #D0D0D0; margin: 0 -10px; padding: 0 10px; }
 .pod .sleep  { margin: 0 -18px; padding: 0 10px; }
 .pod h3  { font-size: 1.4em; }
 .pod p  { padding: 10px 0; }
 .pod a.button  { float: right; font-size: 1em; }
#register-offers .text  { width: 192px;}
#register-offers .field.button  { margin-bottom: 0;}
/*******************************************************************************
* Basket - Progress bar
*******************************************************************************/
#checkout-summary  { width: 960px; overflow: hidden; margin: 20px 0;}
#checkout-summary h2  { background: transparent url(images/basket/basket-bg.gif) no-repeat 0 0; float: left; padding: 0 0 0 25px; color: #000; margin: 0 20px 0 0;}
#progress  { background: transparent url(images/basket/order-summary-bg.gif) repeat-x 0 0; float: left; width: 798px; border: 1px solid #D5D9DC; padding: 5px 20px 0 20px; height: 45px; position: relative; z-index:100;}
#progress ul  { list-style: none; margin: 0; z-index:100;}
 #progress ul li  { z-index:100; float: left; font-size: 1.2em; margin: 0 95px 0 0; }
 #progress ul li.last  { z-index:100;margin: 0; }
 #progress ul li a 
  {  z-index:100;  cursor:pointer;  font-weight: bold;  color: #71AAF7; }
 #progress ul li a.error
  {  color:Red; }
  
 #progress ul li a.Normal
  {  color:Black; } 
 #progress.green ul li a  {  color: #7AA879; }
  #progress ul li a  {  text-decoration: none;  }
#progress .bar  { /*background: transparent url(images/basket/progress-bar-trans.png) no-repeat 0 0;*/
 /*background: transparent url(images/checkout/checkout_small_01.png) no-repeat 0 0;*/
 width: 790px; height: 30px; position: absolute; bottom: 0; left: 0px; z-index:5;}
#progress.green #bar  { /*background: transparent url(images/basket/progress-bar-green-trans.png) no-repeat 0 0;*/ }
/*******************************************************************************
* Basket summary
*******************************************************************************/
#basket-summary  { width: 912px;}
.basket-links  { width: 912px; height: 30px; clear: both;}
 .basket-links a.button  { float: right; }
 .basket-links .right  { width: 330px; }
.left  { float: left;}
 .left a  { color: #000; font-weight: bold; }
 .left a.save-basket  { border-right: 1px solid #000; padding: 0 5px 0 0; margin: 0 5px 0 0; } 
.right  { float: right;}
 a.continue-shopping,
 a.continue-shopping:visited  { color: #000; background: transparent url(images/black-arrow.gif) no-repeat right 3px; padding: 0 10px 0 0; margin: 0 20px 0 0; }
a.back  { color: #000; background: transparent url(images/back-arrow.gif) no-repeat 0 3px; padding: 0 0 0 10px; margin: 0 0 0 0; font-weight: normal;}
/*******************************************************************************
* Basket items
*******************************************************************************/
.basket-page  { margin: 0 0 20px 0; width: 912px;}
.basket-header  { background: #D6DADD url(images/basket/basket-header-bg.gif) repeat-x 0 0; height: 30px; margin: 0 0 10px 0;}
 .basket-header h3  { float: left; height: 25px; padding: 5px 0 0 10px; border-right: 1px solid #FFF; color: #000; font-size: 1.2em; margin: 0; }
 .basket-header .remove  { text-indent: -9999px; width: 25px; }
 .basket-header .item  { width: 571px; }
 .basket-header .status  { width: 100px; }
 .basket-header .qty  { width: 75px; }
 .basket-header .price  { width: 87px; border: 0; }
.basket-page table  { width: 912px;}
 table .basket-item td  { border: 1px solid #D6D9DE; border-bottom: 0; vertical-align: top; }
 table .basket-item.last td  { border-bottom: 1px solid #D6D9DE; }
 /* add/remove button */
 table .basket-item td.item-action  { width: 22px; border-right: 0; padding: 5px 5px 5px 8px; vertical-align: middle; }
 table .basket-item td.item-action a  {  display: block;  width: 19px;  height: 19px;  text-indent: -9999px; }
  table .basket-item td.item-action a.remove-item  {  background: transparent url(images/basket/remove.gif) no-repeat 0 0;  }
  
  table .basket-item td.item-action a.add-item  {  background: transparent url(images/basket/add.gif) no-repeat 0 0;  }
 /* basket item info */
 table .basket-item td.item-info  { width: 560px; border-right: 0; padding: 10px; }
 td.item-info img  {  float: left;  margin: 0 10px 0 0;  border: 3px solid #D5C1CD;  height: 50px;  width:  90px;  display: inline; }
 td.item-info p 
  {  font-size: 1.0em;  line-height:normal;  margin-top:0px  
 }
 td.item-info .voucher
  {  font-size: 1.5em;  font-weight:bold;  
 }
 /* basket item status */
 table .basket-item td.item-status  { width: 80px; border-right: 0; }
 td.item-status  {  padding: 20px 15px;  font-size: 1.2em; }
  td.item-status .in-stock  {  color: #35a118;  /*text-transform:lowercase;*/
  }
 /* basket item quantity */
 table .basket-item td.item-qty  { width: 56px; border-right: 0; padding: 20px 15px; text-align:center; }
 td.item-qty label  {  display: none; }
 td.item-qty .text  {  width: 40px; }
 td.item-qty a  {  margin: 0 0 0 7px; }
 /* basket item price */
 table .basket-item td.item-price  { width: 65px; padding: 20px 15px; font-weight: bold; font-size: 1.3em; text-align:right; }
/*******************************************************************************
* basket - also interested in ...
*******************************************************************************/
/*.also-interested  { width: 912px; overflow: hidden; margin: 0 0 20px 0;}*/
 #also-interested table  { margin: 10px 0 0 0; }
td.grey  { background: #F9F9F9;}
/*******************************************************************************
* basket - gift voucher bar
*******************************************************************************/
.gift-voucher  { background: transparent url(images/basket/voucher-bg.gif) no-repeat 0 0; padding: 5px 0 20px 60px; margin: 0 0 20px 0; width: 852px; height: 30px; border-bottom: 1px solid #D6D9DE;}
.gift-voucher .field  { float: left; width: 740px;}
 .gift-voucher .text  { background: transparent url(images/basket/voucher-input-bg.gif) no-repeat 0 0; width: 420px; height: 22px; border: 0; margin: 3px 0 0 0; }
 .gift-voucher .field label  { margin: 7px 20px 0 0; width: 280px; }
 .gift-voucher .button  { width: 102px; float: left; padding: 3px 0 0 0; }
/*******************************************************************************
* basket - totals
*******************************************************************************/
#basket-totals  { width: 912px; overflow: hidden; margin: 0 0 20px 0;}
 dl  { width: 260px; overflow: hidden; background: #F9F9F9; border: 1px solid #D6DADD; border-bottom: 0; margin: 0 0 5px 0; text-align: right; font-size: 1.1em; }
 dl dt  {  float: left;  border-right: 1px solid #D6DADD;  border-bottom: 1px solid #D6DADD;  padding: 5px 10px 5px 0;  width: 155px; }
 dl dd  {  /*width: 94px;*/
  /*float: left;*/
  border-bottom: 1px solid #D6DADD;  padding: 5px 0;  padding-right: 10px;  text-align: right; }
/*******************************************************************************
* basket - add protection
*******************************************************************************/
#protection .item-info  { width: 510px;}
#protection .basket-header h3.item  { width: 540px;}
#protection .basket-header h3.years  { width: 80px;}
 #protection td.item-protection  { vertical-align: middle; width: 80px; padding: 0 0 0 60px; }
 #protection td.years  { vertical-align: middle; width: 60px; padding: 0 0 0 30px; border-left: 0; }
#page-protection dl, 
#page-protection dt  { width: auto;  }
#protection td label  { display: none;}
/*******************************************************************************
* Basket - delivery
*******************************************************************************/
#delivery  { border-bottom: 1px solid #D6DADD; padding: 0 0 20px 0; margin: 0 0 20px 0;}
.address  { width: 882px; float: left; border: 1px solid #D6DADD; margin: 0 0 10px 0; padding: 10px 15px; position: relative;}
 .address strong  { display: block; }
 .address .field  { float: left; width: 30px; margin: 0; }
 .address .text  { float: left; }
 .address .button  { float: right; }
.address.selected  { border: 1px solid #BAD7FF;background: #E4f0FF;}
.green .address.selected  { border: 1px solid #D5EBD6; background: #E0f3DF;}
/*******************************************************************************
* Payment options - order overview
*******************************************************************************/
#order-overview  { margin: 0 0 20px 0; padding: 0 0 20px 0; background: #EDEDED url(images/basket/overview-bg.gif) repeat-x 0 0; width: 952px; float: left;}
#order-overview .product  { border-bottom: 1px solid #D5D5D5; padding: 10px; width: 936px; float: left; font-weight: bold;}
 #order-overview .product h3  { float: left; width: 320px; margin: 0 20px 0 0; }
 #order-overview .product strong  { font-size: 1.2em; }
 #order-overview .product .code  {  float: left;  width: 280px;  margin: 0 20px 0 0; }
 #order-overview .product .qty  {  float: left;  width: 150px;  margin: 0 20px 0 0; }
 #order-overview .product .price  { float: left; color: #3B3B3B; }
#order-overview .product.last  { margin-bottom: 10px;}
#order-overview dl  { width: 240px; background: none; border: 0; margin: 10px 75px 0 0;}
 #order-overview dl dt  { border: 0; width: 140px; padding: 0 10px 0 0; }
 #order-overview dl dd  { border: 0; padding: 0; padding-right: 10px; /*width: 90px;*/
 }
/*******************************************************************************
* Payment options - terms and conditions
*******************************************************************************/
#agree-terms h3  { color: #000; margin: 0 0 10px 0;}
#agree-terms p  { width: 370px;}
#agree-terms .field  { margin-top: 10px;}
 #agree-terms .field input  { display: block; float: left; margin: 0 5px 0 0; }
 #agree-terms .field label  { float: left; width: 170px; }
/*******************************************************************************
* Payment options - payment types
*******************************************************************************/
#payment-types  { padding: 10px; margin: 0 0 10px 0; width: 932px; float: left;}
 #payment-types h2  { padding: 0 0 0 10px; }
#payment-types .type  { float: left; width: 290px; height: 230px; padding: 0 10px; border-right: 1px solid #D6D9DE; position: relative;}
#payment-types .type.last  { border: 0;}
 #payment-types .type h3  { color: #585858; font-size: 1.3em; }
#payment-types .type a.button  { position: absolute; bottom: 0; right: 10px;}
.direction-links  { width: 960px; overflow: hidden; margin: 0 0 10px 0;}
 .direction-links a.continue-shopping  { margin: 0; }
/*******************************************************************************
* Checkout - card payment
*******************************************************************************/
.hr  { margin: 10px 0; background: #D6DADD; width: 960px; height: 2px; border: 0; clear: both;}
 .hr hr  { display: none; }
#card-details  { float: left; width: 912px;}
#security-number  { padding: 0 0 0 120px;}
 #security-number p  { width: 100px; margin: 0 10px 0 0; padding: 15px 0; float: left; text-align: right; }
 #security-number img  { float: left; margin: 15px 0; }
#card-details .card-expiry  { float: left; background: transparent url(images/basket/slash-bg.gif) no-repeat 53px 0;}
 #card-details .card-expiry .text  { width: 40px; margin: 0 20px 0 0; }
.personal-details  { float: left; width: 480px; margin: 0 20px 0 0;}
.billing-address  { float: left; width: 340px;}
#card-payment-form .billing-address .field.button  { margin: 0 0 10px 0;}
 .billing-address fieldset label  { width: 115px; }
#card-payment-form .field.button  { clear: both; margin: 0;}
 #card-payment-form .button a  { float: right; margin: 0 0 5px 0; }
 #card-payment-form .button p  { float: right; clear: both; }
#secure-trading  { color: #A8A8A8;}
 #secure-trading h3  { color: #3B3B3B; margin: 0 0 10px 0; }
 #secure-trading img  { margin: 0 10px 10px 0; }
/*******************************************************************************
* Product landing page
*******************************************************************************/
#product-landing #content  { background: transparent url(images/product/landing/content-bg.gif) repeat-x 0 bottom;}
#banner  { margin: 0 0 5px 0; position: relative;}
 h2.banner-title  { background: transparent url(images/product/landing/banner-text-bg-trans.png) no-repeat 0 0; margin: 0; color: #3B3B3B; position: absolute; top: 0; left: 0; width: 663px; height: 30px; padding: 10px; font-size: 2em; font-weight: normal; }
 * html h2.banner-title  {  /*margin: 4px -1px 0 -1px;*/
 }
 h2.banner-title strong  {  color: #B4035E; }
 #banner .banner-product  { position: absolute; right: 5px; bottom: 5px; color: #FFF; font-size: 1.1em; }
#products  { float: left; width: 690px;}
#products h2  { border-bottom: 1px solid #D6DADD; font-weight: normal; font-size: 1.7em; padding: 0 0 5px 0;}
#products .product  { float: left; width: 150px; height: 320px; border-right: 1px solid #D6DADD; padding: 0 14px; margin: 10px 0 0 0; position: relative; display: inline;}
#products .product.first  { /*padding: 0 14px 0 0;*/ }
#products .product.last  { border: 0; padding-right: 0; margin-right: 0;}
 #products .product img  { border: 2px solid #D6DADD; margin: 0 0 10px 0; }
 #products .product h3 a  { margin: 0 0 10px 0; color: #3B3B3B; }
 #products .product h2
  { border-bottom: none; font-weight: normal; font-size: 10pt; padding: 0 0 0px 0; }
 #products .product h2 a  { margin: 0 0 10px 0; color: #3B3B3B; font-size: 10pt; font-weight:bold; }
 #products .product ul  { list-style: none; margin: 10px 0 0 0; }
 #products .product ul li  {  background: transparent url(images/black-arrow.gif) no-repeat 0 3px;  padding: 0 0 3px 11px; }
  #products .product ul li a  {  color: #3B3B3B;  }
 #products .product .button  { float: right; }
 #products .price  { width: 150px; margin: 10px 0 10px 0; }
 #products .price span  {  font-size: 1em; }
 #products .price strong  {  font-size: 1.8em; }
 #products .button  {  position: absolute;  bottom: 10px;  right: 10px; }
 #products .after-price strong  {  font-size: 1.2em; }
/******************************************************************************/
#products-bjss  { float: left; width: 690px;}
#products-bjss h2  { border-bottom: 1px solid #D6DADD; font-weight: normal; font-size: 1.7em; padding: 0 0 5px 0;}
#products-bjss table
 { border-collapse:separate;}
#products-bjss .product-bjss
 { width: 150px; border-right: 1px solid #D6DADD; padding: 0 14px; margin: 10px 0 0 0;}
#products-bjss .product-bjss.first  { padding-top: 20px; margin-top: 20px;}
#products-bjss .product-bjss.last 
 { padding-bottom: 20px; border-bottom: 1px solid #D6DADD;  }
 #products-bjss .product-bjss img  { border: 2px solid #D6DADD; margin: 0 0 10px 0; }
 #products-bjss .product-bjss h3 { text-align:center; }
 #products-bjss .product-bjss h3 a  { margin: 0 0 10px 0; color: #3B3B3B; }
 #products-bjss .product-bjss ul  { list-style: none; margin: 10px 0 0 0; }
 #products-bjss .product-bjss ul li  {  background: transparent url(images/black-arrow.gif) no-repeat 0 3px;  padding: 0 0 3px 11px; }
  #products-bjss .product-bjss ul li a  {  color: #3B3B3B;  }
 #products-bjss .product-bjss .button  { float: right; }
 #products-bjss .price  { width: 150px; margin: 10px 0 10px 0; }
 #products-bjss .price span  {  font-size: 1em; }
 #products-bjss .price strong  {  font-size: 1.8em; }
 #products-bjss .button 
  {  /*width:144px;*/
  /*position: absolute;  bottom: 10px;  right: 10px;*/
 }
 #products-bjss .after-price strong  {  font-size: 1.2em; }
/*******************************************************************************
* Product page
*******************************************************************************/
#product  { padding: 10px; margin: 0 0 10px 0; float: left; display: inline; width: 932px; display: inline;}
#show-me  { background: transparent url(images/product/show-me-bg.gif) repeat-x 0 0; margin: 0 0 10px 0; color: #495676; position: relative; width: 952px; overflow: hidden;}
#show-me h2  { color: #495676; margin: 0; padding: 4px 10px; }
#show-me a { text-decoration:none; }
.show-me-content { background: #EEEEF0 url(images/product/show-me-form-bg.gif) repeat-x 0 0; /*float: left; width: 952px; display: block;*/  }
#show-me .Header { margin: 0; color: #495676; font-size:1.2em; font-weight:bold;  }
#show-me .searchOptions { font-family: Arial, Helvetica, Sans-serif;}
#show-me .searchBorderTop {}
#show-me .searchBorderBottom {}
#show-me .searchOptions ul { margin:0px; padding-top:5px;  }
#show-me .searchOptions ul input { font-family: Arial, Helvetica, Sans-serif; border:0px;}
#show-me .searchOptions li { padding-bottom:2px; font-family: Arial, Helvetica, Sans-serif; cursor:pointer; cursor:hand;}
#show-me .FilterColumn { border-right: 1px solid #CCCCCC; padding: 0px 10px 0px 10px;}
#show-me .PriceColumn { padding: 0px 10px 0px 10px;}
#show-me .dxb { font-family: Sans-serif; font-size:14pt; font-weight:bolder;}
#show-me li label { font-family: Arial, Helvetica, Sans-serif; margin:0 10px 0 5px; text-align:left; font-size:1.2em;  }
#show-me form fieldset  { float: left; padding: 0 0 0 20px; width: 295px; }
#show-me form fieldset legend  {  margin: 0;  padding: 15px 0;  color: #495676; }
#show-me form fieldset.search-style  { border-right: 1px solid #FFF; }
#show-me form fieldset.search-size  { border-right: 1px solid #FFF; border-left: 1px solid #CCC; }
#show-me form fieldset.search-price  { border-left: 1px solid #CCC; }
#show-me form .field  { width: 115px; float: left;}
#show-me form .field input  { float: left; margin: 0 1px 0 0; display: inline; }
#show-me form .field label  { float: left; width: 85px; text-align: left; font-size: 1.1em; }
#show-me form .field.long  { width: 180px;}
#show-me form .field.long label  { width: 150px; }
/*******************************************************************************
* Product page - main image
*******************************************************************************/
#product .main-image  { position: relative; border: 3px solid #D6DADD; width: 530px; margin: 0 20px 40px 0; float: left; display: inline;}
 #product .main-image .overlay  { position: absolute; bottom: 10px; right: 10px; }
 #product .main-image .overlay img 
  { /*background: #FFF;*/
 }
#product .main-image .zoom-link  { position: absolute; bottom: -25px; font-weight: normal; color: #3B3B3B;}
/*******************************************************************************
* Product page - features
*******************************************************************************/
.product-features  { background: transparent url(images/product/features/features-bg.gif) no-repeat 0 0; width: 530px; height: 115px; clear: both; padding: 1px; position: relative;}
 .product-features ul  { list-style: none; margin: 0; }
 .product-features ul li  {  width: 65px;  height: 113px;  border: 0;  float: left;  margin: 0 1px 0 0; }
  .product-features ul li a  {  width: 65px;  height: 113px;  display: block;  }
.feature-popup  { background: transparent url(images/product/features/coil-popup-trans.png) no-repeat 0 0; width: 295px; height: 185px; display: none; position: absolute; left: 63px; top: -30px; z-index: 9999; padding: 15px 50px 20px 95px;}
 * html .feature-popup  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bensonsforbeds.co.uk/App_Themes/Bensons/images/product/features/coil-popup-trans.png', sizingMethod='crop'); background: transparent; }
 .feature-popup h3  { color: #252525; font-size: 1.5em; font-weight: normal; margin: 0 0 10px 0; }
/*******************************************************************************
* Product page - product info
*******************************************************************************/
#product .product-images  { width: 556px; float: left;}
 #product .product-images .hr  { width: 535px; height: 1px; }
#product .product-spec  { float: left; width: 376px;}
 #product .product-spec .hr  { width: 375px; height: 1px; }
#product .product-info  { float: left; width: 365px; padding: 0 5px 5px 5px; background: transparent url(images/product/product-info-bg.gif) repeat-x 0 bottom;}
 #product .product-info h2  { font-size: 1.9em; margin: 0 0 5px 0; width: 350px; }
 #product .product-info p  { font-size:9pt; line-height:normal; margin-top:0px; }
/*******************************************************************************
* Product page - prices
*******************************************************************************/
.prices  { float: left;}
.price 
 { width: 110px; float: left; color: #B4035E; margin: 0 20px 0 0;}
 .price span  { font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
 .price strong  { font-size: 2.6em; display: block; position: relative; }
.after-price  { width: 110px; float: left; color: #555;}
 .after-price span  { font-weight: bold; text-transform: uppercase; }
 .after-price strong  { color: #555; font-size: 1.4em; display: block; position: relative; }
sup  { position: absolute; top: 2px; font-size: 0.6em;}
/*******************************************************************************
* Product page - colour options
*******************************************************************************/
.colour-options  { float: left; width: 365px; border-top: 1px solid #D6DADD; margin: 5px 0 0 0; padding: 5px 0 0 0; display: inline;}
 .colour-options h3  { font-size: 1.4em; margin: 0 0 5px 0; }
 .colour-options ul  { float: left; list-style: none; margin: 5px 0 0 0; width: 150px; position: relative; }
 .colour-options ul li  {  float: left;  width: 31px;  margin: 0 5px 5px 0; }
.colour-options ul.large-swatches  { margin: -15px 0 0 15px; height: 115px; position: relative; display: inline;}
 .colour-options ul.large-swatches li  { display: none; position: absolute; }
/*******************************************************************************
* Product page - variations
*******************************************************************************/
.product-variations  { float: left; width: 375px; margin: 5px 0 0 0; padding: 5px 0 0 0; display: inline;}
 .product-variations h2  { margin: 0; }
.product-variations .variation  { background: transparent url(images/product/product-info-bg.gif) repeat-x scroll 0 bottom; float: left; width: 375px; padding: 10px 0;}
 .product-variations .variation img  { float: left; margin: 0 15px; display: inline; }
 .product-variations .variation h3  { float: left; color: #8B939A; width: 110px; margin: 0 15px; font-size: 1.3em; text-align: center; display: inline; }
 .product-variations .variation .price span  { font-size: 1.1em; }
 .product-variations .variation .price strong  { font-size: 2.1em; }
 .product-variations .variation a.orange-arrow  { float: left; color: #5F5F5F; font-weight: normal; margin: 0 0 0 10px; display: inline; }
/*******************************************************************************
* Product page - availability
*******************************************************************************/
.add-to-basket  { float: right; margin: 20px 0 0 0;}
.product-availability  { width: 365px; clear: both; padding: 5px 0 0 0;}
 .product-availability ul  { list-style: none; float: right; }
 .product-availability ul li  {  float: left;  margin: 0 10px 0 0;  display: inline; }
 .product-availability ul li.last  {  margin: 0; }
/*******************************************************************************
* Product page - dimensions
*******************************************************************************/
.product-dimensions  { width: 375px; padding: 10px 0 5px 0; float: left;}
 .product-dimensions ul  { list-style: none; margin: 0 0 0 7px; }
 .product-dimensions ul li  {  padding: 0 0 7px 0; }
/*******************************************************************************
* Product page - actions
*******************************************************************************/
.product-actions  { width: 375px; padding: 10px 0 5px 0; float: left; border-top: 1px solid #D6DADD;}
 .product-actions ul  { list-style: none; margin: 0; }
 .product-actions ul li  {  float: left; }
  .product-actions ul li a,
  .product-actions ul li a:visited  {  font-weight: bold;  color: #252525;  display: block;  }
  
  .product-actions ul li a.print  {  background: transparent url(images/product/print-icon.gif) no-repeat 0 4px;  padding: 10px 6px 10px 25px;  }
  
  .product-actions ul li a.assembly  {  background: transparent url(images/product/assembly-icon.gif) no-repeat 0 4px;  padding: 10px 5px 10px 20px;  }
  
  .product-actions ul li a.send  {  background: transparent url(images/product/send-icon.gif) no-repeat 0 4px;  padding: 10px 0 10px 25px;  }
/*******************************************************************************
* Product page - may also like
*******************************************************************************/
#related-products  { width: 537px; margin: 10px 20px 20px 0; float: left; display: inline;}
 #related-products .related-product  { float: left; width: 170px; margin: 0 23px 0 0; display: inline; }
 #related-products .related-product img  { border: 3px solid #D6DADD; margin: 0 0 5px 0; }
 #related-products .related-product a  { color: #3B3B3B; }
 #related-products .related-product a:hover  {  text-decoration: none; }
 #related-products .related-product .price  { margin: 5px 0 0 0; }
 #related-products .related-product .price span  {  font-size: 1em; }
 #related-products .related-product .price strong  {  font-size: 1.7em; }
 #related-products .related-product.last  { margin: 0; width: 150px; }
/*******************************************************************************
* Product page - finance options
*******************************************************************************/
#product-finance  { width: 365px; padding: 5px; float: left; background: #E5E5E5; margin: 10px 0 0 0; display: inline;}
 #product-finance h3  { color: #3B3B3B; font-weight: normal; margin: 0 0 10px 0; }
 #product-finance .option  { margin: 0 0 15px 0; }
 #product-finance .right img  { margin: 0 20px 10px 0px; }
#finance-pod  { background: #E5E5E5; float: left; padding: 10px;}
 #finance-pod strong  { font-size: 1.2em; }
 #finance-pod div img  { /*float: right;*/ margin: 10px 0 10px 5px; display: inline; }
 #finance-pod .button  { float: right; }
 #finance-pod div  { width: 200px; float: left; }
/*******************************************************************************
* Reusable button
*******************************************************************************/
a.button  { background: transparent url(images/buttons/purple-bg.gif) repeat-x 0 0; color: #FFF; padding: 3px 10px 5px 10px; font-weight: bold; font-size: 9pt; width: auto; display: block; float: left; height: 14px; font-family: Arial, Helvetica, Sans-serif;  }
 a.button span 
  { font-family: Arial, Helvetica, Sans-serif; background: transparent url(images/white-arrow.gif) no-repeat right 4px; padding: 0 15px 0 0; color: #FFF; }
 a.button:hover  { text-decoration: none; }
/*******************************************************************************
* Product upsell
*******************************************************************************/
#upsell  { float: left; width: 690px; margin: 0 10px 0 0; display: inline;}
 #upsell h2  { color: #252525; }
#upsell-products  { margin: 20px 0 0 0;}
 #upsell-products h2  { color: #B4035E; border-bottom: 1px solid #D6DADD; padding: 0 0 5px 0; margin: 0; }
#upsell .product  { background: transparent url(images/product/product-info-bg.gif) repeat-x 0 bottom;}
#thin-sidebar  { float: left; width: 220px;}
#basket-preview  { background: #EEE url(images/basket/basket-preview-bg.gif) repeat-x 0 0; width: 212px; overflow: hidden; margin: 0 0 30px 0;}
 #basket-preview h2  { color: #3F6841; border-bottom: 1px solid #FFF; padding: 5px; margin: 0; }
 #basket-preview .button  { float: right; margin: 10px 10px 10px 0; display: inline; }
#basket-preview #preview-products  { float: left;}
#basket-preview .product  { border-bottom: 1px solid #CDCDCD; clear: both; margin: 0 10px; padding: 10px 0; float: left; width: 192px; display: inline;}
 #basket-preview .product img  { border: 2px solid #FFF; float: left; margin: 0 10px 0 0; display: inline; }
 #basket-preview .product div  { float: left; }
 #basket-preview .product p  { width: 100px; padding: 0; MARGIN-TOP: 0px;FONT-SIZE: 1.0em;LINE-HEIGHT: normal;}
#basket-preview .subtotal  { font-size: 1.4em; font-weight: bold; color: #3F6841; padding: 10px; clear: both;}
#basket-preview a.edit  { color: #000; margin: 10px; text-decoration: underline; font-size: 1.1em;}
/*******************************************************************************
* Product listing
*******************************************************************************/
.pagination ul  { float: right; list-style: none; margin: 0;}
 .pagination ul li  { float: left; margin: 0 3px; }
 .pagination ul li a,
 .pagination ul li a:visited  { color: #484848; font-weight: bold; }
 .pagination ul li a:hover  {  color: #B4035E;  text-decoration: underline; }
 .pagination ul li a.all  { font-weight: normal; }
#product-list  { /*float: left; width: 940px;*/
 /*margin: 0 -15px;*/
 /*display: inline;*/ }
#list-headers  { width: 940px; overflow: hidden; background: #F9F3F5; margin: 10px 0;}
/*******************************************************************************
* Product listing - headers
*******************************************************************************/
 #product-list .header  { background: transparent url(images/product/list-header-bg.gif) repeat-x 0 0; padding: 5px 15px; height: 20px; /*float: left;*/
 position: relative; /*right: 0;*/
 border-right: 1px solid #FFF; font-weight: bold; font-size: 1.3em; color: #3b3b3b;}
 #product-list .noborder 
  { border:0; } 
 #product-list .header a,
 #product-list .header a:hover,
 #product-list .header a:visited
  { color: #3b3b3b; font-weight: bold; font-size: 1.3em; text-decoration:none; font-family: Arial, Helvetica, Sans-serif; }
 #product-list .style  { width: 190px; }
 #product-list .size  { width: 80px; }
 #product-list .description  { width: 290px; }
 #product-list .price-header  { width: 135px; }
 #product-list .brand  { width: 120px; }
 #product-list .header span1  {  background: transparent url(images/product/header-bg.gif) no-repeat right 0;  width: 15px;  height: 30px;  display: block;  position: absolute;  right: 0;  top: 0; }
/*******************************************************************************
* Product listing - products
*******************************************************************************/
.list-product  { background: transparent url(images/product/list-bg.gif) repeat-x 0 bottom; border:0; margin: 0 0 20px 0; padding: 0 0 20px 0; color: #3B3B3B; font-family: Arial, Helvetica, Sans-serif;/*float: left; width: 940px; display: inline;*/ }
.list-product strong  { font-family: Arial, Helvetica, Sans-serif; color: #B4035E; font-size: 1.2em; }
.list-product a,.list-product a:hover,.list-product a:visited { text-decoration:none;}
.list-product img { margin: 5px 0 0 0; }
.list-product a.orange-arrow  { color: #5F5F5F; font-weight: normal; }
/*******************************************************************************
* Product listing - products style column
*******************************************************************************/
.list-style  { padding: 0 10px; /*float: left; width: 210px;*/ }
.list-style img { height:98px; width:180px; border-style: solid; BORDER-TOP-WIDTH: 3px;DISPLAY: block;BORDER-LEFT-WIDTH: 3px;BORDER-BOTTOM-WIDTH: 3px;BORDER-RIGHT-WIDTH: 3px ;border: 3px solid #D6C2CB; }
.list-size  { float: left; width: 82px;}
/*******************************************************************************
* Product listing - products description column
*******************************************************************************/
.list-description  { float: left; width: 305px; padding: 0 15px;}
.list-description p   { MARGIN-TOP: 0px; FONT-SIZE:90%; LINE-HEIGHT:normal;padding-top: 5px; }
/*******************************************************************************
* Product listing - products price column
*******************************************************************************/
.list-price  { /*width: 130px;*/
 /*float: left;*/
 padding: 0 15px;}
.list-price .prices { font-size: 8pt; margin-bottom:10px;}
* html .list-price  { /*width: 150px;*/ padding: 0 0 0 15px;}
.list-price .price  { margin: 0 10px 10px 0; width: 130px; }
.list-price .price strong  {  font-size: 2em; }
.list-price .after-price  { margin: 0 0 10px 0; width: 130px; }
.list-price .after-price strong  {  font-size: 1.6em;  color: #555; }
/*******************************************************************************
* Product listing - products brand column
*******************************************************************************/
.list-brand  { width: 125px; float: left;}
.list-brand img  { margin: 0 0 0 10px; }
/*******************************************************************************
* Reusable button - colour variations
*******************************************************************************/
a.button.blue  { background: #70AAF4 url(images/buttons/blue-bg.gif) repeat-x 0 0;}
a.button.grey  { background: #969595 url(images/buttons/grey-bg.png) repeat-x 0 0;}
a.button.white  { background: #FFF url(images/buttons/white-bg.gif) repeat-x 0 0; font-size: 1em; border: 1px solid #C2DCFF; padding: 1px 10px 1px 10px;}
a.button.white span  { color: #000; padding: 0; }
a.button.white span.add  {  background: transparent url(images/buttons/plus.gif) no-repeat 0 3px;  padding: 0 0 0 15px; }
a.button.green  { background: #70AAF4 url(images/buttons/green-bg.gif) repeat-x 0 0; border-right: 1px solid #4A9C52; border-left: 1px solid #4A9C52;}
a.button.yellow  { border: 1px solid #C29367; background: #E57E1F url(images/buttons/yellow-bg.gif) repeat-x 0 0;}
a.orange-arrow  { color: #EA913D; background: transparent url(images/buttons/orange-arrow.gif) no-repeat 0 3px; font-weight: bold; padding: 0 0 0 15px; display: block;}
/*******************************************************************************
* Footer
*******************************************************************************/
#newfooter  { background: #D7D8DA url(images/footer-bg.gif) repeat-x 0 0; width: 920px; padding: 15px 20px 20px 20px; overflow: hidden; color: #474546;}
#newfooter h3  { color: #474546; margin: 0 0 5px 0; font-size: 1em;}
#newfooter .list  { width: 230px; float: left; }
#newfooter .list ul  { list-style: none; margin: 0; }
#newfooter .list ul li  { margin: 0 0 5px 0; }
#newfooter .list a  {  color: #474546;  padding: 0 0 0 13px;  background: transparent url(images/black-arrow.gif) no-repeat 0 2px; }
h3.copyright  { /*float: right; width: 140px;*/ text-align:center; color: #525252;}
/*******************************************************************************
* Homepage
*******************************************************************************/
/*******************************************************************************
* Flash
*******************************************************************************/
#flash  { width:960px; height:366px;    /*background:url(images/homepage/flash-replacment.gif);*/
    background-color:#BEBABA;    margin:5px 0;}
 #flash span  { color:#FFFFFF; font-size:45px; margin-top:170px; margin-left:290px; position:absolute; }
/*******************************************************************************
* special-offers-container
*******************************************************************************/

#special-offers-container  { width:960px;  height:384px; background:url(images/homepage/special-offers-bg.png) repeat top left;  float:left;    margin-bottom:10px; clear:left;}
/*
#special-offers-container  { width:960px; height:230px;   background:url(images/homepage/special-offers-bg.png) repeat top left; float:left;    margin-bottom:10px; clear:left;}
*/  
#special-offers-container h1 { color: #B2055F; font-weight:bold; margin-left:15px;  }
#special-offers-container div#special-offers  { width:900px; /*width:700px;*/  float:left; margin: 10px 30px 0px 30px;}
#special-offers-container div#special-offers h2 { color: #B2055F; font-weight:bold; font-size:1.4em; margin-left:15px; padding-bottom:0px; margin-bottom:5px; text-align:center;}
#special-offers-container div#special-offers ul { list-style:none; float:left; margin: 5px 0 0 15px; padding:0; text-align:center;}
#special-offers-container div#special-offers ul li a  { color:#000000; font-size:13px;font-family:Arial,Helvetica,Sans-serif; font-size:9pt; font-weight:bold; text-decoration: none;  }
#special-offers-container div#special-offers ul li { float:left; margin-right:25px;}
#special-offers-container div#special-offers ul li.last  { margin-right:0px;}
#special-offers-container div#special-offers ul li img { display:block; border:3px solid #CFD0D4; margin-bottom:3px;}
#special-offers-container div#finace-options  { width: 188px; float:left; margin: 38px 5px 0 10px;}
#special-offers-container div#finace-options h2 { color: #B2055F;/*font-weight:bold; font-size:1.4em;*/
 font-weight: normal; font-size: 13px; text-align: center;font-family:Arial,Helvetica,Sans-serif; font-size:9pt; font-weight:bold; }
#special-offers-container div#finace-options div.blackhorse { border:3px solid #CFD0D4; display:block; background: #FFF; width: 188px;height:141px; /*margin:10px 0 0 0;*/
 /*padding:10px 10px 10px 10px;*/
 /*
 width:200px; background:#D4D5D7 url(images/homepage/blackhorse.png) no-repeat bottom left;*/
  }
#special-offers-container div#finace-options div.blackhorse p
 { line-height:150%; margin-top:10px;font-weight:bold; padding-left:5px; min-height: 85px; height: 85px; background: transparent url(images/homepage/blackhorse-retail.gif) no-repeat 20px bottom; /*
    padding-bottom:10px;    min-height:100px; height:auto !important; height:100px;*/ }
/*******************************************************************************
* poa
*******************************************************************************/
#po-action  { width:960px; clear:left; margin-bottom:10px;min-height:150px; height:auto !important; height:150px;}
#po-action ul  { width:100%; margin:0; padding:0; position:relative; list-style:none;}
#po-action ul li  { width:310px; float:left; margin-right:15px; position:relative;}
.poa-box { background:url(images/homepage/poa-bottom.png) repeat-x bottom left; min-height:150px; height:auto !important; height:150px;}
.poa-box h2 { padding:10px 0 10px 10px; color:#B2055F; background:url(images/homepage/poa-top.png) repeat-x top left; font-size:1.2em; position:relative;}
.poa-box h2 span.destination { display:inline; background:url(images/homepage/destination-icons.png) no-repeat; height:30px; width: 120px; text-indent:-9999px; position:absolute; margin:-7px 0 10px 10px;}
html * .poa-box h2 span.destination  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bensonsforbeds.co.uk/App_Themes/Bensons/images/homepage/destination-icons.png', sizingMethod='crop');}
.poa-box h2 span.sleep-to-live { display:inline; background:url(images/homepage/sleep-to-live-icon.png) no-repeat; height:30px; width:18px; text-indent:-9999px; position:absolute; margin:-7px 0 10px 10px;}
html * .poa-box h2 span.sleep-to-live  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bensonsforbeds.co.uk/App_Themes/Bensons/images/homepage/sleep-to-live-icon.png', sizingMethod='crop');}
.poa-box h2 span.register { display:inline; background:url(images/homepage/register-icon.png) no-repeat; height:30px; width:30px; text-indent:-9999px; position:absolute; margin:-9px 0 10px 10px;}
html * .poa-box h2 span.register { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bensonsforbeds.co.uk/App_Themes/Bensons/images/homepage/register-icon.png', sizingMethod='crop');}
.poa-box h2 span.finance-offer 
{ 
	display:inline; 
	/*background:url(images/homepage/blackhorse-icon.png) no-repeat; */
	height:30px; width:30px; text-indent:-9999px; position:absolute; margin: -6px 0 10px 10px;
}
html * .poa-box h2 span.finance-offer 
{ 
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bensonsforbeds.co.uk/App_Themes/Bensons/images/homepage/blackhorse-icon.png', sizingMethod='crop');*/
}


/*
 **************** coolpink changes 06/07/2010 **********************
 * please note, I've also reduced the top padding on ".poa-box p", *
 * which isn't in this block                                       *
 *******************************************************************/

li.sleep-to-live2 div.poa-box h2 {
	color: #6f9e2a;
}
li.sleep-to-live2 img {
	margin-right: 5px;
	margin-bottom: 10px;
}
#po-action li.sleep-to-live2 .poa-box p a{
	color: #6f9e2a;
}
li.sleep-to-live2 div.button-dark {
	background-image: url(images/homepage/button-green.gif);
}
li.sleep-to-live2 .poa-box h2 span.sleep-to-live {
	right: 5px;
}


/*
 ************ end coolpink changes 06/07/2010 **************
 */



.poa-box h2 span.sleep-offer { display:inline; background:url(images/homepage/sleep-icon.png) no-repeat; height:30px; width:52px; text-indent:-9999px; position:absolute; margin: -8px 0 10px 10px;}
html * .poa-box h2 span.sleep-offer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bensonsforbeds.co.uk/App_Themes/Bensons/images/homepage/sleep-icon.png', sizingMethod='crop');}
/*.poa-box p {   padding:10px 2px 0 10px; margin-top:0px;FONT-SIZE:9pt;LINE-HEIGHT:normal;   }*/
.poa-box p {   padding:0 2px 0 10px; margin-top:0px;FONT-SIZE:9pt;LINE-HEIGHT:normal;   }
#po-action ul li div a { color:#FFFFFF; display:block; font-size:12px; padding-top:3px;}
#po-action ul li div.button-dark { position:absolute; right:10px; bottom:10px;}
#po-action ul li.sleep-to-live h2  { color:#000000;}
/*
#po-action ul li.register-for-offers  { margin-right:0;}
*/
#po-action ul li.finance-offers  { margin-right:0;}
#po-action ul li.register-for-offers input { float:left; width:200px; height:20px; border:1px solid #ADAEB3; font-family: Arial, Helvetica, Sans-serif; color: #383838;position:absolute; left:10px; bottom:10px; padding-left:5px;}
/*******************************************************************************
* Buttons
*******************************************************************************/
div.button-dark  { background:url(images/homepage/button-dark.gif) no-repeat right top; height:22px; padding:0 20px 0 10px; }
.short { width:40px;}
.medium { width:70px;}
.large {  width:145px;}
div.button-dark.finance  {   margin-left:40px;}
div.button-dark a { color:#ffffff; font-size:12px; display:block; padding-top:3px;}
/* Coolpink Overrides - css overides */
#payment-types .type { min-height:250px; height: 100%;}
#payment-types .type A.button  { position:absolute; right:10px; top:0; bottom:inherit;}
#payment-types .type H3 { margin-bottom:10px;}
.checkbox input { border:0;}
#payment-types p, #agree-terms p, .pod p { MARGIN: 0px;LINE-HEIGHT: normal; font-size: 1.0em;}
#special-offers p { MARGIN: 0px;LINE-HEIGHT: normal; font-size: 1.0em;  }
/* Protection Page. */
#basket TABLE.basket , #protection table
 { /*border:solid 1px #d6d9de ;*/ }
#checkout-summary
 { margin-top: 5px; margin-bottom: 5px;}
#order-overview dl { margin:0; }
#order-overview  { padding: 10px 0px 0px 20px; width: 932px;  }
#order-overview .basket-header .remove { display : none; }
#order-overview table .basket-item td.item-action { display : none; }
#order-overview .basket-page  { margin-bottom: 5px; }
#order-overview #basket-totals { margin-bottom: 10px; width: 875px; }
#order-overview .basket-page table { width:auto; }
#order-overview .basket-header { width: 875px; }
#order-overview .basket-header .price { width:70px; }
#protection #basket TABLE TD.row , #protection TABLE TD.row  { border:solid 1px #d6d9de ;}
#basket table.basket tbody tr th, #protection th { BACKGROUND: url(images/basket/basket-header-bg.gif) #d6dadd repeat-x 0px 0px;MARGIN: 0px 0px 10px;HEIGHT: 30px; padding: 0px 5px 0px 5px; border:solid 1px #fff ; BORDER-RIGHT: #fff 2px solid;border-bottom:#fff 10px solid;COLOR: #000;FONT-SIZE: 1.2em;  }
#protection P { MARGIN: 0px; FONT-SIZE: 13px; LINE-HEIGHT: normal; padding:0;}
#protection input { border:0; font-family:Arial; color:#3b3b3b; font-size:1.1em;}
#protection .protectionOption { width:80px;}
#protection .greybox { float:right; BORDER: #d6dadd 1px solid;FONT-SIZE: 1.1em;BACKGROUND: #f9f9f9;WIDTH: 400px;TEXT-ALIGN: left;color:#3b3b3b;  }
#protection .greybox h2 { float:right; padding-left: 3px; padding-right: 3px; padding-top: 8px; FONT-SIZE: 1.0em;color:#3b3b3b;}
#protection .greybox h2 span { text-align:right;  }
#protection .item { FONT-SIZE: 1.2em; COLOR: #b4035e;  }
#protection  #basket .productImage   {  float: left;  margin: 5px 10px 5px 10px;  border: 3px solid #D5C1CD; }
.listPEventPrice, .listPEventPrice .poundPrice, .listPEventPrice .pointSup, .listPEventPrice .penceSup  { /*font-family:Tahoma; */ }
.product-logo{ text-align:inherit; }
#products .product .productImage img { width:145px; height:145px;}
/*#relatedProducts .penceSup { padding-top: 4px; }*/
.creditInfo { width:910px; }
#creditExample { width: 560px; float:left; margin-left:10px;}
.financeProduct { width: 580px; float:right; }
.financeProduct #product .product-info h2 { width:auto; }
.financeProduct #product { width: 570px; }
.financeProduct #product .main-image { width:auto; }
.financeProduct #product .productDisplayImage { width: 318px; height: 184px;}
.financeProduct #product .product-spec { width: auto; }
.financeProduct #product .product-info { width: auto; }
.finance-formFields .Time { padding-top: 10px; padding-right: 3px; margin-left: 5px;}
#EmpCheckBoxes label {margin-top:7px\9;}
#Checkout .DeliveryAlternate { font-size:13px; }
#popupContainer,  #popupContainer #header, #popupContainer #main { width:auto; }
#content.FinanceWindow { padding:20px 11px 20px 5px;width:950px;}
.FinanceWindow div { text-align: center; }
.FinanceWindow div div { margin: auto; }
.LoginButton { width:73px; height:23px;}
#products #landing .product  { float: left; width: 150px; height: 320px; border-right: 1px solid #D6DADD; padding: 0 10px; margin: 10px 0 0 0;}
#products #landing .product.first  { /*padding: 0 14px 0 0;*/ padding: 0 10px; padding-left:0px;}
#products #landing .product.last  { border-right: 1px solid #D6DADD; padding-right:10px; margin-right: 0;}
#special-offers-container div#finace-options  div.button-dark.finance  { text-align: right;   margin:0px;   margin-left:5px;   margin-right: 5px;   margin-bottom:5px;}
/* Print specific optiopns */
.printContainer #product { width:600px;}
.printContainer .hr { width:100%;}
.printContainer #product .product-spec, .printContainer #product .product-info, .printContainer #product .product-dimensions { clear: both; float:none; width: 531px;}
.printContainer #product .product-availability ul   { clear:both; list-style: none; float: none; }
.printContainer #bensons-number h2  { background: transparent url(images/header/telephone1.gif) no-repeat 0 0; padding: 1px 0 0 0px; height: 30px; font-size: 1.8em; float: left; }
.printContainer .thick-border { border:none; border-width: 0px;}
.printContainer .basket-header .remove { display : none; }
.printContainer table .basket-item td.item-action { display : none; }
.printContainer .basket-page  { margin-bottom: 5px; }
.printContainer #basket-totals { margin-bottom: 10px; width: 600px; }
.printContainer .basket-page table { width:auto; }
.printContainer .basket-header { width: 600px; }
.printContainer .basket-header .price { width:70px; }
.printContainer .basket-page  { margin: 0 0 20px 0; width: 600px;}
.printContainer .basket-header .item  { width: 260px; }
.printContainer .basket-page table  { width: 600px;}
 /* basket item info */
.printContainer table .basket-item td.item-info  { width: 220px; border-right: 0; padding: 10px; }
.printContainer .basket-header .status  { width: 113px; }
.printContainer .basket-header .qty  { width: 85px; }
.printContainer dl  { width: 272px;}
/* Payment form */
#paymentDetails { width: 520px; float:left;}
#paymentDetails fieldset  { clear:both; margin-top: 15px; /*border-bottom: 1px solid #DADADA;*/ padding:0px 10px 20px 10px;}
#paymentDetails fieldset.noBottom  { border-bottom:none;}
#paymentDetails legend  { color: #A90055; font-weight:bold; font-size: 13px;} 
#paymentDetails label, #paymentDetails input, #paymentDetails select  { margin-top: 15px; float: left;}
#paymentDetails label  { clear: both; width: 180px;} 
#paymentDetails .text  { font-size: 10px; width: 200px; float: left; }
#paymentDetails textarea  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:10px;}
#paymentDetails .narrow  { width: 100px;}
#paymentDetails select  { border: 1px solid #808080;margin-right:10px;} 
#town, #county, #townb, #countyb  { clear:both; margin-left: 180px;} 
#cvvExp  { clear:both;margin: 10px 0px 0px 180px;font-size:11px;float:left;width: 130px;} 
#cvvImg  { float:left; margin: -21px 0px 0px 20px;}
#btnSendPayment, #btnClearForm  { height:28px; padding-top:28px; overflow: hidden; cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 float:right; margin-top: 2px;}
#issueNumber span { margin-top:15px; float:left;}
div.card-logos  { margin-top:-30px; margin-left:220px;}
div.card-logos img { float:left; margin-right: 20px;}
#paymentDetails .CardDate { float:left; /*width:400px;*/ }
#paymentDetails .CardDate label { clear:none; margin-top:18px; width:40px; float:left;}
#paymentDetails .CardDate input { float:left;  }
#paymentInvoiceAddress { padding-top:10px; float:right; width: 400px;}
#paymentInvoiceAddress .formDetails Fieldset {  margin-top:10px;}