
a:link {color: black; text-decoration: none; }
a:active {color: #0000ff; text-decoration: none; }
a:visited {color: slateblue; text-decoration: none; }
a:hover {color: teal; text-decoration: none; }

.copyright 
{
   /* margin-left:10px;*/
    margin-right:10px;
    font-size:.8em;
    margin-bottom: 0px;
    float:right;
    bottom:0;    
    /*position:fixed;*/
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)));
    height:10px;
    color:Gray;
    
}

/* Categories Page */
ul#category-list li
{
	height: 130px;
	width: 100px;
	float: left;
	margin: 10px;
	text-align: center;
}
ul#category-list img
{
    border:1px inset;
    width:100px;
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

/* Products List Page */
ul#product-list .Thumbnail
{
    clip:rect(0px, 75px, 75px, 0px);
    float:left;
    border:0;
    padding-right:5px;
    border-radius: 4px;    
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius: 4px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    position:absolute;
   
    height:75px;
    width:75px;
    overflow:hidden;
}
ul#product-list li
{
	height: 75px;
	width: 230px;
	float: left;
	margin: 3px;
	
	border: 1px inset black;
	border-radius:6px;
    -moz-border-radius:6px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 6px;
 
}
ul#product-list table
{
    position:relative;
    left:80px;  
    top:-20px;  
    line-height:7px;   
    width:152px !important;    
}
ul#product-list tr td
{
    padding-left:0;    
}
ul#product-list .ProductPrice 
{
    font-weight:bold;
}

ul#product-list .ProductQty input
{
     text-align:center;
}

/* Categories + Products list pages */
ul#category-list, ul#product-list, ul#book-list
{
	list-style: none;
	margin-left: 0px;
    padding-left:0px;	

}

ul#category-list a, ul#category-list li .button
{
	font-size: 13px;
	float: left;
}

/* About page */ 
.aboutInfo
{
    padding:10px 10px 20px 20px;
    color:black;
}

/** Product Pager **/
ul#product-pager
{
    clear:both;
    text-align:center;
	list-style: none;
	margin:5px 0 5px 0;
	padding:10px 0 5px 0;
}
ul#product-pager-top 
{
    clear:both;
    text-align:center;
	list-style: none;
	margin: -50px 0 5px 0;
	padding:10px 0 5px 0;
}    
ul#product-pager li , ul#product-pager-top li
{
    display: inline;
    text-align:center;
}

ul#product-pager li span, ul#product-pager-top li span
{
    background-color:gainsboro;
    border: 1px inset black;
    padding: 3px 5px 3px 5px;
    border-radius:7px;
    -moz-border-radius: 7px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 7px;
}

ul#product-pager li a, ul#product-pager-top li a
{
    border: 1px inset Gray;
    padding: 3px 5px 3px 5px;
    border-radius:7px;
    -moz-border-radius: 7px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 7px;
}
ul#product-pager li a:hover, ul#product-pager-top li a:hover
{
    color: #ffff00;
    background-color: #003366;
}
ul#product-pager li a:active, ul#product-pager-top li a:active
{
    color: #cccccc;
    background-color: #003366;
    border: 1px inset #ffffff ;
}
span#TopInstructions 
{
    position:relative;
    text-align:center;
    top:5px;
    font-size:larger;    
    
}

/* Trim/Fabric list pages */
ul#trim-col-list, ul#fabric-col-list
{
    list-style: none;
	margin:0;
	padding:0;
    line-height:15px;
}
ul#trim-col-list li
{
    width:300px;
    margin:1px 0 0 0;
    padding:0 0 0 0;
    line-height:15px;
    float:left;
}

/* Fabric page */
#fabric-info-div
{
    /*clear:both;   */
    float:left;
    list-style: none;
	margin-right: 5px;
	padding:0;	
	overflow:hidden;	
	width:325px;
	height:165px;
	border: 1px inset Gray;
	padding: 0 5px 0 5px;
    line-height:2px;

}
#fabric-cat-div
{
    /*position:relative;
    top:-590px;
    left:353px;*/
    /*float:right;*/
    
    /*position:absolute;*/
    padding-left:10px;
    border: 1px inset Gray;
    color: black;
    padding: 0 5px 0 5px;
    margin:0 5px 0 5px;
    height:590px;
    overflow:hidden;
    width:720px;
    /*display:inline;*/
    line-height:2px;
}
#fabric-col-div
{
    clear:both;
    float:left;
    border: 1px inset Gray;
    color:black;
    padding: 0px 5px 0 5px;    
    height:418px;
    width:325px;
    overflow:hidden;
    margin-top:5px;
    line-height:2px;
}
ul#fabric-cat-list
{
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
	height:552px;
	overflow:auto;
	overflow-x: hidden;
}
ul#fabric-col-list
{
    list-style: none;
	 margin: 0 0 1em 2em;
	padding:0;
    line-height:15px;
    width:100%;
    height:380px;
	overflow:auto;
	overflow-x: hidden;
}
ul#fabric-cat-list li /* Need this to make multi-column */
{   
    width:240px;
    margin:1px 0 0 0;
    padding:0 0 0 0;
    line-height:5px;
    float:left;
 /*   line-height: 5px;
 position : relative;
  margin: 0;
  padding: 0;*/
}
#fabric-info-div p
{
    text-align:center;
    margin: 5px 0 5px 0;    
}
ul#fabric-cat-list li.column1 { margin-left: 0em; }
ul#fabric-cat-list li.column2 { margin-left: 19em; }
ul#fabric-cat-list li.column3 { margin-left: 38em; }

ul#fabric-cat-list li.reset
{
    /* Bring the first item of each column back up to the level of item 1. */
    margin-top:-37.5em;
}
.fabric-SearchButton1 
{
    margin-top:0px;
    text-align:center;
}
/* Trim page */
#TrimHorz {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#trim-info-div {
    /*clear:both;*/
    float: left;
    width: 325px;
    list-style: none;
    overflow: hidden;
    height: 418px;
    border: 1px inset Gray;
    padding: 0 5px 0 5px;
    line-height: 2px;
}
#trim-col-div {
    float: left;
    width: 325px;
    border: 1px inset Gray;
    color: black;
    padding: 0px 5px 0 5px;
    height: 418px;
    overflow: hidden;
    margin: 0 0 0 5px;
    line-height: 2px;
}

#trim-cat-div {
    float: left;
    width: 300px;
    height: 418px;
    border: 1px inset Gray;
    color: black;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px;
    height: 418px;
    overflow: hidden;
    line-height: 2px;
}
.trim-SearchButton1 
{
    margin-top:10px;
    text-align:center;
}
ul#trim-cat-list
{
	list-style: none;
	margin:0;
	padding:0;
	width:610px;
}

/* Product Hover */
div#myhover
{      
    border: solid 1px #ddd; 
    border-radius:6px;
    -moz-border-radius:6px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 6px;
    height:350px;
    width:500px;
}
div#myhover table
{ 
    position:relative;    
    top:20px;
    left:150px;
}
.myDiv 
{
    left:190px;
}
#prodImage
{
    margin-left:-10px;
    position:absolute;
    clip:rect(0px, 150px, 150px, 0px);
    height:150px;
    width:150px;
    padding-right:0px;
    border-radius: 5px;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    left:20px;
    
}

/* Exclusives Page */
#exclusives-div, #flipbook-div {
    position: relative;
    border: 1px inset Gray;
    color: black;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px;
    /* height:550px; */
    overflow: auto;
    display: block;
    line-height: 2px;
    text-align: center;
}
ul#exclusives-book-list, ul#flipbook-list {
    list-style-type: none;
    width: 800px;
}
ul#exclusives-book-list li, ul#flipbook-list li {
    margin: 10px 0 0 0;
    padding: 0 20px 0 20px;
    line-height: 15px;
    min-height: 250px;
    min-width: 150px;
    width: 20%;
    float: left;
}
#exclusives-book-image, #flipbook-image {
    margin: 0 100px 0 10px;
}

/* Find Sales Rep */
#SalesRep-Prompts
{
    /*list-style: none;*/
    margin: 5px 20px 5px 20px;
    padding: 10px 10px 10px 10px; 
    vertical-align:middle;
}
ul#SalesRep-list
{   
    margin: 5px 20px 5px 20px;
    padding: 10px 10px 10px 10px;
}
ul#SalesRep-list li
{
    list-style: none;
    border: 1px inset black;
    padding: 0px 10px 5px 10px;
}
span.F_S {font-size:small;}
span.F_L {font-size:larger;}
span.F_M {font-size:medium;}
span.F_B {font-weight:bold;}
span.F_MB{font-weight:bold;font-size:medium;}
span.F_LB{font-weight:bold;font-size:larger;}
span.F_SB{font-weight:bold;font-size:small;}

span.MapLink
{
    position:relative;
    top:10px;
   
}
span.EmailLink
{
    position:relative;
    bottom:-5px;
}
span.EmailLink img, span.MapLink img
{
    margin-left:10px;
}
#SalesRepType 
{    
    float:right;
}

/* EmailUs Page */
#EmailUs, #CreditApp, #UserForm
{
    border:1px inset black;
}
#EmailUs h3 { text-align:center; }
div#EmailUs table
{
    border: 1px;
}
#CreditApp h3 { text-align:left; }
#CreditApp table, #EmailUs table
{
    width:900px;
    line-height:20px;
    margin:1px 10px 1px 10px;
}
#CreditApp table tr td, #EmailUs table tr td
{
    padding:1px 10px 1px 10px;
}

/* Product Detail Page */
#ProductDetail {
    border: 1px inset black;
    width: 99%;
}

#ProdImage
{ 
    width:300px;
    height:300px;
    margin:10px 10px 10px 10px;
    border:1px solid gray;
    border-radius: 10px;    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#ProdImage img
{ 
    height:300px;
    width:300px;
    border-radius: 10px;    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid gray;
}
#TableDetail
{
    margin:10px 5px 10px 5px;
}
#DivDetail 
{
    float:left;
}
#MainTableDetail tr td
{
   padding: 0 0 0 0;
   vertical-align:top; 
}

#TableDetail tr td
{
    vertical-align:top;  
    padding: 4px 5px 4px 4px;  
}
#TableDetail tr
{
    height:20px;
}
#AddToCart 
{
    width:300px;
    margin:10px 10px 10px 10px;
}
#AddToCart table tr td
{
    text-align:center;
    width:300px;
    padding: 4px 5px 4px 4px;  
}

.k-grid td
{
    padding-top:0.1em !important;
    padding-bottom:0.2em !important;
}

ul#menu > li {
    border-style: solid;
    border-width: thin;
    
}

#FabricGrid .k-button-icontext, #SampleGrid .k-button-icontext {
    background-color: #C5C5C5;
    color: Black;
}
#Qty
{
    width:80px;
    text-align:right;
}
#FabricGrid .k-header, #FabricGrid .k-grid-content
{
    text-align:center; 
}
#SampleGrid
{
    height:150px;
}
#SampleGrid .k-header, #SampleGrid .k-grid-content
{
    text-align:center; 
}

#Checkout
{
    float:right;
    text-align:center;
    padding:20px 5px 5px 5px;
}
/*********** Order History Page ***************/
#OrderHistGrid
{
    height:430px;
}
#OrderHistGrid .k-header, #OrderHistGrid .k-grid-content
{
    text-align:center; 
}

.grid_link a:link {
    color: #034af3;
    text-decoration: underline;
}

.grid_link a:visited {
    color: #505abc;
}

.grid_link a:hover {
    color: red;
    text-decoration: underline;
}

.grid_link a:active {
    color: #12eb87;
}

/************* Checkout Page *************/

#divCheckOut input,  #divUserProfile input
{
    padding: 0 0 0 0;
    width:245px;
}
#divCheckOut table, #divUserProfile table
{
    margin:0 5px 5px 5px;
    padding:0 5px 0 5px;
    width:390px;
}
#divCheckOut tr.d0 td, #divUserProfile tr.d0 td  {
	background-color: #8f8e91; 
	color: black;
}
#divCheckOut tr.d1 td, #divUserProfile tr.d1 td  {
	background-color: #87868a; 
	color: black;
}
#divCheckOut td.c0, #divUserProfile td.c0 {
	width:120px;
}
#ConfirmCheckoutButton
{
    padding:0 0 0 30px;    
    text-align:center;
    overflow:visible;
    position:relative;
}
#ConfirmCheckoutButton2
{
    text-align:center;
    padding:20px 5px 5px 5px;
}
.BoxHeader
{
    border:1px solid #c1bccf;
    margin: 2px 5px 1px 5px;
    padding-left:5px;
    font-weight:bold;
}
#BillTo 
{
    margin:0 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;
}
#ShipTo
{    
    margin:0 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;    
}
/*
#OrderInfo
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    clear:both;
    width:400px;
}
*/
#CuttingInfo
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;  
}
#Amounts
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;  
}

#PaymentInfo
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;  
}
#CCInfo
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;    
}
#CCInfo table tr td
{
    vertical-align:text-top;
} 
#Comment
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;  
}
.CommentArea 
{
    width:372px;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
}
.CurrencyFormat 
{
    content:'$'; 
}
.k-dropdown
{
    width:247px !important;
    font-size:95% !important;
}
.HeaderLink 
{
    font-size: 1.5em;
    color: #000;
}
/* My Account Pages */
#RegisterLink 
{
    font-size: 1.3em;
    color: #b31010;
    font-weight:bold;    
}
#UserProdife
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;  
}

.ButtonLink 
{
	text-align: center;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	font-size: 1.5em;	
    color: #000;
    text-decoration: none;
	-moz-user-select: text;
}
.ButtonLink:hover ,
.ButtonLink:focus span {
    color: teal;
}

.k-grid-edit 
{
    color:Red !important;
    font-weight:bold !important;
}

/* Cart Input */
#divCartInput
{
    padding:5px 5px 5px 5px;
    margin-bottom:5px;
    border:1px inset #cdc9d6;
    width:99%;   
}

#label-shipvia
{
    float:left;
    width:100px;
}
#loadingShipvia
{
    margin-top:3px;
    float:left;    
}
#wait-msg
{
    font-size:1.3em;
    color:#b31010;   
    position:absolute;
    z-index: 999;    
}
#logon-msg
{
    clear:both;
    font-weight:bold;
    padding:0 5px 0 15px;
    font-size:1.2em;
    color:#b31010;
    position:absolute;
    top:40px;
    left:270px;
    width:500px;
    border:1px dotted yellow;
}
#CurrentSortBy 
{
    font-size:smaller;
}

/************* Pay by CC Page *************/

#divPayByCC input
{
    padding: 0 0 0 0;
    width:245px;
}
#divPayByCC table
{
    margin:0 5px 5px 5px;
    padding:0 5px 0 5px;
    width:390px;
}
#divPayByCC tr.d0 td
{
	/*background-color: #8f8e91; */
	color: black;
}
#divPayByCC tr.d1 td
{
	background-color: #d8d5e1; 
	color: black;
}
#divPayByCC td.c0
{
	width:120px;
}
#PayByCC_Amounts
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;    
}
#PayByCC_Amounts table tr td
{
    vertical-align:text-top;
} 
#PayByCC_CCInfo
{
    margin:5px 5px 5px 5px;
    border:1px inset #cdc9d6;
    width:400px;    
}
#PayByCC_CCInfo table tr td
{
    vertical-align:text-top;
}
#ConfirmPayByCCButton
{
    vertical-align:middle;
}
ul.bookListCol {
    width: 250px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#designBoard_Delete {
    border: none;
    position: absolute;
    margin-top: 5px;
    margin-left: 133px;
}

/* Toggle Switch */
.switch-input {
    display: none;
}

.switch-input:checked + .switch-label {
        font-weight: 500;
        color: #434248;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
        background: white;
        border-radius: 2px;
        background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
        background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
        background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
        background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
    }

.switch-label {
    float: left;
    width: 100%;
    line-height: 32px;
    color: black;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display:none;
}

.CPC-switch {
    height: 96px;
    width: 292px;
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 4px;
    background: #cdc9d6;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(top, #AEAEAE, #AEAEAE);
    background-image: -moz-linear-gradient(top, #AEAEAE, #AEAEAE);
    background-image: -o-linear-gradient(top, #AEAEAE, #AEAEAE);
    background-image: linear-gradient(to bottom, #AEAEAE, #AEAEAE);
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.02), inset -1px 0 rgba(0, 0, 0, 0.02);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.02), inset -1px 0 rgba(0, 0, 0, 0.02);
    display:none;
}

#up-arrow {
    margin-left: 75px !important;
}
#down-arrow {
     margin-left: 75px !important;
}
ul#menu, ul#menu li {
    height:33px;
    font-size:initial;
    font-weight:bold;
}
#menu.k-widget {
    padding-bottom: 1px;
}
#title {
    margin-left:170px;
}
#titleStyle {
    font-size: 112px;
    font-family: 'Baskerville Old Face';
    font-weight: bold;
    margin-left: -10px;
}
#hrStyle {
    border-bottom: 10px solid #E10600;
    margin-top: -35px;
    max-width:100%;
    min-width:500px;
}
.thumbnailPrice {
    float: right;
    color: teal;
}


/* Extra Color List in Detail Page */
#extra-list {
    padding-left: 0px !important;
}
ul#extra-list .Thumbnail {
    clip: rect(0px, 75px, 75px, 0px);
    float: left;
    border: 0;
    padding-right: 5px;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-radius: 4px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    position: absolute;
    height: 75px;
    width: 75px;
    overflow: hidden;    
}

ul#extra-list li {
    height: 75px;
    width: 230px;
    float: left;
    margin: 3px;
    border: 1px inset black;
    border-radius: 6px;
    -moz-border-radius: 6px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 6px;
    list-style-type: none;
}

ul#extra-list table {
    position: relative;
    left: 80px;
    top: -15px;
    line-height: 18px;
    width: 140px !important;
}

ul#extra-list tr td {
    padding-left: 0;
}

ul#extra-list .ProductPrice {
    font-weight: bold;
}

ul#extra-list .ProductQty input {
    text-align: center;
}

.hdrContent {    
    margin: auto;
    max-width:1470px;
}

.toprighticons {
    border:none;
    padding-top:6px;
    padding-bottom:4px;
}