/* ##  BEGIN CATALOG_INDEX  ############################################################################################## */

#catalog_index { display:block; width:100%; text-align:center; }

#catalog_index > ul { display:inline-block; width:100%; text-align:left; background:none; }
#catalog_index > ul > li { display:inline-block; width:23%; margin:0px 1% 40px 1%; }
#catalog_index > ul > li > a { display:block; padding:8px 0px 8px 0px; font:bold 20px 'Cooper', Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#3e6f95; }
/*#catalog_index > ul > li > a > img { box-sizing:border-box; width:100%; height:auto; margin:0px 0px 6px 0px; padding:3px; border:2px solid #bbbbbf; }*/
#catalog_index > ul > li > a > img { box-sizing:border-box; width:100%; height:auto; margin:0px 0px 6px 0px; padding:3px; border:2px solid #bbbbbf; }
#catalog_index > ul > li > a:hover { color:#8866aa; }


/* ##  END CATALOG_INDEX  ################################################################################################ */









/* ##  BEGIN CATALOG_CATEGORY  ############################################################################################## */


#catalog_category { display:block; width:100%; height:auto; margin:0px; padding:20px; background:none; }


#catalog_category > div.left { width:50%; padding:20px; background:none; }
#catalog_category > div.left > div.description { margin-top:10px; font:normal 16px/24px Arial, Helvetica, Sans-Serif; }

#catalog_category > div.left > div.description > ul { padding:10px 0px 0px 0px; }
#catalog_category > div.left > div.description > ul > li { padding:4px 6px 4px 6px; }
#catalog_category > div.left > div.description > ul > li > ul { }
#catalog_category > div.left > div.description > ul > li > ul > li { }

#catalog_category > div.right { width:50%; padding:20px; background:none; }
#catalog_category > div.right > img { box-sizing:border-box; width:100%; height:auto; margin:0px; padding:0px; border:2px solid #bbbbbf; }





#catalog_subcats { display:block; width:100%; margin:0px; padding:20px; text-align:center; background:none; }
#catalog_subcats > ul { margin:0px; padding:0px; background:none; }
#catalog_subcats > ul > li { display:block; background:none; }
#catalog_subcats > ul > li > a { display:block; padding:6px 0px 6px 0px; font:bold 18px 'Cooper', Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#3e6f95; }
#catalog_subcats > ul > li > a:hover { color:#8866aa; }





#catalog_items { display:block; width:100%; margin:0px; padding:20px; text-align:center; background:none; }
#catalog_items > ul { margin:0px; padding:0px; background:none; }
#catalog_items > ul > li { padding:20px; background:none; }

#catalog_items > ul > li > ul { margin:0px; padding:0px; background:none; }
#catalog_items > ul > li > ul > li { display:block; text-align:left; background:none; }
#catalog_items > ul > li > ul > li.title { display:block; width:100%; margin:0px 0px 4px 0px; font:bold 20px 'Cooper', Arial, Helvetica, Sans-Serif; letter-spacing:2px; color:#77777f; border-bottom:1px solid #88888f; }
#catalog_items > ul > li > ul > li > a { display:block; padding:6px 0px 6px 0px; font:normal 18px 'Cooper', Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#3e6f95; }
#catalog_items > ul > li > ul > li > a:hover { color:#8866aa; }



/* ##  END CATALOG_INDEX  ################################################################################################ */









/* ##  BEGIN CATALOG_ITEM  ############################################################################################## */


#catalog_item { display:block; width:100%; height:auto; margin:0px; padding:0px; background:none; }

#catalog_item > h2 { display:block; box-sizing:border-box; width:100%; margin:0px; padding:0px 0px 0px 6px; font:normal 24px Arial, Helvetica, Sans-Serif; color:#66666f; background:none; }

#catalog_item > div.left { width:50%; padding:20px; background:none; }
#catalog_item > div.left > div.description { margin-top:10px; font:normal 16px/24px Arial, Helvetica, Sans-Serif; text-align:left; vertical-align:top; }
#catalog_item > div.left > div.description > span.sizes_long { font:normal 12px/12px Arial, Helvetica, Sans-Serif; }
#catalog_item > div.left > div.description img.selected_fabric { box-sizing:border-box; width:160px; height:120px; height:auto; margin:1px 0px 0px 0px; padding:2px; border:2px solid #bbbbbf; }

#catalog_item > div.left > div.description > ul { }
#catalog_item > div.left > div.description > ul > li { padding:10px; }
#catalog_item > div.left > div.description > ul > li > ul { }
#catalog_item > div.left > div.description > ul > li > ul > li { }







#catalog_item > div.right { width:50%; padding:20px; background:none; }
#catalog_item > div.right > img { box-sizing:border-box; width:100%; height:auto; margin:0px; padding:0px; border:2px solid #bbbbbf; }



/* #### CATALOG_ITEM_FORM #### */
#catalog_item_form { width:100%; height:auto; margin:0px; padding:30px 0px 10px 0px; text-align:right; vertical-align:top; /*border-bottom:1px solid #dddddd;*/ background:none; }
#catalog_item_form > div.price { margin:0px 30px 0px 0px; padding:0px; font:normal 28px Arial, Hevletica, Sans-Serif; text-align:center; vertical-align:middle; color:#2d5e84;/*2d5e84|3e6f95*/ background:none; }
#catalog_item_form > div.price > div.ply { display:block; width:100%; font:normal 8px Arial, Hevletica, Sans-Serif; letter-spacing:1px; text-transform:uppercase; text-align:center; color:#99999f; background:none; }
#catalog_item_form > input[type='text'] { width:48px; height:32px; margin:0px 30px 0px 0px; padding:0px; font:bold 15px/15px Arial, Helvetica, Sans-Serif; text-align:center; vertical-align:top; color:#333333; border:1px solid #bbbbbb; background:#ffffff;}
#catalog_item_form > input[type='submit'] { width:140px; height:32px; margin:0px; padding:0px; font:bold 16px/16px Arial, Helvetica, Sans-Serif; letter-spacing:0px; text-transform:uppercase; text-decoration:none; color:#66666f; border:2px solid #99999f; background:#cccccf; -webkit-appearance:none; }
#catalog_item_form > input[type='submit']:hover { color:#ffffff; border-color:#3e6f95; background:#8e9fb5; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }


/* ##  END CATALOG_ITEM  ################################################################################################ */
























/* ##  BEGIN CUSTOM_ITEM  ############################################################################################## */


#custom_item { display:block; width:100%; height:auto; margin:0px; padding:0px; background:none; }

#custom_item > h2 { display:block; box-sizing:border-box; width:100%; margin:0px; padding:0px 0px 0px 6px; font:normal 24px Arial, Helvetica, Sans-Serif; color:#66666f; background:none; }



#custom_item > div.left { width:50%; padding:20px; background:none; }
#custom_item > div.left > div.wizardquote { width:100%; margin:0px; padding:12px; font:normal 16px/24px Arial, Helvetica, Sans-Serif; color:#66666f; text-align:left; border:1px solid #999966; background:#f3f3c1; }



#custom_item > div.right { width:50%; padding:20px; background:none; }


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

#step_form input[type='submit'] { width:140px; height:32px; margin:0px; padding:0px; font:bold 16px/16px Arial, Helvetica, Sans-Serif; letter-spacing:0px; text-transform:uppercase; text-decoration:none; color:#66666f; border:2px solid #99999f; background:#cccccf; -webkit-appearance:none; }
#step_form input[type='submit']:hover { color:#ffffff; border-color:#3e6f95; background:#8e9fb5; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }





/*####  STEP_STYLE  ####*/
#step_style { width:100%; text-align:left; background:none; }
#step_style > li { width:50%; padding:0px 0px 20px 0px; text-align:center; }
#step_style > li > a { background:none; }
#step_style > li > a > img { background:none; }





/*####  STEP_FABRIC  ####*/
#step_fabric { width:100%; text-align:left; background:none; }
#step_fabric > li { width:50%; padding:20px 0px 20px 0px; font:normal 16px Arial, Helvetica, Sans-Serif; text-align:center; }
#step_fabric > li > div.title { display:block; width:100%; height:auto; padding:0px 0px 20px 0px; font:bold 16px Arial, Helvetica, Sans-Serif; }
#step_fabric > li > img.fabric { box-sizing:border-box; width:160px; height:120px; margin:0px; padding:2px; border:2px solid #bbbbbf; }
#step_fabric > li > div.fabric_name { display:block; width:100%; padding:2px 0px 0px 0px; font:normal 13px Arial, Helvetica, Sans-Serif; text-align:center; }





/*####  STEP_DIMENSIONS (THICK/SIZES)  ####*/
#step_dimensions { width:100%; text-align:center; background:none; }
#step_dimensions > table { display:inline-block; }
#step_dimensions > table > tbody > tr { }
#step_dimensions > table > tbody > tr > td { padding:4px 8px 4px 8px; font:bold 14px Arial, Helvetica, Sans-Serif; text-align:center; vertical-align:middle; color:#88888f; background:none; }

#step_dimensions > table > tbody > tr > td > select { display:inline-block; margin:0px; padding:2px 1px 2px 4px; font:normal 14px Arial, Helvetica, Sans-Serif; color:#77777f; border:1px solid #88888f; }





/*####  STEP_REVIEW  ####*/
#step_review { width:100%; text-align:left; background:none; }
#step_review > li { width:50%; padding:20px 0px 20px 0px; font:normal 16px Arial, Helvetica, Sans-Serif; text-align:center; }

#step_review > li > table { display:inline-block; background:none; }
#step_review > li > table > tbody > tr { }
#step_review > li > table > tbody > tr > td { padding:4px 8px 4px 8px; font:normal 14px Arial, Helvetica, Sans-Serif; text-align:center; vertical-align:middle; color:#66666f; background:none; }
#step_review > li > table > tbody > tr > td > b { color:#77777f; }

#step_review > li > div.title { display:block; width:100%; height:auto; padding:0px 0px 20px 0px; font:bold 16px Arial, Helvetica, Sans-Serif; }
#step_review > li > img.fabric { box-sizing:border-box; width:160px; height:120px; margin:0px; padding:2px; border:2px solid #bbbbbf; }
#step_review > li > div.fabric_name { display:block; width:100%; padding:2px 0px 0px 0px; font:normal 13px Arial, Helvetica, Sans-Serif; text-align:center; }





/*####  ITEM_NOTE  ####*/
#item_note { text-align:left; background:none; }
#item_note > li { max-width:80%; display:inline-block; padding:0px; font:normal 12px Arial, Helvetica, Sans-Serif; text-align:left; }






/* #### CUSTOM_ITEM_FORM #### */
#custom_item_form { width:100%; height:auto; margin:0px; padding:30px 0px 10px 0px; text-align:center; vertical-align:top; /*border-bottom:1px solid #dddddd;*/ background:none; }
#custom_item_form > div.price { margin:0px 30px 0px 0px; padding:0px; font:normal 28px Arial, Hevletica, Sans-Serif; text-align:center; vertical-align:middle; color:#2d5e84;/*2d5e84|3e6f95*/ background:none; }
#custom_item_form > div.price > div.ply { display:block; width:100%; font:normal 8px Arial, Hevletica, Sans-Serif; letter-spacing:1px; text-transform:uppercase; text-align:center; color:#99999f; background:none; }
#custom_item_form > input[type='text'] { width:48px; height:32px; margin:0px 30px 0px 0px; padding:0px; font:bold 15px/15px Arial, Helvetica, Sans-Serif; text-align:center; vertical-align:top; color:#333333; border:1px solid #bbbbbb; background:#ffffff;}
#custom_item_form > input[type='submit'] { width:140px; height:32px; margin:0px; padding:0px; font:bold 16px/16px Arial, Helvetica, Sans-Serif; letter-spacing:0px; text-transform:uppercase; text-decoration:none; color:#66666f; border:2px solid #99999f; background:#cccccf; -webkit-appearance:none; }
#custom_item_form > input[type='submit']:hover { color:#ffffff; border-color:#3e6f95; background:#8e9fb5; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }







/*
#custom_item > div.right > ul.sel_style { width:100%; height:auto; text-align:left; background:pink; }
#custom_item > div.right > ul.sel_style > li { width:50%; height:auto; padding:20px; text-align:left; }
#custom_item > div.right > ul.sel_style > li > a { width:100%; height:auto; background:orange; }
#custom_item > div.right > ul.sel_style > li > a > img { width:100%; height:auto; background:purple; }
*/


/* ##  END CUSTOM_ITEM  ################################################################################################ */







































/* ##  BEGIN FABRICS  ############################################################################################## */
        

/* #### FABRIC_PAGE #### */
#fabrics_page { display:block; width:100%; text-align:center; }

#fabrics_page > li { font:normal 16px/26px Arial, Helvetica, Sans-Serif; text-align:left; color:#66666f; }
#fabrics_page > li > i { font-size:20px; color:orangered; }

#fabrics_page > li:nth-of-type(1) { width:60%; padding:30px 20px 20px 20px; }

#fabrics_page > li:nth-of-type(2) { width:40%; padding:20px 0px 20px 20px; }
#fabrics_page > li:nth-of-type(2) > img { box-sizing:border-box; width:100%; height:auto; margin:0px; padding:3px; border:2px solid #bbbbbf; }

#fabrics_page > li > ul { display:block; width:100%; max-width:400px; height:auto; margin:20px 0px 0px 0px; text-align:left; }
#fabrics_page > li > ul > li { display:block; width:100%; margin:10px 0px 0px 0px; }






/* #### FABRIC_LIST #### */
#fabric_list { display:block; width:100%; margin:0px; padding:0px; text-align:center; background:none; }
#fabric_list > li { display:inline-block; width:11.5%; height:auto; margin:6px 0.5% 8px 0.5%; }
#fabric_list > li > a { width:100%; height:auto; font:normal 11px Arial, Helvetica, Sans-Serif; text-decoration:none; text-align:left; color:#88888f; background:none; }
#fabric_list > li > a > img { width:100%; height:auto; margin:0px 0px 2px 0px; padding:1px; border:1px solid #bbbbbf; }
#fabric_list > li > a:hover { color:#8866bb; }
#fabric_list > li > a:hover > img { border-color:#9977aa;/*9977aa|8866bb*/ }






/* #### FABRIC_DETAILS #### */
#fabric_details { display:block; width:100%; height:auto; background:none; }
#fabric_details > div.number { display:block; width:100%; margin:0px; padding:0px 0px 0px 6px; font:normal 20px Arial, Helvetica, Sans-Serif; color:#66666f; background:none; }

#fabric_details > div.left { display:inline-block; width:60%; margin:0px; padding:30px 20px 20px 20px; font:normal 16px/26px Arial, Helvetica, Sans-Serif; text-align:left; color:#66666f; background:none; }
#fabric_details > div.left > ul { display:block; width:100%; max-width:400px; height:auto; margin:20px 0px 0px 0px; text-align:left; }
#fabric_details > div.left > ul > li { display:block; width:100%; margin:10px 0px 0px 0px; }

#fabric_details > div.right { display:inline-block; width:40%; margin:0px; padding:20px 0px 20px 20px; background:none; }
#fabric_details > div.right > img { box-sizing:border-box; width:100%; height:auto; margin:0px; padding:3px; border:2px solid #bbbbbf; }





/* #### FABRIC_FORMS #### */
#fabric_forms { width:100%; height:auto; margin:0px; padding:20px 0px 6px 0px; vertical-align:top; background:none; }

#fabric_yardage_form { width:100%; height:auto; margin:0px; padding:10px 0px 10px 0px; text-align:right; vertical-align:top; /*border-bottom:1px solid #dddddd;*/ background:none; }
#fabric_yardage_form > div.price { margin:0px 30px 0px 0px; padding:0px; font:normal 28px Arial, Hevletica, Sans-Serif; text-align:center; vertical-align:middle; color:#2d5e84;/*2d5e84|3e6f95*/ background:none; }
#fabric_yardage_form > div.price > div.ply { display:block; width:100%; font:normal 8px Arial, Hevletica, Sans-Serif; letter-spacing:1px; text-transform:uppercase; text-align:center; color:#99999f; background:none; }
#fabric_yardage_form > input[type='text'] { width:48px; height:32px; margin:0px 30px 0px 0px; padding:0px; font:bold 15px/15px Arial, Helvetica, Sans-Serif; text-align:center; vertical-align:top; color:#333333; border:1px solid #bbbbbb; background:#ffffff;}
#fabric_yardage_form > input[type='submit'] { width:140px; height:32px; margin:0px; padding:0px; font:bold 16px/16px Arial, Helvetica, Sans-Serif; letter-spacing:0px; text-transform:uppercase; text-decoration:none; color:#66666f; border:2px solid #99999f; background:#cccccf; -webkit-appearance:none; }
#fabric_yardage_form > input[type='submit']:hover { color:#ffffff; border-color:#3e6f95; background:#8e9fb5; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }

#fabric_sample_form { display:block; width:100%; height:auto; margin:50px 0px 0px 0px; padding:10px 0px 0px 0px; text-align:center; vertical-align:top; border-top:1px solid #bbbbbf; background:none; }
#fabric_sample_form > div.price { width:35%; max-width:100px; height:46px; margin:0px 4% 0px 0px; padding:6px 0px 0px 0px; font:normal 28px Arial, Hevletica, Sans-Serif; text-align:center; vertical-align:middle; color:#66666f; background:none; }
#fabric_sample_form > input[type='image'] { width:60%; max-width:180px; height:auto; margin:0px; padding:0px; background:none; background:none; -webkit-appearance:none; }
#fabric_sample_form > input[type='image']:hover { }


/* ##  END FABRICS  ################################################################################################ */





































@media all and (max-width:1000px)
{
    
    /* #### CUSTOM_ITEM #### */
    #custom_item { background:none; }











}/*1000px*/





@media all and (max-width:900px)
{
    
    /* #### CUSTOM_ITEM #### */
    #custom_item { background:none; }
    
    #custom_item > div.left { width:34%; }
    #custom_item > div.left > div.wizardquote { font:normal 14px/16px Arial, Hevletica, Sans-Serif; }

    #custom_item > div.right { width:66%; }











    /* #### FABRIC_FORMS #### */
    #fabric_yardage_form > div.price { margin:0px 10px 0px 0px; padding:0px; font:normal 24px Arial, Hevletica, Sans-Serif; }
    #fabric_yardage_form > div.price > div.ply { letter-spacing:0px; }
    
    #fabric_yardage_form > input[type='text'] { margin:0px 10px 0px 0px; }
    

    #fabric_sample_form > div.price { font:normal 24px Arial, Hevletica, Sans-Serif; }
    

}/*900px*/





@media all and (max-width:800px)
{
    
    /* #### CUSTOM_ITEM #### */
    #custom_item { background:none; }
    
    #custom_item > div.left { width:100%; }
    #custom_item > div.left > div.wizardquote { font:normal 12px/14px Arial, Hevletica, Sans-Serif; }

    #custom_item > div.right { width:100%; }

    
    /* ## STEP_REVIEW ## */
    #step_review > li { padding:0px 0px 20px 0px; }











    /* #### FABRIC_PAGE #### */
    #fabrics_page > li { font:normal 16px/20px Arial, Helvetica, Sans-Serif; }
    #fabrics_page > li > ul { margin:10px 0px 0px 0px; }
    #fabrics_page > li > ul > li { margin:0px; }
 
    
    /* #### FABRIC_LIST #### */
    #fabric_list > li { width:19%; margin:6px 0.5% 8px 0.5%; }
    
    
    /* #### FABRIC_DETAILS #### */
    #fabric_details > div.left { width:50%; }
    #fabric_details > div.right { width:50%; }



}/*800px*/







 

@media all and (max-width:640px)
{
    
    /* #### CUSTOM_ITEM #### */
    #custom_item { background:none; }










    /* #### FABRIC_PAGE #### */
    #fabrics_page > li { font:normal 14px/16px Arial, Helvetica, Sans-Serif; }
    #fabrics_page > li > i { font-size:16px; }

    #fabrics_page > li:nth-of-type(1) { padding:20px 0px 0px 0px; }

    #fabrics_page > li:nth-of-type(2) { padding:20px 0px 0px 10px; }

    #fabrics_page > li > ul { margin:10px 0px 0px 0px;  font:normal 12px Arial, Helvetica, Sans-Serif; }
    #fabrics_page > li > ul > li { margin:0px; }
 
    
    /* #### FABRIC_LIST #### */
    #fabric_list { margin-top:20px; }
    #fabric_list > li { width:32%; margin:6px 0.5% 8px 0.5%; }

    
    /* #### FABRIC_DETAILS #### */
    #fabric_details { display:-webkit-flex; -webkit-flex-flow:row wrap; display:flex; flex-flow:row wrap; }

    #fabric_details > div.left { width:100%; padding:40px 0px 0px 0px; font:normal 14px/16px Arial, Helvetica, Sans-Serif; order:2; }
    #fabric_details > div.left > i { font-size:16px; }
    #fabric_details > div.left > ul { margin:10px 0px 0px 0px;  font:normal 12px Arial, Helvetica, Sans-Serif; }
    #fabric_details > div.left > ul > li { margin:0px; }
    
    #fabric_details > div.right { width:100%; padding:20px 0px 0px 0px; text-align:center; order:1; }
    
    
    /* #### FABRIC_FORMS #### */
    #fabric_yardage_form { text-align:center; }
    #fabric_sample_form { text-align:center; }
    
    
    


    

}/*640px*/



 

 

@media all and (max-width:460px)
{
    
    /* #### CUSTOM_ITEM #### */
    #custom_item { background:none; }


    
    /* ## STEP_FABRIC ## */
    #step_fabric > li { width:100%; padding:10px 0px 20px 0px; }
    #step_fabric > li > div.title { padding:0px 0px 6px 0px; }


    
    /* ## STEP_REVIEW ## */
    #step_review > li { width:100%; padding:10px 0px 20px 0px; }
    #step_review > li > div.title { padding:0px 0px 6px 0px; }
    

    

    /* #### CUSTOM_ITEM_FORM #### */
    #custom_item_form > div.price { margin:0px 30px 0px 20px; }
    #custom_item_form > input[type='text'] { margin:0px 20px 0px 0px;}
    #custom_item_form > input[type='submit'] { margin:20px 0px 0px 0px; }
    

}/*460px*/