/*
###################################################################
        WELCOME TO KINGFISHER CONTENT STYLESHEET

COLOURS:
    textbox                     :bbbdc0
    menu bar top border blue    :bfeafb
    menu bar top border red     :fac6c8
    second tier menu bg         :d1d2d4
    - //- selected              :9d9fa2
    third/fourth tier bg        :f3f3f4
    product list item bg        :f3f3f4
    product list item:hover bg  :636466
    product list item img border:959596
    prod list item img border ho:747475 
    prod view image border      :404041
    size & colour box border    :dddedf
*/


body{height:100%; behavior:url("scripts/csshover3.htc");}

#main_container
{
    width:984px;
    margin:1px auto 0 auto;
    position:relative;
    }

#header{float:left; background-color:#fff; padding:10px 12px 0 12px;}
#content{background-color:#fff; float:left; padding:0 12px 0 12px; width:958px;} 
#sub_menu{float:left; width:167px; margin-right:11px; min-height:1px;}/*HAX with the width to make the jQuery menu work in Opera*/
#content_container{float:left; width:780px; min-height:360px;}
#content_container_left{float:left; width:390px;}
#content_container_right{float:left; width:390px;}
* html #content_container{height:360px;}
#footer{float:left; background-color:#fff; padding:60px 12px 0 12px; position:relative;}
#footer .inner .text{float:left; width:956px; position:relative; font-size: 10px; text-align:center; padding-top:15px;padding-bottom:15px;}


/* GENERAL STYLES */ 
input{z-index:1;}
select{z-index:1;}

.textbox{padding:0 2px 0 2px;}
.textarea{font-family:Arial;font-size:12px;}
a.linkbutton{font-weight:bold;}
input.small-button{background: transparent url('../gfx/bg/small-button.gif') repeat-x top left; width: 110px;height: 17px;text-align: center;color: #fff;font-weight: bold;font-size: 10px;border: 0;padding-top: 0; cursor:pointer; cursor:hand;}

.errMsg{font-weight:bold; font-style:italic; font-size:11px; color:#ed2928; }
.paymentErrMsg{font-weight:bold; font-style:italic; font-size:11px; color:#ed2928; }

.pageControls{width:780px; float:left; text-align:center; margin-top:14px;}
.pageControls .left{float:left;}
.pageControls .right{float:right;}

span.borderHeavyDash,
span.borderHeavyDashAlt {display:inline-block; padding:20px; font-size:15px; font-weight:bold;}
span.borderHeavyDash {color:#0053A5; border:dashed 5px #0053A5;}
span.borderHeavyDashAlt{color:#FF0000; border:dashed 5px #FF0000;}

a.buttonPlus{display:inline-block; background:transparent url('../gfx/btnPlus.png') no-repeat; color:#383838; width:117px; height:24px; line-height:24px; padding-left:14px;}

/* pngfx */
* html .pngfx{behavior:url(png-fix/iepngfix.htc);}
    
/*######################################################*/
/*                    HEADER AREA                       */
/*######################################################*/

#header #logo{float:left;}

/*
    ** Used for the personal menu (login/reg/basket)
*/
#personal_menu{float:right;color:#0054a6;font-weight:bold;}

#personal_menu a:hover{text-decoration:underline;}
    
#personal_menu ul{padding:0; margin:0;list-style-image:none;list-style:none;}
#personal_menu ul li{float:left;list-style-image:none;list-style:none;}
#personal_menu ul li a{border-left:solid 1px #0054a6;padding:0 4px 0 4px;}
#personal_menu ul li.first a{border:none;}
/*also used on product page*/
#personal_menu ul li a.myBasket{padding-left:30px;}
a.myBasket{background:transparent url('../gfx/shop.gif') no-repeat 6px;padding-left:30px;padding-right:0;}
    
/*################## END HEADER AREA ##################*/

/*######################################################*/
/*                      FOOTER AREA                     */
/*######################################################*/
#footer .inner{float:left;}

#footer .inner ul.logos{clear:both; float:left; width:740px; margin-top:12px;list-style-image:none;list-style:none; font-size:10px;}
#footer .inner ul.logos li{float:left; margin-right:14px;list-style-image:none;list-style:none;}

#footer .inner .copyright{position:absolute; right:20px; bottom:64px; font-size:10px;}

/*################### END FOOTER AREA ##################*/

/*######################################################*/
/*                    CATALOGUE VIEW                    */
/*######################################################*/

.productCategory{float:left;}

.productCategory .tradeAssociation{float:left;}
.productCategory .tradeAssociation img{float:left;margin-bottom:20px;}
.productCategory .tradeAssociation p{}

.productCategory .search{}
.productCategory .search h1{width:770px;}
.productCategory .search a{font-weight:bold;}
.productCategory .search p{float:left; width:480px; padding:0 0 20px 20px;}
.productCategory .search p.again{float:right; width:200px; margin:0 20px 0 0; padding:0; text-align:right;}
.productCategory .search p.result{padding-bottom:10px;}

.search .filter{float:left; margin:0 0 10px 20px; font-weight:bold; width:572px;}
.search .filter .group{float:left; margin-right:10px; }
.search .filter span{line-height:30px;}
.search .filter .group select{width:170px;}
.search .filter .control{float:left; width:40px; height:28px; margin-top:28px;}

.productView .header,
.productCategory .header{float:left;height:43px; background:#fff url('../gfx/header_bg.png') repeat-x bottom; line-height:42px; padding:0 12px 0 12px; width:758px; font-weight:bold;}
.productCategory .header .category{float:left;}
.productCategory .header .orderBy{margin:10px 0 0 40px; float:left;}

.productCategory .header ul.paging{list-style-image:none;list-style:none; float:right; font-size:11px; margin:0; padding:2px 0;}
.productCategory .header ul.paging li{display:inline; border-left:solid 1px #383838; padding:0 4px 0 4px; list-style-image:none;list-style:none;}
.productCategory .header ul.paging li.first{border:none;}
.productCategory .header ul.paging li.selected a{color:#ec008c;}
.productCategory .header ul.paging li a{color:#383838; font-weight:bold;}

.productCategory .itemList{float:left; margin-top:15px;}

.productCategory div.item{float:left; width:105px; height:251px; margin:11px; cursor:pointer;display:block; color:#383838;text-align:center; overflow:hidden;}
.productGroup div.item{height:212px;}
.productCategory div.item .brand{float:left; margin-bottom:5px; width:105px; height:34px;}
.productCategory div.item .prodInfo{float:left; background-color:#f3f3f4; height:213px; width:100%;}
.productCategory div.item .prodInfo .product{float:left; padding:6px 0 0 6px; height:133px; width:89px;}
.productCategory div.item .prodInfo .product .productimg{border:solid 1px #959596; width:89px; background-color:#fff;}
.productCategory div.item .prodInfo p{float:left; margin:6px 2px 0 2px; padding:0; font-size:11px;  line-height:12px; max-height:36px; overflow:hidden; width:101px;}
.productCategory div.item .prodInfo p.code{font-weight:bold;}

*html .productCategory div.item .prodInfo{width:97px;}

.productCategory div.item:hover .prodInfo,
.productCategory .prodInfoHover {background-color:#636466;}
.productCategory div.item:hover .prodInfo p{color:#fff;}

/* rad combo list */
ul.rcbList {list-style-image:none !important;}
ul.rcbList li.rcbItem  {list-style-image:none !important;}

/*################## END CATALOGUE VIEW ################*/

/*######################################################*/
/*                     PRODUCT VIEW                     */
/*######################################################*/
.return-search { margin:0; padding:0; font-weight:bold;}
.return-search a {margin-left:12px; font-size:14px; line-height:25px;height:25px;}
.productView .infoColumn{width:394px;float:left; font-size:11px;}
.productView .infoColumn .sizes,
.productView .infoColumn .colours{border:solid 1px #DDDEDF; width:352px; float:left; margin:20px 0 4px 20px; padding-bottom:20px;}
.productView .infoColumn .sizes h2,
.productView .infoColumn .colours h2{padding-left:10px;}
.productView .infoColumn .colours{background:transparent url('../gfx/gradientGreyToWhite.jpg') repeat-x;}
.productView .infoColumn .colours .item{text-align:center; width:43px; font-size:9px;}
.productView .infoColumn .colours .item-list{margin-top:10px;}
.productView .infoColumn p.extraInfo{font-style:italic; font-size:10px;}
.productView .infoColumn p.extraInfo a{color:#00adef; font-weight:bold;}
.productView .infoColumn ul li{margin:0; vertical-align:top; padding:3px 2px;}

.productView .imageColumn{float:left;margin-left:40px; width:344px; text-align:center;}
.productView .imageColumn img{margin-bottom:12px;}
.productView .imageColumn img.prod{border-width:1px !important; border-style:solid; border-color:#404041;}

.productView .header{height:38px; line-height:38px; margin-top:10px;}

.productView .prices{float:left; text-align:center; padding-bottom:16px; width:100%;}
.productView .prices span.borderHeavyDash{margin-top:20px;}
.productView .addToBasket{float:left; width:100%;}

.productView .addToBasket .personalisation{width:528px; margin:20px auto 0 auto; text-align:center;}
.productView .addToBasket .personalisation .tabContainer{margin-left:2px;}
.productView .addToBasket .personalisation a.tab,
.productView .addToBasket .personalisation a.tab_selected{float:left; display:block;  width:171px; height:36px; font-size:14px; font-weight:bold; line-height:36px; text-align:center; margin:0 2px 0 2px;}
.productView .addToBasket .personalisation a.tab{background-image:url('../gfx/tab.png');color:#383838;}
.productView .addToBasket .personalisation a.tab:hover,
.productView .addToBasket .personalisation a.tab_selected:hover{text-decoration:underline;}
.productView .addToBasket .personalisation a.tab_selected{background-image:url('../gfx/tab_selected.png');color:#fff;}

.productView .addToBasket .personalisation .tabContentContainer{clear:left; width:100%; border:solid 3px #232862;}
.productView .addToBasket .personalisation .tabContentContainer p{width:488px; text-align:left; padding-bottom:8px; background-color:#f3f3f4; font-size:12px; font-weight:bold;}
.productView .addToBasket .personalisation .tabContentContainer p span{color:#0054a6; text-transform:uppercase;}
.productView .addToBasket .personalisation .tabContent{background-color:#fff; margin:0 3px 0 3px; min-height:190px; padding:20px;}

.productView .addToBasket .personalisation table.addToBasket{width:492px; text-align:left; margin:0 auto 0 auto;}
.productView .addToBasket .personalisation table.addToBasket td.colour{width:158px; padding-right:8px;}
.productView .addToBasket .personalisation table.addToBasket td.size{width:216px; padding-right:8px;}
.productView .addToBasket .personalisation table.addToBasket td.qty{width:47px;}
.productView .addToBasket .personalisation table.addToBasket td.remove{width:51px;}
.productView .addToBasket .personalisation table.addToBasket td.lift{ padding-bottom:10px;}

.productView .addToBasket .personalisation table td{}

.productView .addToBasket .personalisation .footerPositioning{width:160px; margin-right:6px; text-align:center;}

input.qty,
input.totalQty{width:34px; padding-left:4px;}
input.totalQty{padding-bottom:8px; padding-top:8px;}

/*################### END PRODUCT VIEW #################*/

/*######################################################*/
/*                      BASKET VIEW                     */
/*######################################################*/

.basket-content-box{border: solid 2px #7ba6cf;width: 640px;padding: 15px;padding-top: 5px;margin: 0 auto 15px auto;}
.basket-content-box table{ margin-bottom: 15px;   }
.basket-content-box p{  padding-left: 0;/*margin-bottom: 10px;*/}
.basket-content-box ul{list-style-image: none; margin-left: 0;padding-left: 15px;padding-top: 0;}
.basket-content-box ul li{list-style-type: disc;}

.basket-upload-table{margin: 25px 0;width:100%;  }

table.basket-sub-header{margin: 25px auto 15px auto;height: 30px;background: transparent url('../gfx/bg/basket-header.gif') repeat-x bottom left;}

table.basket-buttons{width: 670px;margin: 0 auto;}
table.basket-buttons td{padding-left:2px; padding-right:2px;}

table.updates-and-totals {width: 735px;margin: 0 auto;  margin-top: 35px;   }
table.updates-and-totals tr td{padding-right:0px;}

table.adjust-basket{width: 440px;border: dashed 1px #CCC;   }

table.basket-breakdown {width: 735px;margin: 0 auto; font-size: 10px; }
table.basket-breakdown .colour-dropdown{width: 105px;  }
table.basket-breakdown .quantity-textbox{width: 40px;   }
table.basket-breakdown span.first-line{font-size: 10px; }
table.basket-breakdown span.second-line{margin-left:10px; display:block; }
table.basket-breakdown tr td{border-bottom: dashed 1px #CCC;  vertical-align: top; padding:2px 0 2px 0; vertical-align:middle;}
/*table.basket-breakdown tr td.decoration{ }
table.basket-breakdown tr td.decoration span{line-height:22px;}*/
table.basket-breakdown tr td.decoration span.cross{background:transparent url('../gfx/cross.gif') no-repeat left; padding-left:10px; line-height:14px;}
/*table.basket-breakdown tr td span{line-height:20px;}*/
table.basket-breakdown tr.delivery-row td{border-bottom: 0;   }

/*input.large-basket-button{width: 180px;}*/

div.price-totals{width: 200px;border-top: solid 1px #636466;padding:18px 0px 18px 18px;}
div.price-totals table{width: 200px;}
div.changes-to-update{float: right;margin: 10px 150px 10px auto;display: inline;font-size: 11px;font-weight: bold;}

span.email-quote-links{float: right; margin-right: 18px;margin-top: 15px;}
span.email-quote-links a{color: #000;text-decoration: underline;}
span.email-quote-links span{color: #000;text-decoration: underline;}

.basket-setup-prices{}
.basket-setup-prices table{margin-left:26px;}
.basket-setup-prices table tr td{padding:4px;}

.basket-setup-prices table.deliveryTable{margin:10px 0 10px 26px; }

.basket-setup-prices table tr td.col1{padding-left:14px; width:675px;}
.basket-setup-prices table tr td.col2{width:40px;}


/*###################### BASKET VIEW ###################*/

/*######################################################*/
/*                  ADDRESS MANAGEMENT                  */
/*######################################################*/

div.address-list{ float:left; padding-left:20px;padding-top:10px;}
div.address-list .address{float:left;width:230px;padding:10px;}
div.address-list .delivery{float:left;min-height:160px;width:100%;}
div.address-list .billing{float:left;min-height:100px;width:100%;}
div.address-list .buttons{float:left;width:100%;}


/*#############################################################*/
/*                     PRODUCT DECORATION                     */
/*############################################################*/

div.productdecorationlogo {width:640px;}
div.productdecorationlogo div.header {width:100%; border-bottom:solid 1px #a9aaab; line-height:30px;}
div.productdecorationlogo div.header span{font-size:14px; font-weight:bold; }
div.productdecorationlogo div.container { margin: 10px 0 10px 0;}
div.productdecorationlogo div.container table{width:440px; float:left;}
div.productdecorationlogo div.container table tr.spacing { height:10px}
div.productdecorationlogo div.container table td span.italic {font-style: italic;}
div.productdecorationlogo div.container div.logocolumn {width:200px;}
div.productdecorationlogo div.container div.logocolumn img {padding:10px; background-color:#FFF; border:solid 1px #000 !important;}
div.productdecorationlogo div.container table td span.link,
div.productdecorationlogo div.container table td a{ color:#0054a6; font-weight:bold;}

/*################## PRODUCT DECORATION ####################*/

/*############################################################*/
/*                     TRADE ASSOCIATIONS                     */
/*############################################################*/


div.tradeAssoc {width: 780px;float:left;}
div.tradeAssoc .subscript {font-weight: bold; font-style: italic; font-size: 0.9em;}
div.tradeAssoc .list { margin-top:10px; margin-bottom:10px; font-size:14px;}
div.tradeAssoc .tradeAssocList{float:left;}
div.tradeAssoc .tradeAssocList h2{margin-bottom:20px;}
div.tradeAssoc .tradeAssocList .item{ padding:0 0 40px 10px;float:left;}
div.tradeAssoc .tradeAssocList .item .logo{ width:180px;float:left;}
div.tradeAssoc .tradeAssocList .item .desc{ width:580px;}
div.tradeAssoc  ul{list-style-image:url('../gfx/ulDot.gif'); line-height:15px;}

div.tradeAssoc .tradeAssocSelect{background-color:#f7f8f8;  float:left; margin:30px 0 4px 20px; padding:5px 0px 5px 10px; height:48px;}
div.tradeAssoc .tradeAssocSelect select{ width:200px; margin-right:20px;}
div.tradeAssoc .tradeAssocSelect input{ width:200px; margin-left:10px;}
div.tradeAssoc .tradeAssocSelect .go{ width:38px; height:38px; margin-top:2px;}

div.tradeAssoc div.errMessages{ padding-left:30px; float:left; }

/*##################### END TRADE ASSOCIATION ################*/