/*  AUTHOR: Zoltan Bircsak  */
/*  info@thefrippery.com  */
/*  http://www.thefrippery.com/ */

/*  -------- Main Site -------- */

a:active
{
	text-decoration: none; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal
}

a:link
{
	text-decoration: none; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal
}

a:visited
{
	text-decoration: none; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal
}

a:hover
{
	text-decoration: none; color: #666565; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal
}

body {
	background: #fff url(http://www.thefrippery.com/images/sub_background.png) no-repeat top right;
	background-attachment: fixed;
	font-family: Verdana, helvetica, sans-serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 12px;
	font-style: normal;
	color: #665566;
	line-height: 14px
}

table {  font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; color: #665566}
tr {  font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; color: #665566}
p {  font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; color: #665566}
td {  font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; color: #665566}

.page_header a:link {  text-decoration: underline; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; font-style: bold}
.page_header a:visited {  text-decoration: underline; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; font-style: bold}
.page_header a:hover {  text-decoration: underline; color: #666565; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; font-style: bold}
.page_header a:active {  text-decoration: underline; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; font-style: bold}
.page_header {  font-size: 14px; font-style: bold; color: #868686; line-height: 20px;}

.header {  font-size: 12px; font-style: bold; color: #868686; line-height: 14px;}

.catlink a:link {  text-decoration: none; color: #665566; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; font-style: bold}
.catlink a:visited {  text-decoration: none; color: #665566; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; font-style: bold}
.catlink a:hover {  text-decoration: none; color: #666565; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; font-style: bold}
.catlink a:active {  text-decoration: none; color: #665566; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; font-style: bold}
.catlink {  text-decoration: none; font-size: 12px; font-weight: bold; font-style: bold; color: #665566; line-height: 14px}

.cat_nolink {  font-size: 11px; font-style: bold; color: #868686; line-height: 14px;}

.lglink a:link {  text-decoration: none; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; line-height: 24px; font-style: normal}
.lglink a:visited {  text-decoration: none; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; line-height: 24px; font-style: normal}
.lglink a:hover {  text-decoration: underline; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; line-height: 24px; font-style: normal}
.lglink a:active {  text-decoration: none; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; line-height: 24px; font-style: normal}
.lglink {  font-size: 20px; font-style: normal; color: #868686}

.lglinksub {  font-size: 12px; font-style: normal; color: #868686}

.smlink a:link {  text-decoration: underline; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.smlink a:visited {  text-decoration: underline; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.smlink a:hover {  text-decoration: underline; color: #666565; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.smlink a:active {  text-decoration: underline; color: #868686; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.smlink {  font-size: 12px; font-style: normal; color: #868686}

.recycle a:link {  text-decoration: none; color: #8fc742; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.recycle a:visited {  text-decoration: none; color: #8fc742; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.recycle a:hover {  text-decoration: underline; color: #55b948; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.recycle a:active {  text-decoration: none; color: #8fc742; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; font-style: normal}
.recycle {  font-size: 12px; font-style: normal; color: #8fc742}

.item_header {  font-size: 18px; font-style: bold; color: #665566; line-height: 20px;}

.page_header_recycle {  font-size: 14px; font-style: bold; color: #8fc742; line-height: 20px;}

.copy {  font-size: 12px; font-style: normal; color: #868686}
.author {  font-size: 10px; font-style: normal; color: #868686}

.smgrey {  font-size: 10px; font-style: normal; color: #868686}
.smred {  font-size: 10px; font-style: normal; color: #FF0000}

table.grey_outline 
{ 
	border-right:	1px solid #d4d4d4;
	border-left:	1px solid #d4d4d4;
	border-top:		1px solid #d4d4d4;
	border-bottom:	1px solid #d4d4d4;
}

td.grey_outline 
{ 
	border-right:	1px solid #d4d4d4;
	border-left:	1px solid #d4d4d4;
	border-top:		1px solid #d4d4d4;
	border-bottom:	1px solid #d4d4d4;
}

table.purple_outline 
{ 
	border-right:	1px solid #665566;
	border-left:	1px solid #665566;
	border-top:		1px solid #665566;
	border-bottom:	1px solid #665566;
}

table.red_outline 
{ 
	border-right:	1px solid #FF0000;
	border-left:	1px solid #FF0000;
	border-top:		1px solid #FF0000;
	border-bottom:	1px solid #FF0000;
}

.navlinks a:link {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0em;
	text-decoration: none;
	color: #868686;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-style: bold
}
.navlinks a:visited {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0em;
	text-decoration: none;
	color: #868686;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-style: bold
}
.navlinks a:hover {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0em;
	text-decoration: underline;
	color: #868686;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-style: bold
}
.navlinks a:active {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0em;
	text-decoration: none;
	color: #868686;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-style: bold
}
.navlinks {
	font-size: 14px;
	font-style: bold;
	color: #868686
}

td.tab_active
{ 
	border-right:	1px solid #d4d4d4;
	border-left:	1px solid #d4d4d4;
	border-top:		1px solid #d4d4d4;
	background: #d4d4d4;
}

.imageborder_off {
border-width: 2px;
border-color: #FFFFFF;
border-style: dotted;
}

.imageborder_on {
border-width: 2px;
border-color: #D4D4D4;
border-style: solid;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #D4D4D4;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 1px 1px;
}

.iconspan{
cursor:hand;
cursor:pointer;
text-decoration: underline;
font-family: Arial;
font-size: 11px;
font-weight: normal;
line-height: 14px;
font-style: normal
}

div.imgContainer {
	height: 153px;
	width: 85px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	padding: 0;
	}
div.imgCrop {
	overflow: hidden;
	max-height: 153px;
	max-width: 85px;
	margin: 0 auto;
}

div.imgCrop img {
	position: relative;
	left:-25px;

}