/* +------------------------------------------------------------+ */

/* | General XHTML Elements                                     | */

/* +------------------------------------------------------------+ */



body {

     color: #000;

   background:#B71A87 url('images/cb-background.gif') repeat-y top center;

     font-family: Tahoma, Arial, Helvetica, sans-serif;

     font-size: 11px;

     font-weight: normal;

     text-align: left;

     margin: 10px

     }



a {

     color: #B71A87;

     background-color: inherit;

     font-weight: normal;

     text-decoration: none;

     cursor: pointer;

     }



p {

     color: inherit;

     background-color: inherit;

     margin: 5px 0px 7px 0px;


     }



sup {

     color: inherit;

     background-color: inherit;

     display: inline;

     padding: 0px;

     vertical-align: super;

     font-size: 8px;

     }



a:hover {

     color: #4B0055;

     background-color: inherit;

     text-decoration: underline;

     }



fieldset {

     color: inherit;

     background-color: inherit;

     border: none;

     padding: 5px 0px 5px 0px;

     }



fieldset p {

     color: inherit;

     background-color: inherit;

     display: block;

     font-size: 11px;

     margin: 5px 5px 5px 2px;

     }



form {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;


     }



img {

     color: inherit;

     background-color: inherit;

     border: none;


     }



li {

     color: inherit;

     background-color: inherit;

     padding-bottom: 5px;

     }



/* +------------------------------------------------------------+ */

/* | General XHTML Classes                                      | */

/* +------------------------------------------------------------+ */



.center {

/* borders around categories */

border: 1px solid #FFFFFF;

     color: inherit;

     margin: 0px 0px 20px 0px;

     background-color: inherit;

     text-align: center;

     }



.inlinecenter {

     color: inherit;

     background-color: inherit;

     text-align: center;

     }



p.inline {

     color: inherit;

     background-color: inherit;

     display: inline;

     padding: 0px

     }



.strong {

     color: #B71A87;

     background-color: inherit;

     font-weight: bold;

     }



.hidden {

     color: inherit;

     background-color: inherit;

     display: none;

     }



a.unfancy {

     color: #555;

     background-color: inherit;

     text-decoration: underline;

     font-weight: normal;

     }



a.unfancy:hover {

     color: #93246F;

     background-color: inherit;

     text-decoration: underline;

     }



/* +------------------------------------------------------------+ */

/* | Skin Specific Divs                                         | */

/* +------------------------------------------------------------+ */



#skin_wrapper {

     color: inherit;
/*steve mod background of page*/
     background-color: FFFFFF;

     width: 900px;

     padding: 0px;

     margin: auto;

     }



#skin_header {

     color: inherit;

     background-color: #FFFFFF;

/*     border: 1px solid #36586F; */

     padding: 0px;

     margin-bottom: 5px;

     }



#skin_ct {

     color: inherit;

     background-color: inherit;

     width: 100%;

     padding: 0px 0px 0px 0px;

     border-collapse: collapse;

     margin: 0px 0px 0px 0px;

     border: 0px;

     }



#skin_ct_lcol {

     color: inherit;

     background-color: inherit;

     padding: 0px 5px 0px 0px;

     margin: 0px 0px 0px 0px;

     vertical-align: top;

     width: 180px;

     text-align: left;

     overflow: hidden;


     }



#skin_ct_mcol {

     color: inherit;

     background-color: inherit;

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 0px 0px;

     border: none;

     vertical-align: top;

     width: 715px;


     }
     
     
     #skin_ct_mcol2 {

     color: inherit;

     background-color: inherit;

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 0px 0px;

     border: none;

     vertical-align: top;

     width: 700px;


     }



#skin_ct_rcol {

     color: inherit;

     background-color: #FDFDFD;

     padding: 7px 7px 7px 9px;

     margin: 0px;

     vertical-align: top;

     border-left: 1px solid #CDCDCD;

     width: 160px;

     }



#skin_footer {

     color: inherit;

     background-color: inherit;

     padding: 7px 0px 0px 0px;

     margin-top: 5px;

     text-align: center;

     border-top: 5px solid #B71A87;

     }



#skin_pgtitle {

     color: #FFFFFF;

     background-color: #B71A87;

     padding: 7px 5px 7px 5px;

     margin: 0px 0px 10px 0px;

     font-weight: bold;

     }



#skin_content {

     color: inherit;

     background-color: inherit;

     margin: auto;

     padding: 0px;

     }



#skin_ht {

     color: inherit;

     background-color: inherit;

     border: 0px;

     margin: 0px;

     padding: 0px;

     width: 100%;

     }



#skin_ht_lcol {

     color: inherit;

     background-color: inherit;

     width: 33%;

     text-align: left;

     vertical-align: top;

     padding: 0px 0px 0px 0px;

     }



#skin_ht_rcol {

     color: #222;

     background-color: #FFF;

     width: 30%;

     text-align: right;

     vertical-align: top;

     padding: 0px 0px 0px 0px;

     font-size: 10px;
     
     border-left: 1px solid #4B0055;

     }


#skin_ht_rcol2 {

     color: #222;

     background-color: #FFF;

     width: 60%;

     text-align: right;

     vertical-align: top;

     padding: 0px 0px 0px 0px;

     font-size: 10px;
     
     border-left: 1px solid #FFF;

     }


/* +------------------------------------------------------------+ */

/* | Skin Specific Classes                                      | */

/* +------------------------------------------------------------+ */

/* category headings */

.skin_fenavh {

     color: #B71A87;
     
     background-color:#FFFFFF;

     border: #B71A87 2px solid;

     padding: 7px 5px 7px 5px;

     margin: 0px 0px 0px 0px;

/*     border-top: 1px solid #D7D7D7;

     border-left: 1px solid #D7D7D7;

     border-right: 1px solid #D7D7D7; */

     font-weight: bold;

     }



.skin_fenav ul {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 5px 0px;

     list-style: none;

     }



.skin_fenav ul li {

     color: inherit;

     background-color: inherit;

     background-image: url('images/cb_catlist.gif'); background-repeat: 
     no-repeat; padding-left: 15px; background-position: left center;

     padding: 0px;

     margin: 0px;

     border-bottom: 1px dotted #CBCBCB;

     list-style: none;

     width: 100%;

     }
     
    
    
.skin_fenav ul li a {

     color: #4B0055;

     background-color: inherit;

     font-weight: normal;

     display: block;

     text-decoration: none;

     padding: 4px 5px 3px 20px;


     }



.skin_fenav ul li a:hover {

     color: #B71A87;

     background-color: inherit;

     text-decoration: underline;


     }
     
     

  .footnav {

     color: inherit;

     background-color: inherit;

     background-image: url('images/cb_footnav.gif'); background-repeat: 
     no-repeat; padding-left: 15px; background-position: left center;

     padding: 0px;

     margin: 0px;

     list-style: none;

     width: 100%;

     }


.footnav a {

     color: #4B0055;

     background-color: inherit;

     font-weight: normal;

     display: block;

     text-decoration: none;

     padding: 3px 2px 3px 10px;


     }



.footnav a:hover {

     color: #B71A87;

     background-color: inherit;

     text-decoration: underline;


     }
     


.skin_button {

     color: #FFFFFF;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 0px 0px;

     display: inline;

     font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;

     padding: 6px 20px 6px 20px;

     background-image: url('../media/nav_arrow.gif'); background-repeat: 
     no-repeat; background-position: 1.0em .9em;

     }



.skin_button a {

     color: #FFFFFF;

     background-color: inherit;

     font-weight: bold;


     }



.skin_button a:hover {

     color: #FFFFFF;

     background-color: inherit;

     text-decoration: underline;

     }



.skin_headacct {

     color: inherit;

     background-color: inherit;

     width: 100%;

     text-align: right;

     clear: both;

     }



.skin_fenavmini {

     color: inherit;

     background-color: #FFFFFF;

     padding: 5px 5px 0px 5px;

     margin: 0px 0px 5px 0px;


     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Divs                                         | */

/* +------------------------------------------------------------+ */



#khxc_debug {

     color: #333333;

     background-color: #FFFFFF;

     border: 1px solid #36586F;

     padding: 10px;

     overflow: hidden;

     margin-top: 10px;

     }



#khxc_printable {

     color: inherit;

     background-color: #FFFFFF;

     border: 1px solid #FFFFFF;

     width: 600px;

     padding: 10px;

     margin: auto;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Messages                            | */

/* +------------------------------------------------------------+ */



.khxc_error {

     color: #29829A;

     background-color: inherit;

     font-weight: bold;

     }



.khxc_confirm {

     color: #666666;

     background-color: inherit;

     font-weight: bold;

     }



.khxc_imgfloatrt {

     color: inherit;

     background-color: inherit;

/*     float: right; */

     margin: 0px 0px 5px 0px;

     display: inline;

     padding: 0px;

     height: 169px;

     }



.khxc_inline {

     color: inherit;

     background-color: #DBDBDB;

     display: inline;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Boxed Monospace Code                | */

/* +------------------------------------------------------------+ */



.khxc_preboxed {

     color: inherit;

     background-color: #F7F7F7;

     margin: 5px 0px 0px 0px;

     padding: 5px;

     border: 1px solid #36586F;

     font-family: Fixed, monospace;

     overflow: hidden;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Form Fields                         | */

/* +------------------------------------------------------------+ */



.khxc_formfieldradcb {

     color: #B71A87;

     background-color: inherit;

     }



.khxc_formfield {

     color: inherit;

     background-color: #FFFFFF;

     border: 1px solid #777777;

     font-size: 11px;

     margin: 5px 5px 0px 2px;

     }



.khxc_formfield:hover {

     color: inherit;

     background-color: #DEDEDE;

     }



.khxc_formfieldp {

     color: #B71A87;

     background-color: inherit;

     display: block;

     padding: 0px;

     margin: 0px;

     }



.khxc_formfieldpnfs {

     color: inherit;

     background-color: inherit;

     display: block;

     padding: 0px 5px 0px 5px;

     margin: 0px 0px 5px 0px;

     }



.khxc_formfielda {

     color: #B71A87;

     background-color: inherit;

     display: block;

     padding: 0px 5px 0px 5px;

     margin: 0px 0px 2px 0px;

     }



.khxc_formbutton {

     color: #FFFFFF;

     background-color: #4B0055;

     border: 0px;

     padding: 1px;

     margin: 0px 0px 5px 0px;

     font-size: 14px;

     font-weight: bold;

     width: 150px;

     }



.khxc_formbutton:hover {

     color: #FFFFFF;

     background-color: #B71A87;

     }

     
     
.khxc_quickbutton {

     color: #FFFFFF;
/* was 009C9C */
     background-color: #555;

     border: 0px;

     padding: 1px;

     margin: 0px 0px 5px 0px;

     font-size: 10px;

     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

     font-weight: bold;

     width: 115px;

     }

/* mousover buttons colour on cart update, continue & checkout */

.khxc_quickbutton:hover {

     color: #ffffff;

     background-color: #B71A87;

     }



.khxc_quickform {

     color: inherit;

     background-color: inherit;

     margin: 5px 0px 0px 0px;


     }



.khxc_quickfield {

     color: inherit;

     background-color: #FFFFFF;

     border: 1px solid #D7D7D7;

     font-size: 11px;

     margin: 1px 0px 0px 0px;

     }



.khxc_quickfield:hover {

     color: inherit;

     background-color: #FFFFFF;

     }



.khxc_formfieldradcb_rnc {

     color: inherit;

     background-color: #FFA4A4;

     }



.khxc_formfield_rnc {

     color: inherit;

     background-color: #FFA4A4;

     border: 1px solid #777777;

     font-size: 11px;

     margin: 5px 5px 0px 2px;

     }



.khxc_formfield_rnc:hover {

     color: inherit;

     background-color: #DEDEDE;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Form Displays                       | */

/* +------------------------------------------------------------+ */



.khxc_formsecthead {

     color: #FFFFFF;

     background-color: #B71A87;

     padding: 7px 5px 7px 5px;

     margin: 10px 0px 2px 0px;


     font-weight: bold;

     }



table.khxc_formtblone {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 0px;

     width: 100%;

/*     border: 1px solid #36586F;  */

     }



table.khxc_formtbltwo {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 0px;

     width: 100%;

/*     border: 1px solid #36586F; */

     }



td.khxc_formtbltwo {

     color: inherit;

     background-color: #F5EFFB;

     padding: 4px 2px 2px 2px;

     width: 50%;

/*     border-top: 1px solid #BCBCBC;

     border-left: 1px solid #BCBCBC; */

     vertical-align: top;

     }



td.khxc_formtbltwospan {

     color: inherit;

     background-color: #FFDDEE;

     padding: 4px 2px 2px 2px;

     width: 100%;

/*     border-top: 1px solid #BCBCBC;

     border-left: 1px solid #BCBCBC; */

     vertical-align: top;

     }



td.khxc_formtblone {

     color: inherit;

     background-color: #F5EFFB;

     padding: 4px 2px 2px 2px;

     width: 50%;

/*     border-top: 1px solid #BCBCBC;

     border-left: 1px solid #BCBCBC; */

     vertical-align: top;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Boxed Paragraphs                    | */

/* +------------------------------------------------------------+ */



p.khxc_ultableh {

     color: #007070;

     background-color: inherit;

     padding: 3px 5px 3px 5px;

     margin: 10px 0px 0px 0px;

     border-bottom: 1px solid #d7d7d7;

     font-weight: bold;

     }



p.khxc_ultablei {

     color: inherit;

     background-color: inherit;

     margin: 2px 0px 0px 0px;

     padding: 3px 5px 3px 5px;

/*     border: 1px solid #36586F; */

     }



p.khxc_ultablei a {

     color: #93246F;

     background-color: inherit;

     display: block;

     font-weight: normal;

     }



p.khxc_ultablel {

     color: inherit;

     background-color: #EBEBEB;

     margin: 0px 0px 5px 0px;

     padding: 3px 5px 3px 5px;

/*     border-right: 1px solid #36586F;

     border-left: 1px solid #36586F;

     border-bottom: 1px solid #36586F; */

     }



p.khxc_ultablel a {

     color: #FC8820;

     background-color: inherit;

     font-weight: normal;

     }



p.khxc_uktablesp {

     color: inherit;

     background-color: inherit;

     margin: 0px;

     font-size: 1px;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Table Data Displays                 | */

/* +------------------------------------------------------------+ */



table.khxc_sorttable {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 0px 0px;

     border-spacing: 3px;

     width: 100%;

/*     border: 1px solid #36586F; */

     }



a.khxc_sorttable {

     color: #B71A87;

     background-color: inherit;

     font-weight: bold;

     text-decoration: none;

     }



tr.khxc_sorttable {

     color: inherit;

     background-color: inherit;

     padding: 5px;

     border: 1px solid #36586F;

     }



th.khxc_sorttable {

     color: inherit;

     background-color: #E9E9E9;

     padding: 4px 3px 4px 3px;

     border-top: 1px solid #CDCDCD;

     border-left: 1px solid #CDCDCD;

     vertical-align: top;

     }



td.khxc_sorttable {

     color: inherit;

     background-color: inherit;

     padding: 4px 3px 4px 3px;

     border-top: 1px solid #CDCDCD;

     border-left: 1px solid #CDCDCD;

     vertical-align: top;

     }



td.khxc_sorttable p {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Online Store Displays               | */

/* +------------------------------------------------------------+ */



.khxc_storehead {

     color: #FFFFFF;

     background-color: #B71A87;

     padding: 7px 5px 7px 5px;

     margin: 0px 0px 5px 0px;

     font-weight: bold;

     clear: both;

     }



.khxc_storelink {

     color: inherit;

     background-color: inherit;

     padding: 0px 5px 0px 5px;

     margin: 5px 0px 10px 0px;

/*     border: 1px solid #36586F; */

     }



.khxc_storelink a {

     color: #93246F;

     background-color: inherit;

     font-weight: normal;

     }



.khxc_storelink p {
/* breadcrumb text colour */
     color: #333;

     background-color: inherit;

     margin: 4px 0px 4px 0px;

     }



/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Category List Display Tables        | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_cat {
     color: inherit;
     background-color: inherit;
     margin: 0px 0px 10px 0px;
     border-spacing: 3px;
     width: 100%;
     }

tr.khxc_cptbl_cat {
     color: inherit;
     background-color: inherit;
     }

td.khxc_cptbl_cat {
     color: inherit;
     background-color: inherit;
/*    Alter distance between category boxes to 20 from 2 */
     padding: 4px 4px 2px 4px;
/*     border: 1px solid #36586F; */
     vertical-align: top;
     }


td.khxc_cptbl_cat img{
/* IMAGE BORDER COLOUR ON CATEGORIES */
     border: 0px solid #FFFDFE;
     padding: 0px;
     }




td.khxc_cptbl_cat_blank {
     color: inherit;
     background-color: inherit;
     display: none;
     }
     


/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Product List Display Tables         | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_prod {
     color: inherit;
     background-color: #C0C0C0;
     margin: 0px;
     border-spacing: 1px;
     width: 100%;
     }

tr.khxc_cptbl_prod {
     color: inherit;
     background-color: inherit;
     }

td.khxc_cptbl_prod {
     color: inherit;
     background-color: #FFFFFF;
     padding: 9px 3px 5px 4px;
     vertical-align: top;
     }

/* --- ZIPSKINS we add an 'a' class to control the title size and colour -- */

td.khxc_cptbl_prod a {
     color: #666666;
     }

td.khxc_cptbl_prod_blank {
     color: inherit;
     background-color: #FFFFFF;

     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Product Detail Display Tables       | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_det {
     color: inherit;
     background-color: inherit;
     margin: 0px 0px 10px 0px;
     border-spacing: 3px;
     width: 100%;
     }

tr.khxc_cptbl_det {
     color: inherit;
     background-color: inherit;
     }

td.khxc_cptbl_det {
     color: inherit;
     background-color: inherit;
     padding: 4px 4px 2px 4px;
/*     border: 1px solid #36586F; */
     vertical-align: top;
     }

td.khxc_cptbl_det_blank {
     color: inherit;
     background-color: inherit;
     display: none;
     }


/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Price Displays                      | */

/* +------------------------------------------------------------+ */



.khxc_pricediv {

     color: inherit;

     background-color: inherit;

     margin: 2px 0px 2px 0px;

     border-top: 1px solid #D7D7D7;

     padding: 5px 0px 0px 0px;


     }



.khxc_price {
/* price text colour */
      
    color: black;

     background-color: inherit;

     display: inline;

     font-size: 12px;

     font-weight: bold;
    
     text-align: left;

     padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px


     }
     
     
     .vol_price {
/* price text colour */
      
    color: black;

     background-color: inherit;

     font-size: 12px;

     font-weight: bold;
    
     text-align: left;

     padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px


     }
     
     
.khxc_pricex {

     color: #FF0000;

     background-color: inherit;

     display: inline;

     text-decoration: line-through;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Shopping Cart Displays              | */

/* +------------------------------------------------------------+ */



.khxc_cartbutton {

     color: #B71A87;

 /*     background-color: #B71A87;*/

    border: 1px solid #B71A87;  

     padding: 1px;

     font-size: 10px;

     font-weight: bold;

     text-align: center;

     display: block;

     margin: 0px 0px 5px 0px;

     width: 125px;

     }



.khxc_cartbutton:hover {

     color: #FFFFFF;

     background-color: #B71A87;

     text-decoration: none;

     cursor: default;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Ghost Table                         | */

/* +------------------------------------------------------------+ */



table.khxc_ghost {

     color: inherit;

     background-color: inherit;

     margin: 0px;

     padding: 0px;

     border-spacing: 0px;

     width: 100%;

     }



td.khxc_ghost {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px;

     vertical-align: top;

     }



.khxc_ghost form {

     color: inherit;

     background-color: inherit;

     display: inline;

}



td.khxc_ghost img {

     color: inherit;

     background-color: inherit;

     margin-right: 10px;

     margin-bottom: 10px;

     }



td.khxc_ghost p {

     margin: 0px 0px 6px 0px;

}


td.khxc_ghost strong {

     font-size: 12px;

}

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Regular Table Displays              | */
/* +------------------------------------------------------------+ */

.khxc_regtablehead {

     color: #FFFFFF;

     background-color: #555;

     padding: 7px 5px 7px 5px;

     margin: 0px 0px 5px 0px;

     font-weight: bold;

     clear: both;

     }

table.khxc_regtable {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 3px;

     width: 100%;

     }



tr.khxc_regtable {

     color: inherit;

     background-color: inherit;

     padding: 5px;

     }



th.khxc_regtable {

     color: inherit;

     background-color: inherit;

     padding: 4px 3px 4px 3px;

     vertical-align: top;

     }



td.khxc_regtable {

     color: inherit;

     background-color: #FFFFFF;

     padding: 4px 3px 4px 3px;

     vertical-align: top;

     }



.khxc_regtable p {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 5px 0px;

     }



/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Order Summary Displays              | */
/* | This provides backwards compatibility with versions prior  | */
/* | to v6.0.4                                                  | */
/* +------------------------------------------------------------+ */



table.khxc_ordsumm {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 5px 0px;

     border-spacing: 3px;

     width: 100%;

/*     border-left: 1px solid #36586F;

     border-right: 1px solid #36586F;

     border-bottom: 1px solid #36586F; */

     }



.khxc_ordsumm a {

     color: #111;

     background-color: inherit;

     font-weight: bold;

     text-decoration: none;

     }



tr.khxc_ordsumm {

     color: inherit;

     background-color: inherit;

     padding: 5px;

/*     border: 1px solid #36586F; */

     }



th.khxc_ordsumm {

     color: inherit;

     background-color: inherit;

     padding: 4px 3px 4px 3px;

/*     border-top: 1px solid #CDCDCD;

     border-left: 1px solid #CDCDCD; */

     vertical-align: top;

     }



td.khxc_ordsumm {

     color: inherit;

     background-color: #F7F7F7;

     padding: 4px 3px 4px 3px;

/*     border-top: 1px solid #CDCDCD;

     border-left: 1px solid #CDCDCD; */

     vertical-align: top;

     }



.khxc_ordsumm p {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 5px 0px;

     }



.khxc_ordsumm a {

     color: #333;

     background-color: inherit;

     }



.khxc_ordsumm a:hover {

     color: inherit;

     background-color: inherit;

     text-decoration: underline;

     }



.khxc_ordsummhead {

     color: #007070;

     background-color: inherit;

     padding: 2px 5px 2px 5px;

     margin: 0px;

     border-bottom: 1px solid #D7D7D7;

     font-weight: bold;

     clear: both;

     }



.khxc_ordsummcenter {

     color: inherit;

     background-color: inherit;

     text-align: center;

     padding: 0px;

     margin: 0px 0px 10px 0px;

     border: 1px solid #36586F;

     }



.khxc_ordsummbig {

     color: inherit;

     background-color: inherit;

     font-weight: bold;

     font-size: 16px;

     }



.khxc_ordsummlink {

     color: inherit;

     background-color: #F7F7F7;

     padding: 0px 5px 0px 5px;

     margin: 10px 0px 10px 0px;

     border: 1px solid #36586F;

     }



.khxc_ordsummlink a {

     color: #888;

     background-color: inherit;

     font-weight: normal;

     }



/* +------------------------------------------------------------+ */

/* | KHXC Required Classes: Misc                                | */

/* +------------------------------------------------------------+ */



h1.khxc_secthead {

     color: inherit;

     background-color: inherit;

     font-weight: bold;

     font-size: 11px;

     text-decoration: underline;

     }



.khxc_clearboth {

     color: inherit;

     background-color: inherit;

     clear: both;

     }



.khxc_outstock {

     color: #FF0000;

     background-color: inherit;

     }



a.khxc_hrefbutton {

     color: #4B0055;

     background-color: #FFFFFF;

/*     border: 1px solid #36586F; */

     padding: 2px 5px 2px 5px;

     font-size: 11px;

     font-weight: bold;

     text-align: center;

     display: block;

     }



a.khxc_hrefbutton:hover {

     color: #B71A87;

     background-color: #FFFFFF;

     text-decoration: none;

     cursor: default;

     }



.khxc_outline {

     color: inherit;

     background-color: #F7F7F7;

     border: 1px solid #36586F;

     padding: 5px;

     margin-top: 5px;

     }



.khxc_outlinetrans {

     color: inherit;

     background-color: inherit;

     border: 1px solid #36586F;

     }



.khxc_outline p {

     color: inherit;

     background-color: inherit;

     margin: 0px 0px 3px 0px;

}


/* +------------------------------------------------------------+ */

/* | Custom ZipSkin Classes and ID .skin and .khxc              | */

/* +------------------------------------------------------------+ */


.skin_fenav {

     color: inherit;

     background-color: inherit;

/*     padding: 7px 5px 7px 5px; */

     margin: 0px 0px 0px 0px;

/*     border-left: 1px solid #D7D7D7;

     border-right: 1px solid #D7D7D7; */

     font-weight: bold;

     }

/* the bar of links at the top, e.g. home, store, checkout, etc. */

#skin_prim_nav {

     color: inherit;

     background-color: #B71A87;

     padding: 7px 5px 7px 5px;

     margin: 5px 0px 0px 0px;

     font-weight: bold;

/* text-align: center; */

     text-align: center;

     }


#skin_button_last {

     background: none;

     }



.skin_footbutton {

     color: #999999;

     background-color: inherit;
     
     border-right: 1px solid #C0C0C0;

     display: inline;

     font-weight: normal;

     padding: 4px 27px 4px 27px;

     }



.skin_footbutton a {

     color: #999999;

     background-color: inherit;

     font-weight: normal;

     }



.skin_footbutton a:hover {

     color: #999999;

     background-color: inherit;

     text-decoration: underline;

     }

#skin_footbutton_last {

     border: 0px none;

     }


.khxc_welcomemessage {

     border: 1px solid #D7D7D7;
     
     width: 310px;

     padding: 4px;

     height: 150px;

     margin: 0px;


}


.welcome_title {

     color: #29829A;

     font-size: 12px;

     font-weight: bold;

}


.skin_searchfield {

     color: inherit;

     background-color: #FFFFFF;

     border: 1px solid #D7D7D7;

     font-size: 11px;

     margin: 1px 4px 7px 0px;

     }



.skin_searchfield:hover {

     color: inherit;

     background-color: #FFFFFF;

     }


.skin_searchbutton {

     color: #FFFFFF;

     background-color: #29829A;

     border: 0px;

     padding: 1px;

     margin: 0px;

     font-size: 10px;

     font-weight: bold;

     width: 60px;

     }



.skin_searchbutton:hover {

     color: #ffffff;

     background-color: #29829A;

     }


.skin_searchtext {

     padding: 6px 50px 0px 0px;

     color: #B71A87;

     font-size: 10px;

}


#skin_copy {

     color: #C0C0C0;
     
     background-color: inherit;

     padding: 15px 0px 0px 0px;

}


/* Zipskins Browse menu css, not always used but always present in CSS */


#skin_browse {
 
     color: #007070;

     background-color: inherit;
     
     padding: 0;

     margin: 0px 0px 5px 0px;

     font-size: 12px;

     font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;




}

     

#skin_browse ul {

     color: inherit;

     background-color: inherit;

     padding: 0px;

     margin: 0px 0px 0px 0px;

     list-style: none;

     }



#skin_browse ul li {

     color: inherit;

     background-color: inherit;

     background-image: url('images/browse_arrow.gif'); background-repeat: 
               no-repeat; background-position: left center;

     padding: 0px;

     margin: 0px;

     border-bottom: 1px dotted #CBCBCB;

     list-style: none;

     width: 100%;

     }



#skin_browse ul li a {

     color: #D149A5;

     background-color: inherit;

     font-weight: bold;

     display: block;

     text-decoration: none;

     padding: 10px 0px 9px 25px;


     }



#skin_browse ul li a:hover {

     color: #D149A5;

     background-color: inherit;

     text-decoration: underline;


}


/* MiniCart Header */

.skin_fenavhmcart {

     color: #FFFFFF;

     background-color: #FC8820;

     padding: 7px 5px 7px 5px;

     margin: 0px 0px 0px 0px;

/*     border-top: 1px solid #D7D7D7;

     border-left: 1px solid #D7D7D7;

     border-right: 1px solid #D7D7D7; */

     font-weight: bold;

     }


/* Splash table. This holds the splash content and menus if applicable */


#skin_splash {

     color: inherit;

     background-color: inherit;

     width: 100%;

     padding: 0px 0px 0px 0px;

     border-collapse: collapse;

     margin: 0px 0px 2px 0px;


     }



#skin_splash_prod {

     color: inherit;

     background-color: inherit;

     padding: 0px 5px 0px 0px;

     margin: 0px 0px 0px 0px;

     vertical-align: top;

     text-align: left;

     border-spacing: 0;


     }



#skin_splash_rc {

     color: inherit;

     background-color: inherit;

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 0px 0px;

     border: none;

     vertical-align: top;

     width: 180px;

     border-spacing: 0;


     }

#skin_splashimg {

     margin-top: 5px;

}


.skin_fenavhbrowse {

     color: #FFFFFF;

     background-color: #B71A87;

     padding: 7px 5px 7px 5px;

     margin: 0px 0px 0px 0px;

/*     border-top: 1px solid #D7D7D7;

     border-left: 1px solid #D7D7D7;

     border-right: 1px solid #D7D7D7; */

     font-weight: bold;

     }


#skin_ht_mcol {

     color: inherit;

     background-color: #FFFFFF;

     width: 37%;

     text-align: center;

     vertical-align: middle;

     padding: 0px 35px 10px 0px;

     }


a.altlink {

     color: #B71A87;

     background-color: inherit;

     text-decoration: none;

     font-weight: bold;

     font-size: 10px;



     }



a.altlink:hover {

     color: inherit;

     background-color: inherit;

     text-decoration: underline;

     }
          
          
.searchfield {

     border-style:solid; 
     border-color:#4B0055; 
     border-width:1px; 
     background-color:#ffffff; 
     color:#B71A87; 
     font-size:11px; 
     font-family:Arial; 
     font-weight: normal; 
     width:143px; 
     height:14px; 
     padding-bottom:2px;
     
     }

          
.searchbutton {
     
     border-style:solid; 
     border-color:#ffffff; 
     border-width:1px; 
     background-color:#4B0055; 
     color:#ffffff; 
     font-size:11px; 
     font-family:Arial, Helvetica, sans-serif; 
     font-weight: normal; 
     width:55px; 
     height:19px; 
     padding-bottom:2px;
     
     }
     
     
/* +------------------------------------------------------------+ */

/* | Left Nav Divs for Specific Promo Boxes                     | */

/* +------------------------------------------------------------+ */

     
     div.leftnavbox 
{
background-color:#FFFFFF;
padding:0px 0px 0 0px;
margin:0px 0 6px 0;
color:#4B0055;
font-size:10px;     
    }
    
div.leftnavbox p
{
padding:0 5px 0 5px;
margin:0 0 8px 0;   
    }
            
div.content 
{
margin:0;
padding:5px 0 0 0;
font-size:11px;
color:#000000;
line-height:1.2em;
border-left: 1px solid #4B0055;
border-right: 1px solid #4B0055;    
border-bottom: 1px solid #4B0055;   
    }
    
    div.content2 
{
margin:0;
padding:5px 0 0 0;
font-size:11px;
color:#000000;
line-height:1.2em;
border-left: 1px solid #CC0000;
border-right: 1px solid #CC0000;    
border-bottom: 1px solid #CC0000;   
    }

    
.small_prod_img{
	width: 150px;
	height: 120px;
	padding: 1px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	float: left;
	position: relative;
}

.sale_overlay{
	position: absolute;
	width: 54px;
	height: 54px;
	top: 1px;
	left: 16px;
}

#sale_img .sale_overlay{
  top: 0px;
  left: 0px;
}

    
H1 {
font-size:20px; color:#4B0055;
}


.category_banner {
  width:200px;
  height:200px;
  float:center;
  margin:0px 0px 0px 0px;
}


/* Why Shop Box */

.whyshop{
position: relative;
z-index: 20000;
}

.whyshop span{
position: absolute;
padding: 11px;
visibility: hidden;
}

.whyshop span img{
border-width: 0;
padding: 11px;
}

.whyshop:hover span{
visibility: visible;
left: -156px;
}

/* End Why Shop Box */



/* Discount Pricing Box */

table#discount_pricing {
    border: solid 1px #D6D6D6;
    border-collapse: collapse;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    font-size: 11px;
}

table#discount_pricing td, table#discount_pricing th {
    border: solid 1px #D6D6D6;
    padding: 3px;
}

table#discount_pricing th {
    background-color: #F5EFFB;
    text-align: left;
    font-weight: normal;
    padding-right: 5px;
    width: auto;
}

/* End Discount Pricing Box */


.CBlogo {
	display: block;
	width: 250px;
	height: 73px;
	background: url('http://www.chloebeck.co.uk/images/CBlogo.png') right;
	text-indent: -99999px;
}
.CBlogo:hover {
	background-position: 0 0;
}

   


/* Grid Cover */

ul.imggrid {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 720px;
  }

.imggrid li {
    float: left;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 5px 5px 0px;
    } 
  

  
.imggrid a {
    background: url('images/grid_cover.jpg') no-repeat;
    height: 235px;
    width: 235px;
    display: block;
    }

.imggrid a#col1 {background-position: 0 0;}
.imggrid a#col2 {background-position: -235px 0;}
.imggrid a#col3 {background-position: -470px 0;}
.imggrid a#col4 {background-position: -0px -235px;}
.imggrid a#col5 {background-position: -235px -235px;}
.imggrid a#col6 {background-position: -470px -235px;}
.imggrid a#col7 {background-position: -0px -470px;}
.imggrid a#col8 {background-position: -235px -470px;}
.imggrid a#col9 {background-position: -470px -470px;}


.imggrid li:hover {
          filter: alpha(opacity=70); 
          -moz-opacity:0.7;
          -khtml-opacity: 0.7;   
          opacity: 0.7;
}



/* Grid Cover For Home Page */

ul.imggrid2 {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 720px;
  }

.imggrid2 li {
    float: left;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 5px 5px 0px;
    } 
  

  
.imggrid2 a {
    background: url('images/home_grid_cover.jpg') no-repeat;
    height: 235px;
    width: 235px;
    display: block;
    }

.imggrid2 a#col1 {background-position: 0 0;}
.imggrid2 a#col2 {background-position: -235px 0;}
.imggrid2 a#col3 {background-position: -470px 0;}

.imggrid2 li:hover {
          filter: alpha(opacity=70); 
          -moz-opacity:0.7;
          -khtml-opacity: 0.7;   
          opacity: 0.7;
}



/* +------------------------------------------------------------+ */

/* | End                                                        | */

/* +------------------------------------------------------------+ */
