body {
    padding:		    0;
    font-family:		'tahoma', 'verdana', 'calibri', 'arial', 'sans';
    font-size:	    	11pt;
    text-align:		    justify;
    color:			    #000000;
    width:              1180px;
    margin:             auto;
    overflow-y:         scroll;
}
.no_ffon .room_for_cookie   {margin-bottom: 57px;}
.is_ffon .room_for_cookie   {margin-bottom: 150px;}

@media screen {
    body                    {background-color: #e0e0f0;/*d0d0e8;*/}
    .is_ffon body {
        width:              448px;
        font-size:	    	14pt;
        margin:			    0;
        overflow-x:         hidden;
    }
    .no_ffon body           {background: #e0e0f0 url('../../css/k2022_background.jpg') repeat-x top fixed;}
}

@media print {
    body                {background-color: #ffffff;}
}

a:link {
    color:			    #606080;
    text-decoration:	none;
}
a:visited	            {color: #383880;}
a:hover                 {color: #1010df;}
a:active	            {color: #0000ff;}

img {
    margin:             0;
    border:             0;
    padding:            0;
}




/*****************/
/* MASTHEAD AREA */
/*****************/


/* MASTHEAD POSITIONING */

.struct_masthd {
    position:           sticky;
    top:                0;
    padding:		    0;
    overflow:		    hidden;
    z-index:            50;
}
@media screen {
    .no_ffon .struct_masthd {
        display:            flex;
        background-image:   url('../../css/k2022_head_desk.jpg');
        height:			    77px;
        margin-bottom:      15px;   /* This seems to be necessary to stop the menu scrolling out of place on short pages */
    }
    .is_ffon .struct_masthd {
        position:           relative;
        background:         #d0d0e8 url('../../css/k2022_head_mobi.jpg');
        width:              448px;
        height:             122px;
    }
}
@media print {
    .struct_masthd          {background-color: #ffffff;}
}


/* COMPANY LOGO */

.no_ffon .herologo      {margin-right: 116px;}
.is_ffon .herologo      {width: 448px;}

.no_ffon .herologo2     {margin-right: 76px;}
.is_ffon .herologo2     {width: 448px;}


/* MOBILE NAV MENU VISIBILITY CONTROL */

.no_ffon #mobile_nav_toggler    {display: none;}
.is_ffon #mobile_nav_toggler    {padding: 10px;}


/* SEARCH BAR */

.no_ffon #search_outer {
    padding-top:        18px;
    height:             40px;
    max-width:          460px;
    flex-wrap:          wrap;
}
.is_ffon #search_outer {
    padding-top:        5px;
    max-width:          448px;
    flex-wrap:          wrap;
}

#search_in {
    text-align:         left;
    color:              #0000a0;
    margin-bottom:      6px;
}
.no_ffon #search_in {
    width:              350px;
    margin-top:         5px;
    margin-right:       5px;
    height:             20px;
    padding:            4px;
    font-size:          13pt;
}
.is_ffon #search_in {
    width:              270px;
    max-width:          270px;
    margin-left:        1px;
    margin-bottom:      4px;
    height:             45px;
    font-size:          20pt;
}

#search_go, .basket_go {
    position:           relative;
    border:             0;
    height:             42px;
    width:              42px;
    background-color:   #0000ff;
    padding:            5px;
}
.no_ffon #search_go, .no_ffon .basket_go
                        {border-radius: 5px;}
.no_ffon #search_go:hover, .no_ffon .basket_go:hover
                        {background-color: #4040ff;}
.is_ffon #search_go     {margin: 5px 2px 5px 5px;}
.is_ffon .basket_go     {margin: 5px 0;}

#basket_e, #basket_f    {position: relative;}
#basket_u, #basket_z {
    position:           absolute;
    top:                -27px;
    right:              -0;
    border-radius:      5px;
    border:             1px solid #0000ff;
    padding:            3px;
    font-size:          9pt;
    font-weight:        bold;
}
#basket_u {
    background-color:   #fffbc0;/*rgba(255, 237, 0, 1);*/
    color:              #a02000;
}
#basket_z {
    background-color:   #e0e0f0;
    color:              #0000ff;
}
/*.no_ffon #basket_z {
    top:                -5px;
    right:              -5px;
}
.is_ffon #basket_z {
    top:                -2px;
    right:              -4px;
}*/




/*****************************/
/* NAVIGATION BAR COMPONENTS */
/*****************************/


/* NAV BAR POSITIONING */

@media print {
    #search_outer           {display: none;}
    #the_nav                {display: none;}
}

.struct_navbar {
    z-index:            49;
    width:              210px;
    display:            flex;
    flex-direction:     column;
}
.no_ffon .struct_navbar {
    float:              left;
    position:           sticky;
    top:                92px;
    padding:            0 0 260px 15px;
    grid-gap:           10px;
}

.is_ffon .mobile_nav_hider
                        {display: none;}

.nav_out                {background-color: #a0a0c0;}
.no_ffon .nav_out {
    display:            flex;
    flex-direction:     column;
    grid-gap:           1px;
    width:              208px;
    padding:            1px;
    font-size:		    12pt;
}

.struct_navbar a:hover  {text-decoration: none;}

.nav_tab {
    position:           relative;
    background-color:	#ffffff;
    color:			    #000080;
}
.no_ffon .nav_tab {
    position:		    relative;
    top:			    0;
    padding:            0;
}
.is_ffon .nav_tab {
    width:              348px;
    padding:            1px 8px;
    border-bottom:      1px solid #a0a0c0;
}

/*.no_ffon */.nav_tab:hover {
    background-color: #f0f6ff;
    background-image: linear-gradient(to right, #e0f0ff, #fff8d8);/*f0f6ff, #fffbc0*/
}

.lv1tab {
    position:           relative;
    padding:            8px 10px;
    display:            block;
    font-weight:		bold;
}

.no_ffon a.lv1tab:hover     /* 'Overqualified' a.lv1tab avoids putting the link border on non-link elements! */ {
    border-left:        1px solid #1010df;
    padding-left:       9px;
}

.lv2tab                 {position: relative;}
.no_ffon .lv2tab:hover  {background-image: linear-gradient(to right, #e0f0ff, #fff8d8);}


/* POP-OUT SUBMENUS */

.ctrl_svg {
    fill:                   #a0a0c0;/*00ff00;*/
    fill-opacity:           1;
    stroke:                 none;
}

.nav_arr {
    display:	    	none;
    position:           absolute;
    top:                2px;
    left:               199px;
}
.nav_arr path           {d: 'm 0,1 L 1,0 v 2 z';}

.sub_arr {
    top:                -1px;
    left:               291px;
}

.nav_pop {
    display:	    	none;
    border:             1px solid #a0a0c0;
    padding:	    	0;
    min-width:	    	370px;
    background-color:	#ffffff;
    box-shadow:		    0 8px 16px 0 rgba(0, 0, 0, 0.2);
    text-align:         left;
}
.no_ffon .nav_pop {
    flex-direction:     row;
    position:	    	absolute;
    margin-left:        215px;
}
.is_ffon .nav_pop {
    margin-left:        10px;
    margin-bottom:      15px;
}

.no_ffon .np1:hover .nc2
                        {display: flex;}
.np2:hover .nc3         {display: flex;}

.no_ffon .sub_pop {
    position:           absolute;
    top:                -1px;
    left:               92px;
}

#n_pop10, #n_pop21      {top: -1px;}
#n_pop23, #n_pop22, #n_pop24      {top: -37px;}
#n_pop12                {top: -73px;}
#n_pop11                {top: -109px;}
#n_pop12                {top: -145px;}
#n_pop13, #n_pop19      {top: -181px;}
#n_pop14, #n_popz5      {top: -217px;}
#n_pop15                {top: -253px;}
#n_pop16, #n_pop17      {top: -289px;}
#n_popz7                {top: -325px;}
#n_pop18                {top: -361px;}

.nav_ico {
    background-color:   #e8e8f0;/*fff8d8;/*f0f6ff;*/
    padding:            10px;
}

@keyframes search_ico_fade {
    from                {background-color: #e8e8f0;}
    to                  {background-color: #fff36c;}
}

.open_tile_actv:hover .nav_ico {
    animation-name:     search_ico_fade;
    animation-duration: 0.4s;
    animation-fill-mode:    forwards;
}

.nav_pop a, .nav_pop a:visited {
    display:		    block;
    padding:		    4px 10px;
    text-align:		    left;
    font-size:		    12pt;
    font-weight:		normal;
}

.nav_pop a:hover, .nav_pop a:active {
    border-left:        1px solid #1010df;
    padding-left:       9px;
    background-color:   #f0f6ff;/*3330f0;*/
    background-image: linear-gradient(to right, #e0f0ff, #fff8d8);/*fff0e0);/*f0f6ff, #fffbc0*/
}

.nav_sub                {min-width: 300px;}
.nav_sub p              {margin: 5px 10px;}

.no_ffon .nav_show, .is_ffon .ffon_deets.nav_show
                        {display: flex;}




/*******************************************/
/* POST-NAVIGATION-BAR GENERAL PAGE LAYOUT */
/*******************************************/


/* MAIN BODY DIV */

.struct_contnt {
    margin:             15px 0;
    display:            flex;
    flex-direction:     column;
    grid-gap:           15px;
    padding:            0;
}
.no_ffon .struct_contnt {width: 920px;}
.is_ffon .struct_contnt {width: 448px;}
@media screen {
    .no_ffon .struct_contnt {margin-left: 245px;}
}


/* PAGE TITLE BAR 2022 */

.pagetitle_main {
    padding:		    10px;
    display:            flex;
    flex-direction:     row;
    grid-gap:           10px;
}
/*.no_ffon .pagetitle_main    {width: 920px;}*/
.is_ffon .pagetitle_main
                        {width: 428px;}

.pagetitle_icon {
    padding:            0;
    min-width:          50px;
    min-height:         50px;
    max-height:         50px;
    overflow-y:         hidden;
}
.pagetitle_text {
    text-align:         left;
    font-size:		    24pt;
    color:			    #0000a0;
}
.no_ffon .pagetitle_text
                        {padding-top: 6px;}


/* CNC LAUNCH BANNER */

.cnclaunch              {background-color: #f4faff;}
.no_ffon .cnclaunch img     {max-width: 898px;}
.is_ffon .cnclaunch img     {max-width: 428px;}


/* MULTI-COLUMN STRUCTURE */

.kscolholder            {display: flex;}
.no_ffon .kscolholder {
    width:              920px;
    flex-direction:     row;
    grid-gap:           20px;
}
.is_ffon .kscolholder {
    width:              448px;
    flex-direction:     column;
    grid-gap:           15px;
}

.kscolumn {
    vertical-align:     top;
    border:             0;
    display:            flex;
    flex-direction:     column;
    grid-gap:           15px;
}

.no_ffon .kscolw300 {
    min-width:          300px;
    max-width:          300px;
}
.no_ffon .kscolw450 {
    min-width:          450px;
    max-width:          450px;
}
.no_ffon .kscolw600 {
    min-width:          600px;
    max-width:          600px;
}

.is_ffon .kscolw300, .is_ffon .kscolw450, .is_ffon .kscolw600
                        {width: 448px;}


/* GENERIC FLEX CONTROLS */

.flex_h {
    display:            flex;
    flex-direction:     row;
}
.flex_v {
    display:            flex;
    flex-direction:     column;
}


/* KSECTION MODULES */

.ksection {
    border:             1px solid #a0a0c0;
    padding:	    	0;
}

.ksecttitle {
    vertical-align:		top;
    background-color:	#f0f0ff;
    padding:    		5px 10px;
    font-weight:		bold;
    color:		    	#0000a0;
}
.no_ffon .ksecttitle    {font-size: 13pt;}
.is_ffon .ksecttitle    {font-size: 16pt;}

.ksectmain_pad {
    background-color:	#ffffff;
    padding:	    	5px 10px;
    text-align:         left;
    font-size:	    	10.5pt;
}

.ksectmain_unp {
    background-color:	#ffffff;
    margin:		    	0;
    padding:    		0;
}

/*.ksectbanner {
    background-color:	#ffed00;
    vertical-align:     center;
    padding:	    	8px 5px;
    font-size:	    	20px;
    font-weight:		bold;
    font-style:	    	italic;
}*/


/* FOOTER WITH COPYRIGHT LINK, AND COOKIE ALERT BAR */

.kfoot {
    margin:             0;
    height:			    40px;
    color:			    #000080;
}
.no_ffon .kfoot         {border-top: 1px solid #a0a0c0;}/*b0b0d8;}*/
.is_ffon .kfoot         {padding-right: 10px;}

.legal {
    text-align:		    right;
    font-size:		    9pt;
}
.is_ffon .legal         {font-size: 11pt;}

.legal a                {color: #000080;}

.cookie_alert {
    position:           fixed;
    bottom:             0;
    min-height:         25px;
    border:             1px solid #a0a0c0;
    border-bottom:      0;
    background-color:   #ffed00;
    padding:            10px;
    text-align:         left;
    font-weight:        bold;
    font-style:         italic;
}
.no_ffon .cookie_alert {
    display:            flex;
    margin-left:        345px;
    width:              698px;
}
.is_ffon .cookie_alert {
    margin-left:        20px;
    width:              386px;
}

.no_ffon .cookie_stmt   {min-width: 598px;}
.is_ffon .cookie_stmt   {font-size: 12pt;}

.cookie_acpt button {
    background-color:   #e8f4fc;
    border-radius:      6px;
    border:             2px solid #90c0e0;
    padding:            3px 6px;
    font-weight:        bold;
    color:              #004080;
}
.no_ffon .cookie_acpt button
                        {font-size: 14pt;}
.is_ffon .cookie_acpt button {
    margin-top:         7px;
    font-size:          18pt;
}




/***************************************/
/* DEPARTMENT CATEGORY THUMBNAIL GRIDS */
/***************************************/


/* OUTER CONTAINERS */

.ks_dc_array {
    border-top:         1px solid #a0a0c0;
    text-align:         left;
}
.no_ffon .ks_dc_array {
    max-width:          919px;
    border-left:        1px solid #a0a0c0;
    display:            grid;
    font-size:	    	14pt;
}
.is_ffon .ks_dc_array {
    width:              448px;
    font-size:          18pt;
}

.no_ffon .dcat_3col     {grid-template-columns: 306px 306px 307px;}
.no_ffon .dcat_4col     {grid-template-columns: 25% 25% 25% 25%;}
.no_ffon .dcat_5col     {grid-template-columns: 20% 20% 20% 20% 20%;}


/* INDIVIDUAL TABS */

.dctab_outer {
    margin:             0;
    padding:	    	0;
    background-color:	#ffffff;
    border-bottom:      1px solid #a0a0c0;
}
.no_ffon .dctab_outer   {border-right: 1px solid #a0a0c0;}
.is_ffon .dctab_outer   {min-height: 70px;}

.dctab_outer:hover {
    background-color:   #fffbc0;
    background-image:   linear-gradient(to right, #e0f0ff, #fff8d8);
}
.dctab_outer a:hover	{text-decoration: none;}

.dctab_inner            {border: 0;}
.no_ffon .dctab_inner {
    height:             58px;
    padding:	    	6px 10px;
}
.is_ffon .dctab_inner {
    min-height:         50px;
    padding:	    	10px;
}

.dctab_outer:hover .dctab_inner {
    border-left:        1px solid #1010df;
    padding-left:       9px;
}

.dctab_img              {float: left;}
.no_ffon .dctab_img {
    margin-top:         4px;
    margin-right:       10px;
    margin-bottom:      4px;
}
.is_ffon .dctab_img     {margin-right: 15px;}




/*******************************************/
/* FEATURED PRODUCT SLIDESHOWS (old model) */
/*******************************************/


/* OUTER CONTAINERS */

/*.ftgallery-panel
{
    background-color:   #ffffff;
    background-repeat:  no-repeat;
}
.no_ffon .ftgallery-panel
{
    width:              918px;
    overflow-y:         visible;
}
.is_ffon .ftgallery-panel
{
    width:              448px;
    background-size:    100%;
}

.no_ffon .ftgpanel-h250     {min-height: 250px;}
.is_ffon .ftgpanel-h250     {min-height: 120px;}

.no_ffon .ftgpanel-h450     {height: 450px;}
.is_ffon .ftgpanel-h450     {min-height: 220px;}*/


/* INDIVIDUAL PANEL COMPONENTS */

/*.ftgallery-details
{
    vertical-align:		top;
    padding:    		5px;
    text-align:         left;
}
.no_ffon .ftgallery-details {width: 450px;}
.is_ffon .ftgallery-details {max-width: 220px;}

.is_ffon .ftgallery-bull    {display: none;}

.ksectftgnav
{
    display:            grid;
    grid-gap:           20px;
    border-top:         1px solid #a0a0c0;
    min-height:		    36px;
    background-color:	#e8e8f0;/*e8e8ff;*/
 /*   padding:	    	0 5px 0 10px;
    font-size:          0;
}
.no_ffon .ksectftgnav
{
    grid-template-columns: auto 36px;
    max-height:         36px;
    overflow-y:         hidden;
}
.is_ffon .ksectftgnav
{
    max-width: 448px;
    grid-template-columns: auto 36px;
}

.ftg_ctrl               {height: 36px;}

.ftgallery-skiplist     {padding: 0;}
.is_ffon .ftgallery-skiplist
{
    max-width:          397px;
    flex-wrap:          wrap;
}

@media print { .ksectftgnav { display: none; } }


/* NAVIGATION CONTROLS & INDICATORS */
/*
.ftgallery-control          {font-weight: bold;}
.ftgallery-control:hover    {text-decoration: none;}
.ftgallery-skipto           {cursor: pointer;}*/




/**************************************/
/* FEATURE GALLERY PANELS (new model) */
/**************************************/


/* OUTER CONTAINERS */

.fgp_outer {
    display:            flex;
    background-color:   #ffffff;
    background-position:    left center;
}
.no_ffon .fgp_outer {
    flex-direction:     row;
    padding:            20px;
    grid-template-columns:  429px 429px;
    grid-gap:           20px;
}
.is_ffon .fgp_outer {
    width:              390px;
    flex-direction:     column;
    padding:            30px;
    grid-gap:           10px;
    height:             615px;
}
a.fgp_outer, a.fgp_outer:hover, a.fgp_outer:visited
                        {color: #000000;}


/* INDIVIDUAL PANEL COMPONENTS */

.fgp_sgl_tab {
    border-radius:      10px;
    border:             1px solid #d0d0e0;
    background-color:   rgba(255, 255, 255, 0.9);
    padding:            10px;
    text-align:         left;
}

.fgp_img_fgr {
    background-color:   #ffffff;
    height:             250px;
    text-align:         center;
    overflow-y:         hidden;
}
.no_ffon .fgp_img_fgr   {width: 407px;}

.fgp_img_fgr img {
    border-radius:      7px;
    max-height:         250px;
}
.no_ffon .fgp_img_fgr img   {max-width: 407px;}
.is_ffon .fgp_img_fgr img   {max-width: 368px;}

.fgp_infobox {
    display:            flex;
    flex-direction:     column;
    padding:            0;
    grid-gap:           10px;
}
.no_ffon .fgp_infobox   {width: 429px;}

.fgp_caption            {font-weight: bold;}
.no_ffon .fgp_caption   {font-size: 16pt;}
.is_ffon .fgp_caption   {font-size: 20pt;}

.fgp_bullets            {padding: 0 10px 0 0;}

.fgp_pricing {
    background-color:   #f4faff;
    padding:            10px;
    text-align:         right;
}
.no_ffon .fgp_pricing   {font-size: 12pt;}
.is_ffon .fgp_pricing   {font-size: 16pt;}


/* NAVIGATION CONTROLS & INDICATORS */

.fgp_nav_bar {
    position:           absolute;
    border-radius:      14px;
    border:             2px solid #ffffff;
    display:            flex;
    flex-direction:     row;
    flex-wrap:          wrap;
    grid-gap:           8px;
    min-height:         16px;
    max-width:          424px;
    padding:	    	4px;
    z-index:            8;
}
.no_ffon .fgp_nav_bar {
    right:              10px;
    bottom:             10px;
}
.is_ffon .fgp_nav_bar {
    right:              15px;
    bottom:             15px;
}

.fgp_nav_dot {
    border-radius:      8px;
    border:             1px solid #ffffff;
    width:              14px;
    height:             14px;
    background-color:   rgba(255, 255, 255, 0.45);
    cursor:             pointer;
}
.fgp_dot_actv           {background-color: rgba(255, 255, 255, 0.9);}




/*.no_ffon .fgp_nav_bar {
    grid-template-columns: auto 36px;
    max-height:         36px;
    overflow-y:         hidden;
}
.is_ffon .fgp_nav_bar {
    max-width: 448px;
    grid-template-columns: auto 36px;
}*/

/*.fgp_ctrl               {height: 36px;}

.ftgallery-skiplist     {padding: 0;}
.is_ffon .ftgallery-skiplist {
    max-width:          397px;
    flex-wrap:          wrap;
}

@media print {
    .ksectftgnav            {display: none;}
}

.ftgallery-control      {font-weight: bold;}
.ftgallery-control:hover
                        {text-decoration: none;}*/




/*********************************************/
/* EPOS ITEM LISTS AND OTHER OPEN TILE GRIDS */
/*********************************************/


/* HERO LOGO FOR BRAND PAGES */

.epos_brand_logo {
    margin-top:         10px;
    margin-bottom:      25px;
    text-align:         center;
}
.epos_brand_logo img {
    max-width:          320px;
    max-height:         240px;
}


/* SHARED CODE FOR OPEN TILE GRID MODULES */

.open_tile_array {
    display:            flex;
    flex-direction:     row;
    flex-wrap:          wrap;
    grid-column-gap:    20px;
    grid-row-gap:       15px;
}

a.open_tile_actv        {color: #000000;}
.open_tile_actv:hover {
    box-shadow:         0 0 10px 0 rgba(16, 16, 223, 0.6);/*#1010df*/
    text-decoration:    none;
}

.no_ffon .open_tile_null {
    border:             1px solid #a0a0c0;
    min-width:          220px;
    background-color:   rgba(255, 255, 255, 0.3);
}
.is_ffon .open_tile_null
                        {display: none;}

.no_ffon .onull_sctile  {min-width: 213px;}
.no_ffon .onull_sthumb  {min-width: 448px;}

.open_tile_img          {border: 1px solid #a0a0c0;}
                /* this code ensures the border is rendered around the image only, and doesn't also encompass the unwanted extra space caused by the surrounding <a> element */


/* SUPER THUMBNAILS */

.indiv_sthumb   /* for some idiotic reason, the <a> insists on adding a few pixels of unwanted padding under the image.  this code should prevent the extra space from being displayed... */ {
    height:             250px;
    overflow-y:         hidden;
}


/* EPOS SUBCATEGORY TILES */

/*.indiv_sctile   /* for some idiotic reason, the <a> insists on adding a few pixels of unwanted padding under the image.  this code should prevent the extra space from being displayed... */ /*{
    max-width:          215px;
    max-height:         215px;
    overflow-y:         hidden;
}*/

.subcatbar {
    padding:            0 10px 10px;
    display:            grid;
    grid-gap:           10px;
    text-align:         left;
    font-size:          18pt;
}
.no_ffon .subcatbar {
    grid-template-columns:  auto 80px 80px 80px 80px 80px 80px;
    font-size:          18pt;
}
.no_ffon .kscolumn .subcatbar {
    grid-template-columns:  63px 63px 63px 63px 63px 63px;
    grid-row-gap:       20px;
    font-size:          18pt;
}
.is_ffon .subcatbar {
    grid-template-columns:  63px 63px 63px 63px 63px 63px;
    font-size:          20pt;
}

.no_ffon .subcatbar:hover
                        {background-image: linear-gradient(to right, #e0f0ff, #ffffff, #ffffff, #ffffff);}
.is_ffon .subcatbar:hover, .no_ffon .kscolumn .subcatbar:hover
                        {background-image: linear-gradient(#e0f0ff, #ffffff, #ffffff, #ffffff);}

.subcat_capt            {font-weight: bold;}

@keyframes subcat_capt_sides {
    from {
        padding-left:   0;
        padding-right:  10px;
    }
    to {
        padding-left:   10px;
        padding-right:  0;
    }
}

.no_ffon .subcat_capt {
    padding-left:   0;
    padding-right:  10px;
}
.is_ffon .subcat_capt, .no_ffon .kscolumn .subcat_capt
                        {grid-column: span 6;}
.open_tile_actv:hover .subcat_capt {
    animation-name:     subcat_capt_sides;
    animation-duration: 0.4s;
    animation-fill-mode:    forwards;
}

.sct_img                {text-align: center;}
.no_ffon .sct_img {
    padding-top:        10px;
    width:              80px;
    height:             80px;
}
.is_ffon .sct_img, .no_ffon .kscolumn .sct_img {
    padding-top:        0;
    width:              63px;
    height:             63px;
}

.no_ffon .sct_img img {
    max-width:          80px;
    max-height:         80px;
}
.is_ffon .sct_img img, .no_ffon .kscolumn .sct_img img {
    max-width:          63px;
    max-height:         63px;
}


/* EPOS ITEM GRID: OUTER STRUCTURE */

.epos_grid_what     /* Caption bars to indicate EPOS category name if not same as page name */ {
    font-size:          16pt;
    color:              #000070;
    padding-bottom:     5px;
    border-bottom:      1px solid #a0a0c0;
}
.is_ffon .epos_grid_what {
    padding-left:       10px;
    padding-right:      10px;
}

.epos_grid_cont1, .epos_mega_cont1 {
    display:            flex;
    flex-direction:     row;
    border-color:       #a0a0c0;
    background-color:   #ffffff;
    padding:            0;
}
.epos_grid_cont1, is_ffon .epos_mega_cont1
                        {width: 448px;}
.no_ffon .epos_grid_cont1, .no_ffon .epos_mega_cont1 {
    border-width:       1px;
    border-style:       solid;
}
.is_ffon .epos_grid_cont1, .is_ffon .epos_mega_cont1 {
    border-top-width:   1px;
    border-top-style:   solid;
    border-bottom-width:    1px;
    border-bottom-style:    solid;
}
.epos_grid_cont1:hover, .epos_mega_cont1:hover
                        {background-image: linear-gradient(to right, #ffffff, #ffffff, #fff8d8);}


/* EPOS 'FLAVOUR' ICONS & RELATED COSMETICS */

.flav_2slice            {border-color: #e0a060;}
.flav_2slice .epos_grid_desc    {color: #805030;}

.flav_4slice            {border-color: #e0c030;}
.flav_4slice .epos_grid_desc    {color: #807010;}

.flav_roll4             {border-color: #909090;}
.flav_roll4 .epos_grid_desc     {color: #505050;}

.flav_roll7             {border-color: #e0c030;}
.flav_roll7 .epos_grid_desc     {color: #807010;}

.flav_roll9m            {border-color: #7930e0;}
.flav_roll9m .epos_grid_desc    {color: #3f1080;}

.flav_roll912           {border-color: #60a0ff;}
.flav_roll912 .epos_grid_desc   {color: #305080;}

.flav_roll934           {border-color: #e0a060;}
.flav_roll934 .epos_grid_desc   {color: #805030;}

.flav_batt              {border-color: #a0c060;}
.flav_batt .epos_grid_desc      {color: #506030;}

.flav_bell              {border-color: #60c060;}
.flav_bell .epos_grid_desc      {color: #306030;}

.flav_crom              {border-color: #40a0c0;}
.flav_crom .epos_grid_desc      {color: #205060;}

.flav_elec              {border-color: #60a0ff;}
.flav_elec .epos_grid_desc      {color: #305080;}

.flav_hgen              {border-color: #ffa060;}
.flav_hgen .epos_grid_desc      {color: #805030;}

.flav_multi             {border-color: #fff260;}
.flav_multi .epos_grid_desc     {color: #807930;}

.flav_led               {border-color: #a0c060;}
.flav_led .epos_grid_desc       {color: #506030;}

.flav_petr              {border-color: #ffa060;}
.flav_petr .epos_grid_desc      {color: #805030;}

.flav_hidden            {border-color: #ff0000;}

.epos_flavour_icon {
    position:           absolute;
    top:                4px;
    left:               4px;
    border-radius:      80px;
    background-color:   #ffffff;
    padding:            2px;
}


/* EPOS ITEM SOLO PAGE: OUTER STRUCTURE */

.epos_solo_main, .epos_shed_main {
    grid-gap:           20px;
    text-align:         left;
}
.no_ffon .epos_solo_main {
    margin-top:         10px;
    display:            grid;
    flex-direction:     row;
    grid-template-columns: 330px auto 250px;
    grid-template-areas:    'esm_img esm_txt esm_buy'
                            'esm_vid esm_vid esm_buy';
}
.no_ffon .epos_solo_vid {
    grid-area:          esm_vid;
    margin-top:         -15px;
    padding:            0 10px 7px;
}
.no_ffon .epos_solo_player {
    width:              627px;
    height:             353px;
}
.is_ffon .epos_solo_player {
    width:              448px;
    height:             252px;
    margin-bottom:      5px;
}
.no_ffon .epos_shed_main {
    margin-top:         10px;
    display:            grid;
    flex-direction:     row;
    grid-template-columns: 330px auto;
}
.is_ffon .epos_solo_main, .is_ffon .epos_shed_main
                        {flex-direction: column;}

.no_ffon .epos_solo_info {
    padding:            0 10px 5px 0;
    font-size:          12pt;
}
.is_ffon .epos_solo_info {
    padding:            0 10px 5px;
    font-size:          14pt;
}

.epos_solo_ident {
    margin-top:         25px;
    font-size:          10pt;
}


/* EPOS ITEMS: RELATED OPTIONS */

.item_options_outer {
    position:           relative;
    border-radius:      5px;
    border:             1px solid #d0d0e0;
    height:             33px;
}
.no_ffon .item_options_outer {
    width:              250px;
    height:             33px;
    font-size:          13pt;
}
.is_ffon .item_options_outer {
    width:              300px;
    height:             39px;
    font-size:          16pt;
}

.item_options_this1 {
    position:           absolute;
    padding:            4px 10px;
}

.item_options_indic {
    float:              right;
    z-index:            4;
    border-radius:      0 4px 4px 0;
    background-color:   #f0f4ff;/*e0e8ff;/*fffbc0;*/
    color:              #505068;
}
.no_ffon .item_options_indic {
    padding:            6px 8px;
    font-size:          12pt;
}
.is_ffon .item_options_indic {
    padding:            6px 8px 7px;
    font-size:          14pt;
}

.item_options_other {
    position:           absolute;
    left:               -1px;
    display:            none;
    flex-direction:     column;
    border-radius:      5px;
    border:             1px solid #d0d0e0;
    max-height:         400px;
    overflow-y:         scroll;
    background-color:   #ffffff;/*f4faff;*/
    z-index:            20;
}
.no_ffon .item_options_other {
    top:                33px;
    width:              250px;
}
.is_ffon .item_options_other {
    top:                39px;
    width:              300px;
}
.item_options_outer:hover .item_options_other
                        {display: flex;}

.item_options_other a {
    padding:            5px 10px;
    border-bottom:      1px solid #d0d0e0;
    text-decoration:    none;
}
.item_options_other a:hover {
    border-left:        1px solid #1010df;
    background-image:   linear-gradient(to right, #e0f0ff, #fff8d8);
    padding-left:       9px;
}


/* EPOS ITEMS: HERO IMAGE */

.epos_grid_img, .is_ffon .epos_mega_img {
    position:           relative;
    min-width:          200px;
    max-width:          200px;
    min-height:         200px;
    padding:            10px;
    display:            flex;
    align-items:        center;
    justify-content:    center;
}
.is_ffon .epos_grid_img, .is_ffon .epos_mini_img, .is_ffon .epos_mega_img, .is_ffon .epos_solo_img {margin-right: 4px;}

.epos_grid_img img, .is_ffon .epos_mega_img img {
    max-width:          200px;
    max-height:         200px;
    object-fit:         scale-down;
}

.epos_mini_img {
    position:           relative;
    min-width:          120px;
    max-width:          120px;
    min-height:         120px;
    padding:            10px 50px;
    display:            flex;
    align-items:        center;
    justify-content:    center;
}

.epos_mini_img img {
    max-width:          120px;
    max-height:         120px;
    object-fit:         scale-down;
}

.epos_serv_img {
    position:           relative;
    min-width:          160px;
    max-width:          160px;
    min-height:         160px;
    padding:            20px 30px;
    display:            flex;
    align-items:        center;
    justify-content:    center;
}

.epos_serv_img img {
    max-width:          160px;
    max-height:         160px;
    object-fit:         scale-down;
}

.nomorestock {
    opacity:            40%;
    font-weight:        bold;
}

.no_ffon .epos_mega_img {
    position:           relative;
    min-width:          350px;
    padding:            15px 70px 15px 49px;
    text-align:         center;
}

.epos_solo_img {
    display:            flex;
    flex-direction:     column;
    position:           relative;
    background-color:   #ffffff;
    padding:            0 15px 15px;
    text-align:         center;
}

.epos_mega_img img, .epos_solo_img img
                        {object-fit: scale-down;}
.no_ffon .epos_solo_img img {
    max-width:          300px;
    max-height:         300px;
}
.no_ffon .epos_mega_img img, .is_ffon .epos_solo_img img {
    max-width:          350px;
    max-height:         350px;
}

.epos_solo_flav {
    position:           absolute;
    top:                0;
    left:               15px;
    border-radius:      80px;
    background-color:   #ffffff;
    padding:            2px;
}


/* EPOS ITEM GRID: SECONDARY STRUCTURE */

.epos_grid_cont2, .epos_mega_cont2
                        {padding-right: 10px;}
.epos_grid_cont2, .is_ffon .epos_mega_cont2 {
    margin:             0;
    min-width:          218px;
    max-width:          218px;
    padding:            0;
    
}
.no_ffon .epos_mega_cont2
                        {width: 439px;}

.epos_grid_desc, .epos_mega_desc {
    min-height:         36px;
    padding:            6px 0;
    text-align:         left;
    font-weight:        bold;
}
.no_ffon .epos_grid_desc
                        {font-size: 11pt;}
.is_ffon .epos_grid_desc, .epos_mega_desc
                        {font-size: 15pt;}

.matched_term {
    border-radius:      3px;
    border-bottom:      1px dotted #0000a0;
    padding:            0 1px;
    background-color:   #fff36c;
    color:              #0000a0;
}

.epos_grid_bull {
    text-align:         left;
    font-size:          10pt;
}
.no_ffon .epos_grid_bull
                        {padding: 0 10px 0 0;}

.epos_solo_brand {
    margin-right:       10px;
    margin-bottom:      15px;
    text-align:         center;
}
.no_ffon .epos_solo_brand img   {max-width: 150px;}
.is_ffon .epos_solo_brand img   {max-width: 250px;}


/* EPOS ITEMS: ADD-TO-BASKET CONTROLS */

.epos_grid_shop, .epos_mega_shop, .epos_solo_shop {
    margin-bottom:      10px;
    border-radius:      5px;
    border:             1px solid #d0d0e0;/*a0a0c0;*/
    background-color:   #f4faff;/*f0f8ff;/*f4f4f8;*/
    text-align:         right;
}
.epos_solo_shop         {margin-right: 10px;}
.no_ffon .epos_grid_shop
                        {font-size: 11.5pt;}
.is_ffon .epos_grid_shop, .is_ffon .epos_mega_shop
                        {font-size: 12pt;}
.no_ffon .epos_mega_shop, .no_ffon .epos_solo_shop
                        {font-size: 12pt;}
.is_ffon .epos_solo_shop {
    margin-left:        10px;
    font-size:          15pt;
}

.epos_price             {padding: 5px;}
.no_ffon .epos_grid_shop .epos_price    {font-size: 14pt;}
.is_ffon .epos_grid_shop .epos_price, .is_ffon .epos_mega_shop .epos_price
                        {font-size: 16pt;}
.no_ffon .epos_solo_shop .epos_price, .no_ffon .epos_mega_shop .epos_price
                        {font-size: 20pt;}
.is_ffon .epos_solo_shop .epos_price    {font-size: 26pt;}

.epos_multiprice {
    font-size:          11pt;
    color:              #700c0c;
}
.epos_oldprice          {text-decoration: line-through;}

.eq_oc_dp {
    font-size:          11pt;
    color:              #000000;
}
.epos_offer {
    border-top:         1px solid #e8e8f0;
    background-color:   #fff340;
    background:         #ffffa0 url('../../css/quidsreduced.png') no-repeat top left;
    padding:            5px 5px 5px 60px;
    font-weight:        bold;
    font-style:         italic;
}
.offer_is_last          {border-radius: 0 0 4px 4px;}
.epos_stock {
    background-color:   #e8e8f0;
    padding:            5px;
}
.epos_limit {
    background-color:   #ffdfa0;
    padding:            5px;
    color:              #602000;
    font-weight:        bold;
}
.epos_restr {
    display:            flex;
    flex-direction:     row;
    grid-gap:           10px;
    min-height:         20px;
    background-color:   #d0d0e0;/*3838a0;e01818;*/
}
#basket_agelimit .epos_restr
                        {grid-gap: 15px;}
.epos_grid_shop .epos_restr {padding: 6px;}
.epos_solo_shop .epos_restr {padding: 10px 6px 10px 10px;}
.restricted_1 {
    border-radius:      99px;
    border:             2px solid #000000;
    background-color:   #ffffff;
    padding:            2px;
    text-align:         center;
}
#basket_agelimit .restricted_1
                        {border-width: 3px;}
.restricted_2, .restricted_9 {
    border-radius:      99px;
    font-weight:        bold;
    color:              #ffffff;
}
.restricted_2           {background-color: #ff0000;}
.restricted_9           {background-color: #1f1f1f;}

.epos_grid_shop .restricted_2, .epos_grid_shop .restricted_9 {
    min-width:          26px;
    max-width:          26px;
    min-height:         25px;
    max-height:         25px;
    padding:            6px 5px 5px;
    font-size:          14pt;
    text-shadow:        1px 1px #000000;
}
.epos_solo_shop .restricted_2, .epos_solo_shop .restricted_9 {
    margin:             1px;
    min-width:          40px;
    max-width:          40px;
    min-height:         38px;
    max-height:         38px;
    padding:            8px 5px 5px;
    font-size:          20pt;
    text-shadow:        1.5px 1.5px #000000;
}
#basket_agelimit .restricted_2 {
    margin:             2px;
    min-width:          60px;
    max-width:          60px;
    min-height:         54px;
    max-height:         54px;
    padding:            11px 7px 9px;
    font-size:          30pt;
    text-shadow:        2.3px 2.3px #000000;
}
.restricted_3 {
    padding-top:        3px;
    text-align:         right;
    font-weight:        bold;
    color:              #cc0000;
}
#basket_agelimit .restricted_3
                        {font-size: 14pt;}
.epos_baskt             {text-align: center;}
.epos_grid_shop .epos_baskt, .is_ffon .epos_mega_shop .epos_baskt
                        {padding: 6px;}
.epos_solo_shop .epos_baskt, .no_ffon .epos_mega_shop .epos_baskt
                        {padding: 10px;}

.epos_quant {
    border-radius:      5px;
    border:             2px solid #dfcd00;/*3838a0;*/
    display:            grid;
    grid-gap:           2px;
    background-color:   #dfcd00;
}
.no_ffon .epos_quant {
    grid-template-columns:  40px 25px auto;
    grid-template-areas:    'bq_curr bq_more bq_add'
                            'bq_curr bq_less bq_add';
}
.is_ffon .epos_quant {
    grid-template-areas:    'bq_less bq_curr bq_more'
                            'bq_add bq_add bq_add';
}
.is_ffon .epos_grid_shop .epos_quant, .is_ffon .epos_mega_shop .epos_quant
                        {grid-template-columns:  50px 96px 50px;}
.is_ffon .epos_solo_shop .epos_quant
                        {grid-template-columns:  50px 298px 50px;}

.epos_qt_curr {
    grid-area:          bq_curr;
    margin:             0;
    border:             0;
    background-color:   #ffffff;
    text-align:         center;
    font-size:          13pt;
    color:              #404040;
}
.no_ffon .epos_qt_curr  {border-radius: 4px 0 0 4px;}
.is_ffon .epos_qt_curr  {font-size: 18pt;}

.epos_qt_less           {grid-area: bq_less;}
.is_ffon .epos_qt_less  {border-radius: 4px 0 0 0;}

.epos_qt_more           {grid-area: bq_more;}
.is_ffon .epos_qt_more  {border-radius: 0 4px 0 0;}

.epos_qt_less, .epos_qt_more {
    background-color:   #ececf0;/*e0e0f0;*/
    font-weight:        bold;
    color:              #3838a0;
}
.no_ffon .epos_qt_less, .no_ffon .epos_qt_more
                        {font-size: 9pt;}
.is_ffon .epos_qt_less, .is_ffon .epos_qt_more
                        {font-size: 18pt;}

.epos_qt_actn {
    grid-area:          bq_add;
    border:             0;
    background-color:   #ffed00;
    padding:            3px 6px;
    font-weight:        bold;
}
.no_ffon .epos_qt_actn  {border-radius: 0 4px 4px 0;}
.is_ffon .epos_qt_actn  {border-radius: 0 0 4px 4px;}

.epos_in_basket {
    border-color:       #90c0e0;
    background-color:   #90c0e0;
}
/*.epos_in_basket .epos_qt_curr, */.epos_in_basket .epos_qt_actn {
    background-color:   #e8f4fc;/*e8f8d0;/*e8ffe8;*/
    color:              #004080;/*408000;/*00a000;*/
}
.epos_qt_diffqty {
    background-color:   #ffe8e8;
    color:              #a00000;
}

.get_it {
    border-radius:      5px;
    border:             2px solid #dfcd00;
    background-color:   #ffed00;
    padding:            3px 6px;
    font-weight:        bold;
}
/*.epos_grid_shop .get_it {font-size: 12pt;}*/
.no_ffon .epos_grid_shop .epos_qt_actn
                        {font-size: 11pt;}
.no_ffon .epos_solo_shop .get_it, .no_ffon .epos_mega_shop .epos_qt_actn, .no_ffon .epos_solo_shop .epos_qt_actn
                        {font-size: 13pt;}
.is_ffon .epos_qt_actn  {font-size: 18pt;}

.epos_qt_zer {
    margin-top:         5px;
    padding:            2px;
    text-align:         center;
    color:              #7c7cc0;
}
.epos_qt_zer:hover {
    border-radius:      5px;
    border:             1px solid #d0d0e0;
    padding:            1px;
    background-color:   #ffffff;
    color:              #3838a0;
}


/* BASKET INTERACTION TOAST NOTIFICATION */

#bask_toast_outer {
    visibility:         hidden;
    z-index:            75;
    position:           fixed;
    top:                102px;
    left:               25px;
    width:              400px;
    height:             120px;
    border-radius:      5px;
    border:             2px solid #dfcd00;
    display:            flex;
    flex-direction:     row;
    font-size:          13pt;
}
#bask_toast_outer.show_toast {
    visibility:         visible;
    animation:          more_toast 0.3s;/*, less_toast 0.3s 3.7s;*/
}

@keyframes more_toast {
    from                {left: -404px; opacity: 0;}
    to                  {left: 25px; opacity: 1;}
}

@keyframes less_toast {
    from                {left: 25px; opacity: 1;}
    to                  {left: -404px; opacity: 0;}
}

.bask_toast_ico {
    border-radius:      4px 0 0 4px;
    border-right:       2px solid #dfcd00;
    background-color:   #ffed00;
    padding:            10px;
}
.bask_toast_cont {
    border-radius:      0 4px 4px 0;
    width:              308px;
    background-color:   #f4faff;
    padding:            10px;
    text-align:         left;
}
#bask_toast_title {
    font-weight:        bold;
    margin-bottom:      5px;
}




/*****************************/
/* BASKET AND CHECKOUT PAGES */
/*****************************/


/* BASKET PAGE COMPONENTS */

.discount_bar {
    background:         #ffffa0 url('../../css/quidsreduced.png') no-repeat top left;
    padding:            10px 10px 10px 70px;
    text-align:         right;
    font-size:          16pt;
}

.basket_totals {
    text-align:         right;
    font-size:		    22pt;
    color:			    #0000a0;
}
.no_ffon .pagetitle_main .basket_totals {width: 838px;}
.is_ffon .pagetitle_main .basket_totals {width: 368px;}

.checkoutform .basket_totals {
    margin-top:         15px;
    grid-column:        span 3;
}

.go_to_checkout     /* loosely based on epos_qt_actn*/ {
    border:             3px solid #dfcd00;
    border-radius:      8px;
    background-color:   #ffed00;
    padding:            7px 10px;
    font-size:          18pt;
    font-weight:        bold;
    color:              #000000;
}

.pagetitle_main .go_to_checkout, .is_ffon .go_to_checkout
                        {margin-top: 10px;}


/* EMPTY/ERROR NOTIFICATIONS */

.checkout_abstract {
    width:              408px;
    text-align:         center;
}
.no_ffon .checkout_abstract
                        {padding: 50px 10px 0;}
.is_ffon .checkout_abstract
                        {padding: 20px 10px;}
.checkout_explainer {
    padding:            10px 0;
    font-size:          16pt;
    font-weight:        normal;
    font-style:         italic;
    color:              #0000a0;
}


/* CHECKOUT PAGE COMPONENTS */

.checkout_progress_bar {
    padding:            15px 0;
    display:            flex;
    flex-direction:     row;
    gap:                0;
}

.checkout_progress_tab {
    width:              230px;
    border-top-style:   solid;
    padding-top:        5px;
    text-align:         center;
    font-weight:        bold;
}
.no_ffon .checkout_progress_tab {border-top-width: 5px;}
.is_ffon .checkout_progress_tab {
    border-top-width:   8px;
    font-size:          14pt;
}

.cpt_else {
    border-color:       #ffed00;
    color:              #808080;
}
.cpt_here {
    border-color:       #dfcd00;
    color:              #000000;
}

.checkoutreq {
    margin-top:         25px;
    font-style:         italic;
}
.no_ffon .checkoutreq   {margin-left: 175px;}
.is_ffon .checkoutreq   {margin-left: 25px;}

.checkoutform {
    gap:                10px;
    font-size:          14pt;
}
.no_ffon .checkoutform {
    display:            grid;
    margin-top:         25px;
    margin-left:        175px;
    right:              0;
    grid-template-columns:  138px 400px auto;
}
.is_ffon .checkoutform {
    margin-left:        25px;
    max-width:          428px;
}

.checkoutform label {
    font-weight:        bold;
    color:              #000080;
}
.is_ffon .checkoutform label {
    display:            block;
    margin-top:         5px;
    width:              428px;
}

.chk_input              {color: #0000c0;}
.no_ffon .chk_input     {font-size: 18pt;}
.is_ffon .chk_input {
    width:              370px;
    margin-bottom:      5px;
    font-size:          24pt;
}

.chk_nextb {
    grid-column:        span 3;
    text-align:         right;
}

.coll_ref1 {
    text-align:         center;
    padding:            15px;
}
.coll_ref2 {
    border-radius:      10px;
    background-color:   #e8e8f0;
    padding:            15px 20px;
    font-size:          24pt;
    font-weight:        bold;
    color:              #000050;
}
.coll_ref3 {
    margin-top:         5px;
    border-radius:      10px;
    background-color:   #e8e8f0;
    padding:            5px 10px;
    text-align:         center;
    font-size:          16pt;
    font-weight:        bold;
    color:              #000050;
}


/* PAYMENTSENSE STUFF */

#contact_tk2, #gateway_tk2 {
    margin:             0;
    border-radius:      10px;
    border:             1px solid #a0a0c0;
    background-color:   #ffefb0;
    width:              520px;
    padding:            9px 13px;
    font-weight:        bold;
    color:              #800000;
}

/*#gateway_box            {padding: 0;background-color:#00ff00;}*/

#gateway_box iframe, #gateway_res {
    margin:             0;
    border-radius:      10px;
    border:             1px solid #a0a0c0;
    background-color:   #f4faff;
    width:              520px;
    padding:            10px 13px;
}

#gateway_err            {color: #bb0000;}

/*#gateway_pay {
    margin-left:        50px;
    border-radius:      8px;
    border:             2px solid #808000;
    background-color:   #ffed00;
    padding:            5px;
    font-size:          16pt;
    font-weight:        bold;
}*/

.card_icon {
    max-width:          70px;
    border-radius:      5px;
}

iframe.threeDs {
    position:           fixed;
    margin:             100px 0 0 -175px;
    top:                0;
    left:               50%;
    width:              400px;
    height:             400px;
    box-shadow:         0 0 15px rgba(0, 0, 0, 0.6);
    background-color:   #ffffff;
}




/*************************************************/
/* ALERTS, TICK LISTS, STOCK LISTS AND PDF FILES */
/*************************************************/


/* ALERT PANELS & STORE GUIDE OPENERS */

.alertbox {
    border:             1px solid #a0a0c0;
    min-height:         50px;
    background-color:   #ffed00;
    padding:            10px;
    font-weight:        bold;
    font-style:         italic;
}

.alerticon {
    float:              left;
    margin-right:       10px;
}

.locatorbox {
    background-color:   #ffe080;
    font-size:          14pt;
    font-style:         normal;
}

.loca_list              {margin-top: 13px;}

.loca_tag {
    border:             2px solid #000080;
    background-color:   #ffed00;
    border-radius:      10px;
    padding:            4px 8px;
    
}


/* TICK LISTS */

.ticklist {
    background-color:	#ffffff;
    padding:	    	6px 10px;
    font-size:	    	16pt;
    border-bottom:		1px solid #d0d0e8;
}

.ticklist a             {display: block;}
/*.ticklist a:hover       {text-decoration: none;}*/

.skipborder, .ticklist.skipborder    {border-bottom: 0;}

.ticklink:hover {
    border-left:        1px solid #1010df;
    padding-left:       9px;
    background-image:   linear-gradient(to right, #e0f0ff, #fff8d8);
}
.ticklink a:hover       {text-decoration: none;}

.gotthat                {list-style-image:	url('../../css/listtick.png');}
.no_ffon .gotthat       {font-size: 10pt;}
.is_ffon .gotthat       {font-size: 12pt;}

.gotthat li a           {display: inline;}

.specialbullet {
    list-style-image:	url('../../css/listalert.png');
    font-weight:        bold;
    font-style:         italic;
}


/* SOLO PICTURE PANELS */

.solopic                {border: 1px solid #a0a0c0;}


/* PDF EMBED/LINKTO MODULES */

.pdf_linkto {
    margin-left:        0;
    width:              388px;
    padding:            30px;
    text-align:         center;
}
.no_ffon .pdf_linkto    {display: none;}
.is_ffon .pdf_embed     {display: none;}


/* IFRAMES FOR OUTSOURCE PAGES */

.outpages {
    border:             none;
    overflow-y:         auto;
}
.no_ffon .outpages {
    width:              918px;
    min-height:         700px;
}
.is_ffon .outpages {
    width:              448px;
    min-height:         600px;
}


/* SHED PRICING CHARTS */

.shedchart {
    margin:             10px;
    width:              578px;
    border-collapse:	collapse;
    background-color:   #ffffff;
}
.is_ffon .shedchart     {width: 428px;}

.shedchart td.griddata {
    background-color:	#f8f8ff;
    border:		    	1px solid #a0a0c0;
    padding:	    	3px;
    font-size:	    	11pt;
}

.shedchart td.gridgap {
    border:		    	0;
    background-color:	#ffffff;
}

.shed_grid              {margin-left: -2px;}
.no_ffon .shed_grid     {width: 560px;}
.is_ffon .shed_grid     {width: 428px;}
.shgr_data {
    border-radius:      5px;
    border:             1px solid #d0d0e0;
    background-color:	#f4faff;
    padding:            3px 6px;
}
.is_ffon .shgr_data     {font-size: 16pt;}
.is_ffon .shgr_data .price  {font-size: 20pt;}


/* SERVICES CHROMA IMAGE */

.servchroma {
    border-radius:      5px;
    border:             1px solid #d0d0e0;
}
.no_ffon .servchroma {
    margin:             10px 0 5px;
    max-width:          554px;
}
.is_ffon .servchroma {
    margin:             20px 0;
    max-width:          426px;
}


/* SEARCH RESULTS TABLE */

.ffresult {
    margin-top:         5px;
    margin-bottom:      5px;
    border:             1px solid #a0a0c0;
    border-radius:      5px;
    background-color:   #f8f8ff;
    padding:            10px;
    font-size:	    	10pt;
}
.no_ffon .ffresult      {width: 885px;}
.is_ffon .ffresult      {width: 418px;}

.ffreshead              {font-size: 12pt}

.servicethumb {
    float:              left;
    margin-right:       10px
}
.servicelist {
    position:           relative;
    left:               20px;
}




/****************************/
/* INTERACTIVE STORE GUIDES */
/****************************/


#the_map {
    position:           relative;
    margin:             30px auto;
    border:             1px solid #000000;
}
.no_ffon #the_map       {max-width: 918px;}
.is_ffon #the_map       {max-width: 448px;}

.no_ffon #floor_container {
    width:              918px;
    height:             700px;
}
.is_ffon #floor_container {
    width:              448px;
    height:             340px;
}

.floor_priv {
    fill:               #c0c0c0;
    fill-opacity:       1;
    stroke:             none;
}

.onedorr {
    fill:               none;
    stroke:             #836029;
    stroke-width:       4;
    stroke-linecap:     butt;
    stroke-linejoin:    miter;
    stroke-miterlimit:  4;
    stroke-dasharray:   none;
    stroke-opacity:     1;
}
.onewndw {
    fill:               none;
    stroke:             #40a87e;
    stroke-width:       3;
    stroke-linecap:     butt;
    stroke-linejoin:    miter;
    stroke-miterlimit:  4;
    stroke-dasharray:   none;
    stroke-opacity:     1;
}

.z_spill {
    fill:               #a0a0a0;
    fill-opacity:       0;
}
.z_shelf {
    fill:               #d0d0e8;
    fill-opacity:       1;
    stroke:             none;
    stroke-width:       1px;
    stroke-linecap:     butt;
    stroke-linejoin:    miter;
    stroke-opacity:     1;
}
.z_cat_furniture        {fill:#b3ab95;}

.onerack {
    fill:               #c0c0c0;
    fill-opacity:       1;
    stroke:             #404040;
    stroke-width:       0.5;
    stroke-linecap:     butt;
    stroke-linejoin:    miter;
    stroke-miterlimit:  4;
    stroke-dasharray:   none;
    stroke-opacity:     1;
}
.onewall {
    fill:               #808080;
    fill-opacity:       1;
    stroke:             #000000;
    stroke-width:       1px;
    stroke-linecap:     butt;
    stroke-linejoin:    miter;
    stroke-opacity:     1;
}




/******************/
/* SEARCH RESULTS */
/******************/


.search_struct {
    display:            grid;
    grid-template-columns:  70px auto;
}
a.search_struct         {color: #000000;}
a.search_struct:hover   {text-decoration: none;}

.no_ffon .search_str_brnd {
    grid-template-areas:    'sr_ico sr_main sr_logo';
    grid-template-columns:  70px auto 220px;
}
.is_ffon .search_str_brnd {
    grid-template-areas:    'sr_ico sr_main'
                            'sr_ico sr_logo';
}

.search_str_page {
    grid-template-areas:    'sr_ico sr_main';
}

.search_ico {
    grid-area:          sr_ico;
    padding:            10px;
}
.search_svg {
    fill:               #0000a0;/*00ff00;*/
    fill-opacity:       1;
    stroke:             none;
}

@keyframes search_main_sides {
    from {
        padding-left:   9px;
        padding-right:  19px;
    }
    to {
        padding-left:   20px;
        padding-right:  10px;
    }
}

.search_main {
    grid-area:          sr_main;
    padding:            10px 20px 10px 10px;
}
.open_tile_actv:hover .search_main {
    border-left:        1px solid #1010df;
    animation-name:     search_main_sides;
    animation-duration: 0.4s;
    animation-fill-mode:    forwards;
}
.search_head1 {
    padding-bottom:     4px;
    font-size:          10pt;
    font-weight:        bold;
    color:              #3838a0;/*303050;*/
}
.search_head2 {
    padding:            0;
    text-align:         left;
    font-size:          24pt;
    color:              #0000a0;
}
.search_head3 {
    padding:            0;
    font-size:          14pt;
    font-style:         italic;
    color:              #505060;
}

.search_thump           {font-weight: bold;}

.search_brandlogo {
    grid-area:          sr_logo;
    padding:            10px;
    text-align:         center;
}
.search_brandlogo img {
    max-width:          200px;
    max-height:         130px;
}




/*******************************/
/* OTHER PARAGRAPHS, SPANS ETC */
/*******************************/


/* MODAL DIALOGUES */

.md_obsc            /* Obscures the rest of the page */ {
    display:		    none;
    position:		    fixed;		/* get modal to stay in place */
    z-index:		    80;		    /* get modal to sit on top of everything else*/
    left:		    	0;
    top:		    	0;
    width:		    	100%;
    height:		    	120%;
    background-color:	#d0d0e8;	/* 000000 fallback color */
    background-color:	rgba(0,0,0,0.4);
    background-color:	rgba(208,208,232,0.5);/*208,208,232,0.75);*/
    overflow:   		auto;		/* enable scroll if needed */
}

.md_box1 {
    margin:		    	110px auto 10px;	/* near the top, and centered */
    border:		    	2px solid #000080;
    width:		    	500px;
    min-height:         200px;
    display:            grid;
    grid-template-areas:    'md_capt md_shut'
                            'md_cont md_cont';
    grid-template-columns:  auto 70px;
    grid-column-gap:    5px;
    grid-row-gap:       0;
    background-color:	#f0f0ff;
    padding:            0;
}
.is_ffon .md_box1 {
    margin:		    	55px auto 10px;
    width:		    	424px;
}

.md_capt {
    grid-area:          md_capt;
    margin:             0;
    padding:            5px;
    font-size:          13pt;
    font-weight:		bold;
    color:		    	#0000a0;
}

.md_shut {
    grid-area:          md_shut;
    background-color:   rgba(0,0,0,0.05);
    text-align:         center;
    font-size:		    24px;
    font-weight:		bold;
    color:			    #999999;
}
.md_shut:hover, .md_shut:focus {
    background-color:   rgba(255,0,0,0.2);
    color:			    #802000;
    text-decoration:	none;
    cursor:			    pointer;
}

.md_box2                {grid-area: md_cont;}
.md_box3 {
    padding:		    5px;
    background-color:	#ffffff;
    min-height:         200px;
    padding:	    	10px;
}


/* MISCELLANEOUS */

.consolethings {
    font-style:         italic;
    color:              #808080;
}

.no_ffon .ffon_only     {display: none;}

.notopgap               {margin-top: 0;}

.no_ffon .blurbcolumns {
    display:            grid;
    grid-template-columns: 445px 445px;
    grid-gap:           15px;
}

.blurbthumbs {
    float:              left;
    margin-right:       5px;
}

.is_ffon .ks_dc_array, .is_ffon .ftgallery-panel, .is_ffon .ksection, .is_ffon .alertbox, .is_ffon .ticklist, .is_ffon .open_tile_img, .is_ffon .solopic {
    margin-left:        0;
    margin-right:       0;
    border-left:        0;
    border-right:       0;
}

.is_ffon .solopic       {width: 448px;}


.bigcell	            {font-size: 16pt;}

.middlecell             {text-align: center;}

.no_ffon .medsmlcell    {font-size: 10pt;}
.no_ffon .smallcell    	{font-size: 9pt;}

ul.bigger	            {font-size: 16pt}

.emph                   {font-weight: bold;}

.price {
    font-weight:		bold;
    color:	    		#e01818;
}

.stkoh {
    font-weight:		bold;
    color:	    		#3838a0;
}

.specials {
    font-weight:		bold;
    color:		    	#576a00;
}

.hideydata              {display: none;}