@import url("fonts.css");
*, html { margin:0px; vertical-align:top; }
body {
    margin: 0px;
    padding: 0px;
    font: normal 14px Arial, Helvetica, Sans-Serif;
    color: #66666c;
    background: #b3b5b7; /*#b3b5b7|f3f5f7*/
}
nav, header, footer, article, div, ul, li, a, form, input, button { display:inline-block; box-sizing:border-box; height:auto; margin:0px; padding:0px; vertical-align:top; }
img { display:inline-block; box-sizing:border-box; height:auto; margin:0px; padding:0px; border:none; }

h1 { display:block; box-sizing:border-box; width:100%; height:auto; margin:0px; padding:4px; font:normal 32px Arial, Helvetica, Sans-Serif; text-decoration:none; vertical-align:top; color:#1e4f75;/*66666f|0d3f64|1e4f75|2f5f86*/ }
h2 { display:block; box-sizing:border-box; width:100%; height:auto; margin:0px; padding:0px 0px 0px 6px; font:normal 24px Arial, Helvetica, Sans-Serif; text-decoration:none; vertical-align:top; color:#66666f; }








#main { display:block; width:100%; height:auto; text-align:center; background:#f3f5f7; }









/* ##  BEGIN AMODE  ############################################################################################## */

#amode { display:inline-block; position:absolute; left:5px; top:5px; z-index:50000; margin:0px; padding:4px; width:60px; height:60px; font:bold 12px Arial, Helvedtica, Sans-Serif; text-align:center; vertical-align:middle; color:#ffffff; border:2px solid #1fdbcf; background:#0eb9ad; }
#amode > a { margin:6px 0px 0px 0px; font:bold 9px Arial, Helvedtica, Sans-Serif; text-align:center; color:#330000; }
#amode > a:hover { color:#ca6e0f; }

/* ##  END AMODE  ################################################################################################ */









/* ##  BEGIN HEADER  ############################################################################################## */

#header { display:block; width:100%; padding:0px; text-align:center; background:none; }
#header > div.wrapper { position:relative; width:100%; max-width:1000px; padding:60px 0px 0px 0px; text-align:left; background:none; }
        
#header_logo { width:260px; max-width:260px; vertical-align:bottom; background:none; }
#header_logo > img { width:100%; max-width:100%; height:auto; }




#header_nav { margin:0px 0px 0px 40px; vertical-align:bottom; background:none; }
#header_nav > ul { width:100%; max-width:1000px; padding:0px 0px 0px 0px; background:none; }
#header_nav > ul > li { position:relative; background:none; }
#header_nav > ul > li > a { height:28px; margin:0px 20px 0px 20px; padding:5px 15px 0px 15px; font-size:18px; text-decoration:none; color:#66666f; }
#header_nav > ul > li > div { display:none; position:absolute; left:-55px; top:28px; z-index:1001; width:240px; height:343px; background:url('images/menu_bg.png') no-repeat center center; background-size:240px 343px; }
#header_nav > ul > li > div > ul { display:block; width:100%; padding:42px 0px 0px 40px; /*background:rgba(200,0,0,0.4);*/ }
#header_nav > ul > li > div > ul > li { display:block; width:100%; /*background:rgba(0,0,200,0.2);*/ }
#header_nav > ul > li > div > ul > li > a { display:inline-block; height:20px; padding:2px 10px 2px 10px; font:normal 12px Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; vertical-align:middle; color:#77777f; background:none; }
#header_nav > ul > li > div > ul > li.category > a { margin-top:6px; font-weight:bold; }
#header_nav > ul > li > div > ul > li > a:hover { color:#ffffff; border:1px solid #664499;/*553388|664499|bb99ee*/ border-radius:10px; background:#8866bb; /*color:#8866bb;*/ /*8866bb|666699|94055c*/ }
#header_nav > ul > li:hover { background:url(images/nav_hover.gif) no-repeat center center; background-size:70px 28px; }
#header_nav > ul > li:hover > a { color:#1d4f74;/*94055c|a5066d|562051*/ background-size:70px 28px; /*cursor:url(images/wand.ico), auto;*/ }
#header_nav > ul > li:hover > div { display:inline-block; }


/*
#header_nav { margin:0px 0px 0px 40px; vertical-align:bottom; background:none; }
#header_nav > ul { width:100%; max-width:1000px; padding:0px 0px 0px 0px; background:none; }
#header_nav > ul > li { position:relative; background:none; }
#header_nav > ul > li > a { height:28px; margin:0px 20px 0px 20px; padding:5px 15px 0px 15px; font-size:18px; text-decoration:none; color:#66666f; }
#header_nav > ul > li > div { display:none; position:absolute; left:-55px; top:28px; z-index:1001; width:240px; height:343px; background:url('images/menu_bg.png') no-repeat center center; background-size:240px 343px; }
#header_nav > ul > li > div > ul { display:block; width:100%; padding:52px 0px 0px 30px; }
#header_nav > ul > li > div > ul > li { display:block; width:100%; }
#header_nav > ul > li > div > ul > li > a { display:block; width:100%; padding:3px 10px 3px 20px; font:normal 12px Arial, Helvetica, Sans-Serif; text-align:left; text-decoration:none; color:#77777f; background:none; }
#header_nav > ul > li > div > ul > li.category > a { font-weight:bold; }
#header_nav > ul > li > div > ul > li > a:hover { color:#8866bb; }
#header_nav > ul > li:hover { background:url(images/nav_hover.gif) no-repeat center center; background-size:70px 28px; }
#header_nav > ul > li:hover > a { color:#1d4f74; }
#header_nav > ul > li:hover > div { display:inline-block; }
*/      
        
#header_nav_show { display:none; box-sizing:border-box; position:absolute; left:0px; top:0px; z-index:1001; width:50px; height:50px; margin:0px; padding:0px; text-align:center; vertical-align:middle; color:#eeeeee; background:url('images/scroll.svg') no-repeat center center; background-color:none; cursor:pointer; } 
#header_nav_show > i { display:inline-block; box-sizing:border-box; margin:16px 0px 0px 0px; padding:6px 8px 8px 8px; font-size:20px; color:#444444; border:2px solid #bbbbbb; border-radius:6px; background:#eeeeee; }
#header_nav_show > img { display:inline-block; box-sizing:border-box; width:28px; height:28px; margin:0px; padding:0px; }
input#header_nav_cb[type=checkbox]{ display:none; -webkit-appearance:none; } 
input#header_nav_cb[type=checkbox]:checked ~ #header_nav { display:block; }  


#header_cart { position:absolute; right:0px; bottom:0px; z-index:1001; width:28px; height:28px; padding:10.5px 0px 0px 0px; font:bold 10px 'Cooper', Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:center; vertical-align:top; color:#e3e5e7;/*6d9fc4|0d3f64|f3f5f7*/ background:url('images/cauldron_empty.svg') no-repeat center center; }
#header_cart.active { background:url('images/cauldron_full.svg') no-repeat center center; }

/* ##  END HEADER  ################################################################################################ */

































/* ##  BEGIN CONTENT  ############################################################################################## */
        
#content { display:block; position:relative; width:100%; background:none; }
#content > div.wrapper { position:relative; width:100%; min-height:400px; max-width:1000px; margin:0px; padding:10px 20px 20px 20px; text-align:left; background:none; }

/* ##  END CONTENT  ################################################################################################ */









/* ##  BEGIN INDEX_PAGE  ############################################################################################## */
        
#index_page { display:block; width:100%; height:auto; margin:0px; padding:0px; text-align:left; background:none; }

#index_page h1 { height:auto; margin:0px 0px 10px 0px; padding:8px 0px 8px 0px; font:normal 28px Arial, Helvetica, Sans-Serif; letter-spacing:-1px; color:#1e4f75; background:none; }



#index_desc { display:inline-block; box-sizing:border-box; width:100%; min-height:50px; margin:20px 0px 0px 0px; padding:0px; background:none; }
#index_desc > li { display:inline-block; box-sizing:border-box; width:50%; margin:0px; padding:0px; font:normal 18px/28px Arial, Helvetica, Sans-Serif; color:#66666f; background:none; }
#index_desc > li:nth-of-type(1) { width:42%; }
#index_desc > li:nth-of-type(2) { width:56%; margin-left:2%; }



#index_cwc { display:inline-block; height:auto; margin:0px 0px 10px 0px; padding:6px 12px 6px 12px; font:bold 28px "Arial Narrow", Arial, Helvetica, Sans-Serif; font-variant:small-caps; text-decoration:none; color:#794589; border:2px solid #e7c14e;/*e7c14e|eab616*/ border-radius:8px; background:#fff44b;/*fff44b|fff000*/ }
#index_cwc > span { color:#b460cf; }
#index_cwc > div { display:inline-block; margin:0px 0px 0px 20px; font:bold 12px/16px Arial, Helvetica, Sans-Serif; color:#44444f; background:none; }



#index_iofab { display:block; height:auto; margin:0px; padding:20px 0px 20px 0px; font:bold 32px Arial, Helvetica, Sans-Serif; letter-spacing:0px; text-transform:none; text-decoration:none; text-align:center; color:#794589;/*#795589|794589|68247d*/ background:none; }
#index_iofab > span { color:#b460cf;/*#b460cf|bc4ae0*/ }


#index_cats { display:block; width:100%; }
#index_cats > li { width:23%; height:auto; margin:1%; padding:0px; }
#index_cats > li > a { width:100%; height:auto; margin:1%; padding:0px; background:#eeeeee; }
#index_cats > li > a > img { width:100%; height:auto; margin:0px; padding:3px; border:2px solid #dddddf; }
#index_cats > li > a:hover > img { border-color:#ddccee; }

/* ##  END INDEX_PAGE  ################################################################################################ */













/* ##  BEGIN CUSHIONS_PAGE  ############################################################################################## */
        
#cushions_page { display:block; position:relative; width:100%; text-align:center; background:none; }

#cushions_page > div.info { width:100%; margin:20px 0px 0px 0px; padding:10px 20px 10px 20px; font:normal 16px/24px Arial, Helvetica, Sans-Serif; text-align:left; background:none; }

#cushions_page > ul { display:block; width:100%; height:auto; margin:20px 20px 10px 20px; padding:0px; background:none; }
#cushions_page > ul > li { width:50%; text-align:left; }
#cushions_page > ul > li > div { display:block; width:100%; padding:0px 0px 10px 0px; font:bold 20px Arial, Helvetica, Sans-Serif; text-align:left; }
#cushions_page > ul > li > ul { display:block; width:100%; margin:0px; padding:0px; }
#cushions_page > ul > li > ul > li { display:block; width:100%; }
#cushions_page > ul > li > ul > li > a { height:30px; margin:2px 0px 2px 0px; padding:5px 15px 5px 15px; font:normal 16px Arial, Helvetica, Sans-Serif; text-decoration:none; vertical-align:middle; color:#3e6f95; }
#cushions_page > ul > li > ul > li > a:hover { color:#8866bb; text-decoration:underline; /*color:#ffffff; border:1px solid #664499; border-radius:15px; background:#8866bb;*/ }


/* ##  END CUSHIONS_PAGE  ################################################################################################ */































/* ##  BEGIN FOOTER  ############################################################################################## */
        
#footer { display:block; width:100%; text-align:center; border-top:2px solid #a9abad; background:#b3b5b7; }
#footer > ul { width:100%; max-width:1000px; padding:10px 0px 40px 0px; background:none; }
#footer > ul > li { width:33.3%; min-height:200px; background:none; }
        
#footer_logo { max-width:220px; width:100%; }
#footer_logo > img { width:100%; }
        
#footer_nav { display:block; width:100%; height:auto; text-align:left; background:none; }
#footer_nav > div.title { display:block; width:100%; height:auto; margin:22px 0px 6px 0px; font:bold 22px 'Cooper', Arial, Helvetica, Sans-Serif; color:#686a6c; }
#footer_nav > ul { background:none; }
#footer_nav > ul > li { width:50%; background:none; }
#footer_nav > ul > li > a { padding:6px; text-decoration:none; color:#efecef; }
#footer_nav > ul > li > a:hover { color:#8866bb;/*8866bb|666699*/ }
        
#footer_lead { width:300px; min-height:131px; margin:20px 0px 0px 0px; padding:22px 30px 0px 20px;/*22px 35px 0px 25px*/ font:normal 10px Arial, Helvetica, Sans-Serif; text-align:left; color:#838587; background:url('images/lead_scroll.svg') no-repeat center center; background-size:300px 131px; }
#footer_lead > div.title { width:100%; margin:0px; padding:0px 0px 2px 0px; font:normal 14px 'Cooper', Arial, Helvetica, Sans-Serif; text-align:center; color:#737577;/*244965|0c3e63*/ background:none; }
        
#footer_copy { width:100%; margin:6px 0px 0px 0px; padding:0px; font:normal 10px Arial, Helvetica, Sans-Serif; text-align:center; color:#737577; }
#footer_copy > a { font:normal 10px Arial, Helvetica, Sans-Serif; text-decoration:none; color:#737577; }
#footer_copy > a:hover { text-decoration:underline; color:#8866bb;/*8866bb|666699*/ }

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












/*
    
#index_page { display:block; width:100%; height:auto; margin:0px; padding:0px; text-align:left; background:none; }

#index_page h1 { height:auto; margin:0px 0px 10px 0px; padding:8px 12px 8px 12px; font:normal 28px Arial, Helvetica, Sans-Serif; letter-spacing:-1px; color:#1e4f75; background:none; }



#index_desc { display:inline-block; box-sizing:border-box; width:100%; min-height:50px; margin:20px 0px 0px 0px; padding:0px; background:none; }
#index_desc > li { display:inline-block; box-sizing:border-box; width:50%; margin:0px; padding:0px; font:normal 18px/28px Arial, Helvetica, Sans-Serif; color:#66666f; background:none; }
#index_desc > li:nth-of-type(1) { width:42%; }
#index_desc > li:nth-of-type(2) { width:56%; margin-left:2%; }



#index_cwc { display:inline-block; height:auto; margin:0px 0px 10px 0px; padding:6px 12px 6px 12px; font:bold 28px "Arial Narrow", Arial, Helvetica, Sans-Serif; font-variant:small-caps; letter-spacing:0px; text-decoration:none; color:#794589; border:2px solid #e7c14e; border-radius:8px; background:#fff44b; }
#index_cwc > span { color:#b460cf; }
#index_cwc > div { display:inline-block; margin:0px 0px 0px 20px; font:bold 12px/16px Arial, Helvetica, Sans-Serif; color:#44444f; background:none; }



#index_iofab { display:block; height:auto; margin:0px; padding:20px 0px 20px 0px; font:bold 32px Arial, Helvetica, Sans-Serif; letter-spacing:0px; text-transform:none; text-decoration:none; text-align:center; color:#794589; background:none; }
#index_iofab > span { color:#b460cf; }


#index_cats { display:block; width:100%; }
#index_cats > li { width:23%; height:auto; margin:1%; padding:0px; }
#index_cats > li > a { width:100%; height:auto; margin:1%; padding:0px; background:#eeeeee; }
#index_cats > li > a > img { width:100%; height:auto; margin:0px; padding:3px; border:2px solid #dddddf; }
#index_cats > li > a:hover > img { border-color:#ddccee; }
*/



@media all and (max-width:1000px)
{
    /* #### HEADER #### */
    #header_logo { width:240px; padding:0px 0px 0px 10px; }

    #header_cart { right:10px; }

    



    /* #### INDEX_PAGE #### */
    #index_page h1 { font:normal 24px Arial, Helvetica, Sans-Serif; }
    
    #index_cwc { letter-spacing:-1px; }

    #index_iofab { font:bold 24px Arial, Helvetica, Sans-Serif; }





}/*1000px*/





@media all and (max-width:900px)
{
    /* #### HEADER #### */
    #header > div.wrapper { padding:30px 0px 0px 0px; }
    
    #header_nav { margin:0px 0px 0px 20px; }
    #header_nav > ul > li > a { height:28px; margin:0px 10px 0px 10px; padding:5px 10px 0px 10px; font-size:18px; text-decoration:none; color:#939597; }





    /* #### INDEX_PAGE #### */
    #index_page h1 { font:normal 20px Arial, Helvetica, Sans-Serif; }
    
    #index_desc > li { font:normal 16px/20px Arial, Helvetica, Sans-Serif; }
    
    #index_cwc { font:bold 22px "Arial Narrow", Arial, Helvetica, Sans-Serif; letter-spacing:-1px; }
    #index_cwc > div {margin:0px 0px 0px 10px; font:bold 12px/12px Arial, Helvetica, Sans-Serif; }

    #index_iofab { font:bold 22px Arial, Helvetica, Sans-Serif; letter-spacing:-1px; }



    


    
    /* #### FOOTER #### */
    #footer > ul > li { width:50%; }
    #footer > ul > li:last-of-type { width:100%; }


}/*900px*/





@media all and (max-width:800px)
{
    /* #### HEADER #### */
    #header { height:50px; }
    #header > div.wrapper { height:50px; padding:0px; text-align:center; vertical-align:middle; background:none; }

    #header_logo { width:160px; height:50px; margin:0px; padding:7px 0px 0px 0px; background:none; }

    #header_nav_show { display:inline-block; }
    #header_nav { display:none; position:absolute; left:0px; top:40px; z-index:900; width:240px; height:343px; margin:0px; padding:50px 0px 0px 30px; background:url('images/menu_bg.png') no-repeat center center; background-size:240px 343px; }
    
    #header_nav > ul { width:100%; height:auto; margin:0px; padding:0px; /*background:rgba(0,128,255,0.2);*/ }
    #header_nav > ul > li { width:100%; height:auto; margin:0px; padding:0px; /*background:rgba(0,255,128,0.2);*/ }
    #header_nav > ul > li > a { box-sizing:border-box; width:100%; margin:0px; padding:6px 6px 6px 12px; font:normal 14px Arial, Helvetica, Sans-Serif; text-align:left; color:#77777f; background:none; }
    #header_nav > ul > li:hover { background:unset; background-size:unset; }
    #header_nav > ul > li:hover > a { color:#8866bb;/*8866bb|1d4f74|94055c|a5066d|562051*/ }
    #header_nav > ul > li > div { display:block; position:relative; left:unset; top:unset; z-index:unset; width:100%; height:auto; background:none;/*rgba(200,0,0,0.2);*/ background-size:unset; }
    #header_nav > ul > li > div > ul { display:block; width:100%; padding:0px; }
    #header_nav > ul > li > div > ul > li { display:none; background:none; }
    #header_nav > ul > li > div > ul > li > a { display:block; width:100%; height:unset; margin-top:0px; padding:3px 10px 3px 30px; }
    #header_nav > ul > li > div > ul > li > a:hover { color:#8866bb;/*8866bb|1d4f74|94055c|a5066d|562051*/ }

    #header_nav > ul > li > div > ul > li.category { display:block; }
    #header_nav > ul > li > div > ul > li.category > a { box-sizing:border-box; width:100%; margin:0px; padding:6px 6px 6px 12px; font:normal 14px Arial, Helvetica, Sans-Serif; text-align:left; vertical-align:top; color:#77777f; background:none; }
    #header_nav > ul > li > div > ul > li.category > a:hover { color:#8866bb; border:unset; border-radius:unset; background:unset;  /*8866bb|1d4f74|94055c|a5066d|562051*/ }

            
    #header_cart { right:0px; top:0px; width:50px; height:50px; padding:22px 0px 0px 0px; background-color:none; }







    
    /* #### FOOTER #### */
    #footer > ul > li { width:100%; min-height:0px; margin:10px 0px 0px 0px; }
    #footer > ul > li:last-of-type { width:100%; }

    #footer_nav { display:inline-block; width:300px; height:auto; background:none; }
    #footer_nav > div.title { margin:20px 0px 6px 0px; }
            
    #footer_lead { margin:20px 0px 0px 0px; }


}/*800px*/







 

@media all and (max-width:600px)
{
    /* #### INDEX_PAGE #### */
    #index_cwc { margin:0px 0px 20px 0px; }

    #index_desc > li:nth-of-type(1) { width:100%; margin:20px 0px 20px 0px;  }
    #index_desc > li:nth-of-type(2) { width:100%; margin-left:0%; }






    /* #### CUSHION_PAGE #### */
    #cushions_page > div.info { margin:0px; font:normal 12px/18px Arial, Helvetica, Sans-Serif; }

    #cushions_page > ul { margin:0px 20px 10px 20px; }
    #cushions_page > ul > li { width:100%; text-align:left; }
    #cushions_page > ul > li > div { padding:20px 0px 10px 0px; }

}/*600px*/












@font-face {
    font-family: 'Cooper';
    src: url('fonts/Cooper/Cooper Lt BT Light.eot');
    src: local('☺'), url('fonts/Cooper/Cooper Lt BT Light.woff') format('woff'), url('fonts/Cooper/Cooper Lt BT Light.ttf') format('truetype'), url('fonts/Cooper/Cooper Lt BT Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}