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

COLOURS:
    dark blue text                  :0054a6
    red text                        :ed2928
    dark grey text                  :383838
    turquise text                   :00adef
    pink text                       :ec008c



*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select,table{*font-size:100%;}


body
{
    font-family:Arial;
    font-size:12px;
    margin:0;
    padding:0;
    color:#383838;
    }

/*GLOBAL RESET*/
* {margin:0;padding:0;}
img{border:none;}

/*GLOBAL SETTINGS*/
h1{height:43px; background:transparent url('../gfx/h1_bg.png') repeat-x; font-family:Arial; font-weight:bold; font-size:14px; color:#383838; line-height:42px; padding-left:12px; margin-bottom:20px;font-style:normal;}
h2{font-family:Arial; font-weight:bold; font-size:14px; color:#383838; padding:10px 20px 0 20px; font-style:normal;}
h3{font-family:Arial; font-weight:normal; font-size:12px; color:#383838; padding:10px 20px 0 20px; text-decoration:underline;font-style:normal;}
h4{font-family:Arial; font-weight: bold; font-size:14px;}
p{padding:10px 20px 0 20px;}
a{text-decoration:none; color:#0054a6;}
a:hover{}
a:active{}
a:link{}
ul{padding:10px 20px 0 20px; margin-left:20px;list-style-image:url('../gfx/ulArrow.gif');}
li{margin-top:5px; list-style:inherit;}
strong{font-weight:bold;}
em{font-style:italic;}
big{font-size:14px;}
hr{background-color:#a9aaab;color:#a9aaab; height:1px !important;}
div.hrDashed{border-bottom: dashed 1px #CCC; height:1px; width:95%; margin:10px auto 10px auto;}

.blue{color:#0054a6;}
.strong{font-weight:bold;}
.add-decoration{margin-top:5px;margin-bottom:5px;}
.basket-header{height:35px;}
.basket-row{height:45px;}

a.default{color:#383838;}
a.default:hover{text-decoration:underline;}

p.button
{
    background:transparent url('../gfx/btnDefault.png') repeat-x bottom; 
    color:#fff; 
    font-weight:bold; 
    font-size:12px; 
    text-align:center; 
    height:26px; 
    line-height:24px; 
    border:none; 
    cursor:pointer;
    width:80px;
    margin-left:20px;
    display:inline-block;
    }
    
p.button a{color:#fff;}

.floatbreaker{clear:both;}
.button
{
    background:transparent url('../gfx/btnDefault.png') repeat-x bottom; 
    color:#fff; 
    font-weight:bold; 
    font-size:14px; 
    text-align:center; 
    height:26px; 
    line-height:12px; 
    padding:0 20px 0 20px !important; 
    border:none; 
    cursor:pointer;
    }

/*######################################################*/
/*                        CMS FORM                      */
/*######################################################*/

table.frmForm {margin-left:20px; margin-top:10px;}
table{}
table th{font-weight:bold;}
table td, 
table th{/*padding:2px;*/}
table input.ctlErr{border:solid 2px #ed2928; }
table textarea.ctlErr{border:solid 2px #ed2928; }
table select.ctlErr{border:solid 2px #ed2928; }
table span.ctlErr label{color:#ed2928;}

table tr.frmHeader td{font-weight:bold; font-size:14px; color:#383838;}
table tr.frmErrMsg td{font-weight:bold; font-style:italic; font-size:11px; color:#ed2928; height:11px; text-align:right;}
table tr.frmErrMsglft td{font-weight:bold; font-style:italic; font-size:11px; color:#ed2928; height:16px;}
table tr.frmSpcBlw {height:40px; vertical-align:top;}
table tr.frmSpcAbv {height:40px; vertical-align:bottom;}
table tr.padTop td,
table tr.padTop th {padding-top:8px;}
table tr.padBot td,
table tr.padBot th {padding-bottom:8px;}

table tr.chkbx{font-size:11px;}
table tr.chkbx label{padding-left:8px;}

table td.btn{text-align:left;}
table td.lnk{text-align:right;}

table.frmForm tr td span.errMsg{ margin-left:5px;}
table.frmForm tr td.frmheader{font-weight:bold; font-size:14px; color:#383838;}

table tr.padding{height:30px;}

/*#################### END CMS FORM ####################*/

/*######################################################*/
/*                   MODAL POUP CONTENT                 */
/*######################################################*/

.popupheader{width:100%; border-bottom:solid 1px #a9aaab; line-height:30px;}
.popupheader span{cursor:pointer;}
.sel-header{font-size:14px; font-weight:bold; color:Gray; padding-right:30px;}
.popupheader .selected{color:#000;}

.details{ padding-top:20px;}
#modalMasterContainer p{ margin:0; padding:0; margin-bottom:12px;}
#modalMasterContainer ul {margin:0 !important;}

.controls{ padding-top:20px; text-align:center;}

/*############### END MODAL POUP CONTENT ###############*/

/*######################################################*/
/*                       HOME PAGE                      */
/*######################################################*/
#homePage{}

#homePage .topPanel{float:left; /*width:780px; height:242px; background:transparent url('../gfx/img/homePeople.jpg') no-repeat; margin-bottom:10px;*/}
#homePage .topPanel h1{background:none; color:#0054a6; font-size:20px; margin-bottom:10px; line-height:25px; height:25px;}
#homePage .topPanel p{padding-left:10px;}

#homePage .box{float:left; height:142px; width:246px; border:solid 1px #949699; padding:3px; position:relative; background:transparent url('../gfx/gradientHomeBox.jpg') repeat-x; margin:6px 9px 6px 0;}
#homePage .double{width:509px;}
#homePage .box .corner{position:absolute; width:47px; height:46px; top:-7px; right:-7px; background:transparent url('../gfx/snapCorner.gif') no-repeat;}
#homePage .box h2{background:none; height:29px; margin:0;}
#homePage .box .content{background-color:#fff; float:left; width:100%;}
#homePage .box .content img{float:left;}
#homePage .box .content ul{float:left; color:#0054a6; margin:4px 8px; padding:4px 8px;}
#homePage .box .content ul li{list-style-image:url('../gfx/ulArrowAlt.gif');}
#homePage .last {margin-right:-3px;}

/*special cases*/
#homePage a {cursor:hand; cursor:pointer;}
#homePage .inHouseService img{margin-right:30px;}
#homePage .inHouseService ul li a:hover{text-decoration:underline;}
#homePage div.bestsellers{height:104px;}
#homePage div.bestsellers ol{margin:0 0 3px 30px; font-size:11px;}
#homePage div.bestsellers ol li a{color:#383838;}
#homePage div.bestsellers ol li a:hover{color:#0054a6; text-decoration:underline;}
#homePage .delivery{text-align:center; font-weight:bold; font-size:14px; height:142px;}
#homePage .delivery h2{color:#0054a6; height:20px; line-height:20px; font-size:26px; margin:0 -4px 0 0; padding-bottom:0; margin-top:8px;  }
#homePage .design {height:103px;}
#homePage .design img{margin-right:8px; float:left;}
#homePage .design p{margin:8px; padding:0;}
#homePage .design a{color:#383838;}
#homePage .design a:hover{color:#0054a6; text-decoration:underline;}

#homePage a.budgetRange{float:left;}

#homePage .quickLinks{float:left; border:solid 1px #9fa1a3; background:#fff url('../gfx/quickLinks.jpg') no-repeat; padding-left:28px; margin-top:10px; display:none; visibility:hidden;}

#homePage .brands{ margin-top:5px;}
#homePage .brands h2{line-height:30px; margin-left:0px; padding-left:10px;}
#homePage .brands img{ margin-top:10px;}

span.number{background:transparent url('../gfx/numberGradient.gif') no-repeat; display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; font-size:16px; font-weight:bold; }

/*##################### END HOME PAGE ##################*/


/*

        MASTER TEMPLATES

*/

/* Added by J.Burley for the basket process - 10/02/2010 */
a.need-assistance-link {text-transform: uppercase;font-size: 14px;color: #F00;font-style: italic;font-weight: bold;   margin-right: 10px;}

p.basket-p-tag{margin-left: 0;font-weight: bold;font-style: italic;  padding-top: 0; }

.basket-table a{font-size: 10px;color: #0072bc;text-decoration: none;font-weight: bold;}

/*
input.basket-button{height: 26px;width: 100px;display: block;text-align: center;color: #FFF;background: transparent url('../gfx/bg/button.gif') repeat-x top left;border: 0;font-weight: bold;font-size: 14px;cursor: pointer;}
*/
/*
input.long-basket-button{width: 180px;   }
*/

.file-upload-progress p{margin: 0;padding: 0;   }

table.basket-sub-header h4{margin-left: 10px;}

table.basket-buttons a{color: #000;text-decoration: underline;}

table.basket-breakdown p{padding-top: 0;   padding-left: 0;margin: 0;margin-top: 10px;}

table.basket-breakdown p.second-line{margin-left: 35px;   margin-bottom: 10px;margin-top: 0;}

h1 span.heading-links{font-weight: normal;float: right;margin-right: 15px;font-size: 0.9em;}
h1 span.heading-links a{color: #000;text-decoration: underline;   }
h1 span.heading-links span{color: #000;text-decoration: underline;   }


span.footer-links{font-weight: normal;float: right;margin-right: 15px;font-size: 1.0em;margin-top:15px;}
span.footer-links a, span.footer-links span{color: #000;text-decoration: underline;   }

/*span.cross{font-weight: bold;color: #0054a6;font-size: 14px;}*/

.customising-help{width: 275px;margin:0 0 30px 0;text-align:center;}

.clothing-checkboxes{font-size: 11px;font-weight: bold;   }

.clothing-checkboxes tr td{vertical-align: middle;   }

.sel-show-modal{cursor: pointer;}

/*######################################################*/
/*                     PRODUCT VIEW                     */
/* Comments												*/
/* Moved here because required by WYSWIG Editor on		*/
/* backend												*/
/*######################################################*/

.group-header h1{background:none; color:#383838; font-size:14px; margin-top:10px; line-height:17px; height:17px;}

.productView ul{list-style-image:url('../gfx/ulDot.gif');}

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