/* site-wide styles */

.glowtable { background-color: #84C1DF; border: 1px #000000 solid;}



ul {
    list-style-image: url(images/bullet.gif);
    margin-top: 5px;
    }


h1 {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    color: #000000;
    }

h2
    {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #000000;
    }

dt
    {
    font-weight: bold;
    }


.blurb {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 12px;
    color: #666666;
    font-style: italic;
    line-height: 16px;
    }

.headline {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 15px;
    color: #666666;
    font-style: italic;
    line-height: 16px;
    }

.feature {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 11;
    line-height: 13px;
}

.feature A:visited{
    font-family: verdana, geneva, arial, sans-serif;
    color: #666666;
    font-size: 10;

}

.feature A:active, .feature A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 10;
    color: #990033;
}

.feature A:link{
    font-family: verdana, geneva, arial, sans-serif;
    color: #990033;
    font-size: 10;
}

.smalltext {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 9px;
    color: #000000;
}



.smalltable {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 10px;
    color: #000000;
}

.bodytext {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
}

.bodytext A:visited{
    font-family: verdana, geneva, arial, sans-serif;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
}

.bodytext A:active, .bodytext A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #555555;
}

.bodytext A:link{
    font-family: verdana, geneva, arial, sans-serif;
    color: #000000;
    font-size: 12px;
    line-height: 16px;
}

.header {
    font-family: verdana, geneva, arial, sans-serif;
    color: #333333;
    font-size: 16px;
    line-height: 16px;
}

.news {
    font-family: verdana, geneva, arial, sans-serif;
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
}

.small {
    font-family: verdana, geneva, arial, sans-serif;
    color: #000000;
    font-size: 11px;
    line-height: 12px;
}

.abstract {
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 11px;
    line-height: 13px;
}

/* nav styles */
.home {
    font-family: verdana, geneva, arial, sans-serif;
    color: #666666;
    font-size: 11px;
    line-height: 12px;
}

.home A:visited{
    font-family: verdana, geneva, arial, sans-serif;
    color: #666666;
    font-size: 11px;
    line-height: 12px;
}

.home A:active, .home A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 11px;
    line-height: 12px;
    color: #990033;
}

.home A:link{
    font-family: verdana, geneva, arial, sans-serif;
    color: #990033;
    font-size: 11px;
    line-height: 12px;
}

.nounderline A:visited{
    font-family: verdana, geneva, arial, sans-serif;
    color: #000000;
    font-size: 12px;
    line-height: 12px;
    text-decoration:none
}

.nounderline A:active, .nounderline A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    text-decoration:none
}

.nounderline A:link{
    font-family: verdana, geneva, arial, sans-serif;
    color: #000000;
    font-size: 12px;
    line-height: 12px;
    text-decoration:none
}

.smalltext_no_underline A:visited, .smalltext A:hover, .smalltext A:active, .smalltext A:link{
    font-family: verdana, geneva, arial, sans-serif;
    color: #000000;
    font-size: 9px;
    line-height: 11px;
    text-decoration:none
}

.smalltext A:visited, .smalltext A:active, .smalltext A:link{
    font-family: verdana, geneva, arial, sans-serif;
    color: #000000;
    font-size: 9px;
    line-height: 11px;
    text-decoration:underline;
}

.smalltext A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    color: #555555;
    font-size: 9px;
    line-height: 11px;
    text-decoration:underline;
}

.box {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 11;
	color: #333333;
	line-height: 13px;

    }

.box A:visited, .box A:link{
	font-family: verdana, geneva, arial, sans-serif;
	color: #333333;
	font-size: 11;


}

.box A:active, .box A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 11;
    color: #6A737B;
}

.box2 {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 11;
	color: #333333;
	line-height: 13px;


    }

.box2 A:visited, .box A:link{
	font-family: verdana, geneva, arial, sans-serif;
	color: #333333;
	font-size: 11;
	text-decoration: none;



}

.box2 A:active, .box A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    font-size: 11;
    color: #6A737B;
}


/* nav styles -------------------------------------- */

#navi a , #navi strong {
    color: #000000;
    font: 11px verdana,arial,helvetica,sans-serif;
    text-decoration: none;
    border-top-style: none;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: #76868C;
    border-width: 1px;
    display: block;
    padding: 4px;
    margin: 0px;
}

#navi strong {
    font-weight: bold;
    background: #8EA1A8;
}

#navi a {
    background: #CADAE0;

}

#navi a:hover {
    background: #8EA1A8;
}

#navi2 a , #navi2 strong {
    color: #000000;
    font: 11px verdana,arial,helvetica,sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-top-style: none;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-color: #76868C;
    border-width: 1px;
    display: block;
    padding: 4px;
    margin: 0px;
}

#navi2 a {
    background: #8EA1A8;
}

#navi2 a:hover {
    background: #8EA1A8;
}

#navi3 a , #navi3 strong {
	color: #000000;
	font: 9px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	border-top-style: none;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-color: #76868C;
	border-width: 1px;
	display: block;
	padding: 1px;
	margin: 0px;
	height: auto;
	text-indent: 5pt;

}

#navi3 strong {
	font-weight: bold;
	background-color: #8EA1A8;

}

#navi3 a {
	background-color: #F0F5F7;


}

#navi3 a:hover {
    background: #8EA1A8;
}

#navi4 a , #navi4 strong {
	color: #000000;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
	height: auto;
	text-indent: 5pt;
	list-style-type: none;
	border: 0px none;





}

#navi4 strong {
	background-color: #8EA1A8;


}

#navi4 a {
	list-style-type: none;





}

#navi4 a:hover {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-indent: 10pt;






}

.cookie, .cookie A:link, .cookie A:active{
    font-family: verdana, geneva, arial, sans-serif;
    color: #333333;
    font-size: 10px;
    line-height: 14px;


}

.cookie A:visited {
    font-family: verdana, geneva, arial, sans-serif;
    color: #444444;
    font-size: 10px;
    line-height: 14px;
}

.cookie A:hover{
    font-family: verdana, geneva, arial, sans-serif;
    color: #76868C;
    font-size: 10px;
    line-height: 14px;
}

.saleitem {
    color: #CC0000;
    font-weight: bold;
}

.strikethru {
    text-decoration: line-through;
}
.code {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	line-height: 16px;
	border: thin solid #000000;

}
.glowtable2 {
	background-color: #CADAE0;
	border: 1px none #000000;
	text-decoration: underline;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;


}
.headline2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #990033;
	font-style: italic;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bolder;
	letter-spacing: 3px;




}
.smalltext2 {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 9px;
	color: #000000;
	display: block;
	padding: 5px;
	text-decoration: none;


}
.headline3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	line-height: 20px;
	text-decoration: underline;
	font-weight: bold;
	letter-spacing: 1pt;
	border-top-color: 000000;
	border-right-color: 000000;
	border-bottom-color: 000000;
	border-left-color: 000000;



}

.account {
	font-family: verdana, geneva, arial, sans-serif;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-decoration: underline;
	font-style: normal;




}
.boxborder {
	border-top: thin solid #CADBF7;
	border-right: thin solid #CADBF7;
	border-bottom: thin none #CADBF7;
	border-left: thin solid #CADBF7;
}
.smalltextprod {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	display: block;
	padding: 5px;
	text-decoration: none;
	font-weight: normal;

}
.headline4 {


	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 3px;
}
.framefam {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #7C1607;
	text-decoration: none;
	font-style: normal;
	line-height: 25px;
	text-indent: 15pt;
}
.smalltextframes {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	display: block;
	padding: 5px;
	text-decoration: none;
	font-weight: normal;
	line-height: 25px;



}
.tabs {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 13px;




}
.framefam2 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #7C1607;
	text-decoration: none;
	font-style: normal;
	line-height: 25px;
}
.framefam3 {


	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: 25px;
}
.tabs2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: normal;
	border: 1.5px none #000000;
	font-weight: normal;
}
/* for framing price grid */
.pid_price_grid {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #FBCA94;
	width: 100%;
}	
tr.d0 td {
  background: #FFFFFF;

}
tr.d1 td {
  background: #F1F8E2;

}

/* Override definitions for price grid tables on mat pages.... need more refinement then frame pages price grid */
.price_grid_override table.pid_price_grid {
	font-family: verdana, geneva, arial, sans-serif;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #FBCA94;
	width: 100%;
	font-size: 9px;
	background-color: #FFFFFF;
}

/* Bring more padding to each cell */
.price_grid_override table.pid_price_grid td {
	padding:   4px;
}
/* Make the first cell/td in each row be bold text and left aligned */
.price_grid_override table.pid_price_grid tr:first-child {
	/* text-align: left; */
	font-weight: bold;
}

.pid_price_grid2 {
	font-family: verdana, geneva, arial, sans-serif;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #FBCA94;
	width: 100%;
	font-size: 9px;
}



/* Frame sub-menu is off by default.   
   Overriden to ON in header of frame prod pages 
*/
.frame_sub_menu  { display: none; }  
.frame_sub_menu a:link  { text-decoration: none; }
.frame_sub_menu a:hover { background-color: #DDDDDD; }	
.frame_sub_menu a:hover { color: #000000; background-color: #E0DACE; }	


/* #frame-setTab,         #wood-framesTab,         #fr-accessoriesTab          { background-color: #AAAAAA; }    */
/* #frame-setTab a:hover, #wood-framesTab a:hover, #fr-accessoriesTab a:hover  { background-color: #E0DACE; }    */

/* Menu tabs non-selected tabs background color and hover background color */
.framingTabMenu          { background-color: #AAAAAA; }
.framingTabMenu a:hover  { color: #000000; background-color: #E0DACE; }  


/* Table striping using Jquery */
tr.alt  td { background: #F1F8E2; }
tr.over td { background: #CDDFA7; }
 

/* Jquery tables on mat pages get a little extra alignment code */
/* First column of price schedule on mat pages */
td.firstColumnOfMatPriceTbl  { 
	text-align: left; 	
	font-weight: bold; 
}


/* Plexiglass page table background image */
.plexiTableHdr {
    font-family: "Times New Roman", Times, serif;
	text-align: center;
    font-size: 22px;  
}


/* This can help you format the plexiglass price tables */
/* outer wrapping table */
.tableAroundPlexiPriceBox { }

/* table generated by the publish routine with the order form in it */
#sku_price_box_order_form {
    font-family: "Times New Roman", Times, serif;
	text-align: left;
    width: 100%;
}


/* Red arrows instead of bullets for the "Set Contains" list in nb-frame-set prod pages */
.nbSetContains { 
    list-style-image: url("/images/red_bullet2.gif"); 
    color:#000000;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:normal;
    line-height:25px;
    padding:5px;
    padding-left: 0px;
    padding-top: 2px;
    margin-top: 0px;
    margin-left: 20px;
    text-decoration:none;
} 


.PopBoxImageSmall
{
   border: solid 2px #000000;
   cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #000000;
   cursor: url("images/magminus.cur"), pointer;
}