body, blurbBody, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding: 0px;
}

.spacer-5 { display: block; white-space: nowrap; width: 5px; }
.spacer-24 { display: block; white-space: nowrap;width: 24px; }
.main-content-left { width: 190px; }
.main-content-right { width: 175px; }
.main-content-center { width: auto; }

.block-image { display: block; }
.image-bloxk img { display: block; }

.prdReference p {
	background-color: transparent;
}

div.prdReference {	
	padding: 10px 10px 10px;
	background: url(/image/PRD/pageBackground.jpg);
	background-repeat: repeat;
}

.verdana {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.times {
    font-family: "Times New Roman", Times, serif;
}

a:link {
    color: #4d3a98;
    text-decoration: none;
}

a:visited {
    color: #4d3a98;
    text-decoration: none;
}

a:active {
    color: #666697;
    text-decoration: underline;
}

a:hover {
    color: #666697;
    text-decoration: underline;
}

a.no-under {
    text-decoration: none;
    color: black;
}

.aliasHeader a:link {
    color: #7f1154;
    text-decoration: none;
}

.aliasHeader a:visited {
    color: #7f1154;
    text-decoration: none;
}

.characterHeader a:link {
    color: #107610;
    text-decoration: none;
}

.characterHeader a:visited {
    color: #107610;
    text-decoration: none;
}


h1 {
    font-size: 16px;
    font-weight: bold;
}

h2 {
    font-size: 14px;
    font-weight: bold;
}

h3 {
    font-size: 12px;
    font-weight: bold;
}

h4 {
    font-size: 12px;
    font-weight: bold;
}

h5 {
    font-size: 11px;
    font-weight: bold;
}

h6 {
    font-size: 11px;
    font-weight: bold;
}

h7 {
    font-size: 10px;
    font-weight: bold;
}

td {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
}

th {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    vertical-align: bottom;
    font-weight: bold;
}

hr {
    display: block;
    height: 1px;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    margin: 0em 0;
    padding: 0;
}

dt { margin-top: 1em; margin-bottom: 0.3em; font-weight: bold; }
dd { margin-top: 0px; margin-bottom: 0px; }

.colossal {
    font-size: 30px;
}

.gargantuan {
    font-size: 24px;
}

.huge {
    font-size: 19px;
}

.large {
    font-size: 16px;
}

.medium {
    font-size: 14px;
    line-height: 16px;
}

.small {
    font-size: 12px;
    line-height: 14px;
}

.tiny {
    font-size: 11px;
    line-height: 12px;
}

.tinygrey {
    font-size: 11px;
    line-height: 12px;
    color: gray;
}

.tinygrey a {
	color: gray;
}

.diminutive {
    font-size: 10px;
}

.fine {
    font-size: 9px;
    line-height: 10px;
}

.alertMessage {
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    line-height: 14px;
}

.tinyAlertMessage {
    font-size: 11px;
    line-height: 12px;
    color: #990000;
}

.alertMessage p {
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    line-height: 14px;
}

.alertMessage blockquote p {
    font-size: 11px;
    font-weight: bold;
    color: #990000;
    line-height: 14px;
}

.functionalNav {
    font-size: 11px;
    color: black;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

a.functionalNav {
    font-size: 11px;
    color: black;
    text-align: center;
    vertical-align: middle;
    text-decoration: underline;
}

a.functionalNav:hover {
    color: #33337C;
}

a.functionalNavSelected {
    font-size: 11px;
    color: black;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    text-decoration: underline;
}

a.functionalNavSelected:hover {
    color: #33337C;
}

.globalNav, a.globalNav, a.globalNav:link, a.globalNav:visited {
    font-size: 10px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-style: normal;
    text-decoration: none;
    line-height: 10px;
}

a.globalNav:hover {
    text-decoration: underline;
}

.globalNavSelected, a.globalNavSelected, a.globalNavSelected:link, a.globalNavSelected:visited {
    font-size: 10px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-style: normal;
    text-decoration: none;
    line-height: 10px;
}

a.globalNavSelected:hover {
    text-decoration: underline;
}

.regionalNav, a.regionalNav, a.regionalNav:link, a.regionalNav:visited {
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.regionalNav:hover {
    text-decoration: underline;
}

.regionalNavSelected, a.regionalNavSelected {
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: black;
    text-decoration: none;
}

a.regionalNavSelected:hover {
    text-decoration: underline;
}

.leftNav ul {
    margin-top: 2px;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
}

.leftNav ul li {
    margin-top: 2px;
    margin-left: 10px;
    text-indent: -6px;
}

.leftNavSib li {
	list-style-image: url(/image/spacer/1x1.gif);
}

.leftNav a {
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
}

.leftNav a:hover {
    color: #666697;
    text-decoration: underline;
}

.leftNavStoreCurrentNode {
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    font-weight: bold;
}

.leftNavCurrentNode {
    list-style-image: url(/image/button/nav-2004/arrow.gif);
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    color: #33337C;
}

.leftNavCurrentNodeItself {
	font-weight: bold;
}

.leftNavCurrentNode a:hover {
    color: #666697;
    text-decoration: underline;
}

.leftNavCurrentNode li  {
    list-style-image: url(/image/spacer/1x1.gif);
}

.browseLadderAncestors {
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

.browseLadderCurrentNode {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.browseLadderAncestors a:hover {
    color: #33337C;
}

.browseLadderCurrentNode a:hover {
    color: #33337C;
}

.byCompany {
    font-size: 12px;
    font-weight: bold;
}

.numProducts {
    font-size: 11px;
    color: #666666;
}

.productCategories {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
}

.productCategory {
    font-size: 14px;
    font-weight: bold;
}

.featuredProduct {
    font-size: 12px;
    font-weight: bold;
}


.productLinkDisplay {
    font-size: 11px;
}

.blogEntryComment {
    font-size: 11px;
    font-style: italic;
	clear: both;
    text-align: right;
    display: block;
    margin: 0px;
}

.formPrompt {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    color: #666666;
    text-align: right;
}

span.paragraph { display: block; margin-bottom: 10px; }

.formPrompt~td>p{ display: inline; }

.blurb {
    font-size: 12px;
	display: block;
	margin-bottom: 18px;
}

.blurb h2 {
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 18px;
}

.blurb h3 {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.blurb p {
    margin-top: 3px;
}

.blurb .date {
    font-size: 10px;
    margin-bottom: 6px;
    display: block;
}

.PTales {
	background-image: url('/image/content/Logos/PathfinderTales_360.jpeg');
	background-repeat: no-repeat;
	width: 275px;
	height: 72px;
	border: 0px;
	float: right;
}

.PSociety {
	background-image: url('/image/content/Logos/PathfinderSocietyLogo_360.jpeg');
	background-repeat: no-repeat;
	width: 275px;
	height: 142px;
	border: 0px;
}

.blurb360 {
	font-style: italic;
	font-size: 8pt;
	float: right;
	width: 360px;
	padding: 5px;
	text-align: center;
}

.blurb180 {
	font-style: italic;
	font-size: 8pt;
	float: right;
	width: 180px;
	padding: 5px;
	text-align: center;
}

.blurbCenter {
	font-style: italic;
	font-size: 8pt;
	padding: 5px;
	vertical-align: bottom;
	text-align:center;
}

span.blurbi {
	font-style: normal;
}

p.stat-block-breaker {
	font-size: .8em;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	font-variant: small-caps;
}

.small ul {
    overflow: hidden;
    display: inline;
}

.small li {
    margin-left: 20px;
}


.faq ul {
    list-style-type: none;
}

.faq li {
    margin-top: 3px;
    margin-bottom: 3px;
}

.browseNodeDescription {
    font-style: italic;
    display: block;
    margin: 1em;
    margin-bottom: 2em;
}

.contentManagement a {
    font-size: 11px;
    background: #EEDDFF;
    color: black;
    font-weight: normal;
    margin: 3px;
    padding: 1px 2px;
}

.messageboard, .messageboard p {
    font-size: 12px;
    line-height: 19px;
}

.messageboard p {
	margin-top: 0;
}

.messageboard ul { margin: 0; padding: 0px; list-style-position: inside; }
.messageboard li { margin-left: 12px; line-height: normal; list-style-position: inside; }

.messageboardlight>a { color:#9494B6; }

.messageboardPrompt {
    font-size: 10px;
    white-space: nowrap;
    vertical-align: bottom;
    color: black;
    letter-spacing: 0.1em;
    line-height: 10px;
    margin: 0px;
    text-transform: uppercase;
}

.messageboardPrompt a:link, .messageboardPrompt a:visited {
    font-weight: bold;
}

.messageboardFlag {
	color: gray;
    font-weight: bold;
}

.messageboardFlag a:link, .messageboardFlag a:visited {
	color: gray;
}

.messageboardFlag a:hover {
	text-decoration: underline;
    color: red;
}


.messageboardPostOOC {
    color: #666697;
}

.messageboardPostDice {
	color: #669766;
}

.messageboardPostBigger {
    font-size: 14px;
}

.messageboardPostSmaller {
    font-size: 11px;
}

.messageboardAttribution {
    margin-left: 10px;
    font-size: 11px;
    color: #444;
}

.messageboard blockquote {
    border-top: 1px solid rgba( 0,0,8, .05); border-bottom: 1px solid rgba(0,0,8,.05);
    font-size: 11px;
    display: block;
    margin: 0 4px 6px 8px;
    padding: 4px 0px 0 4px;
    background: #eee; /* backup background for browsers without rgba */
    background: rgba( 64,64,64,.075 );
}

.messageboard blockquote blockquote { background: rgba( 64,64,64,.05 ); }

/* Uncomment out for nested alpha transparency */
/* .messageboard blockquote { background: rgba( 32,32,32,.05 ); } */
/* .messageboard blockquote blockquote { background: none; }

/* Uncomment for nest alpha bottom out at 5 */
/* .messageboard blockquote { background: rgba( 32,32,32,.05 ); } */
.messageboard blockquote blockquote blockquote blockquote blockquote blockquote  blockquote blockquote blockquote blockquote{ background: none; }

.messageboard blockquote > P {
    background: #eee; /* backup background for browsers without rgba */
    background: rgba( 0,0,0,0.0 );
    font-size: 11px;
}

.forumHeader {
    font-size: 12px;
    font-weight: bold;
    vertical-align: bottom;
    font-weight: bold;
    color: black;
    margin: 0px;
}

.messageboardHeader {
    font-size: 12px;
    vertical-align: bottom;
    font-weight: bold;
    color: black;
    letter-spacing: 0.15em;
    margin: 9px 0px 9px 0px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.messageboardListingGrey {
    font-size: 12px;
    color: gray;
}

.messageboardListing {
    font-size: 12px;
}

.messageboardListingNoNewPosts a:link {
    font-size: 12px;
	color: #706AB3;
}

.messageboardListingNoNewPosts a:visited {
    font-size: 12px;
	color: #706AB3;
}

.messageboardMetadata a:visited {
    font-size: 11px;
    font-style: italic;
    color: #33337C;
}

.messageboardMetadata a:link {
    font-size: 11px;
    font-style: italic;
    color: #33337C;
}

.messageboardMetadata {
    font-size: 11px;
    font-style: italic;
}

.messageboardMetadataGrey a:visited {
    font-size: 11px;
    font-style: italic;
    color: gray;
}

.messageboardMetadataGrey a:link {
    font-size: 11px;
    font-style: italic;
    color: gray;
}

.messageboardMetadataGrey {
    font-size: 11px;
    font-style: italic;
    color: gray;
}

.messageboardListingGrey a:link {
    font-size: 12px;
    color: gray;
}

.messageboardListingGrey a:visited {
    font-size: 12px;
    color: gray;
}

.messageboardListingGrey .messageboardMetadata a {
    font-size: 11px;
}

.avatarTitle {
    font-size: 11px;
}

.post {
	clear: both;
	padding-top: 18px;
	display: block;	
}

.postHeader {
    font-size: 14px;
    font-weight: bold;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.pink {
    background: #ffcfcf;
}

.postMessage {
    font-size: 12px;
}

.postdate {
	white-space: nowrap;
    font-size: 10px;
}

itemscope { display: inline; }

.vAlignMiddle {
    vertical-align: middle;
}

.boxHeader {
    font-size: 10px;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    color: black;
    letter-spacing: 0.15em;
    line-height: 19px;
    margin: 4px;
    text-transform: uppercase;
}

.boxPrompt {
    font-size: 10px;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    color: black;
    letter-spacing: 0.1em;
    line-height: 19px;
    margin: 4px;
    text-transform: uppercase;
}

.boxHeaderBig {
    font-size: 12px;
    vertical-align: middle;
    font-weight: bold;
    color: black;
    letter-spacing: 0.15em;
    line-height: 16px;
    margin: 9px;
    text-transform: uppercase;
}

.searchLinks {
    font-size: 10px;
    white-space: nowrap;
    font-style: italic;
}

.searchTitle {
    font-size: 14px;
}

.searchTitleNumProducts {
    font-size: 12px;
    font-weight: normal;
}

.searchSummary {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.searchLocation {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    display: block;
    color: #107610;    
}

.searchFacet {
    font-size: 11px;
    line-height: 13px;
    margin-top: 0px; margin-bottom: 4px;
}



.splashCategory {
    font-size: 12px;
    font-weight: bold;
    border-bottom:1px solid #000;
    margin: 12px 0px 3px 0px;
}

.splashItem {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    line-height: 13px;
    margin: 0px 0px 3px 0px;
    margin-right: 12px;
    margin-left: 24px;
    text-indent: -12px;
    width: 160px;
}

.right .splashItem {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    line-height: 13px;
    margin: 6px 0px 8px 0px;
    margin-right: 6px;
    margin-left: 6px;
    text-indent: 0px;
}

.splashItemDescription {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    display: block;
    margin-left: 12px;
}

.unlink {
	color: #8989B7;
}

.unlink a {
	color: #8989B7;
}

.faqFlag {
    display: inline; 
    float: right; 
    padding-left: 4px; 
    padding-right: 4px; 
    margin-left: 12px; 
    border-style: dotted; 
    border-width: 1px;
    color: gray;
    font-size: 10px;
    font-style: italic;
}

.faqFlagHidden {
    display: inline; 
    float: right; 
    padding-left: 4px; 
    padding-right: 4px; 
    margin-left: 12px; 
    border-style: dotted; 
    border-width: 1px;
    color: gray;
    font-size: 10px;
    font-style: italic;
    visibility: hidden;
}

.favoritePrompt {
	display: inline; float: right; padding-left: 4px; padding-right: 4px; margin-left: 4px;
	border-style: dotted; border-width: 1px; color: gray; font-size: 10px; font-weight: bold;
}

P.breakbefore {page-break-before: always}
P.breakafter {page-break-after: always}

.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-width: 350px; max-height:350px; overflow:auto; padding: 6px 6px 6px 6px;
-moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  box-shadow: 3px 3px 5px #ccc;
  z-index: 100;  }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:0px 0px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.autocomplete ul  {
    list-style-type: none;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px;
}
.autocomplete ul li {
    font-size: 12px;
    line-height: 16px;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    white-space: nowrap;
}

.ajaxToggle.expansion {
	background-image: url(/WebObjects/Frameworks/JavaWOExtensions.framework/WebServerResources/RightTriangle.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

.ajaxToggle.expansion.expanded {
	background-image: url(/WebObjects/Frameworks/JavaWOExtensions.framework/WebServerResources/DownTriangle.gif);
}

span.tooltip { display:none }

.referenceable:hover + span.tooltip{
    display:inline;
    position:absolute;
    background: #FFFFCA;
    border:1px solid #B5B5B5;
    color: #000;
    text-decoration: none;
    text-indent: 0;
    font-size: 10px;
    margin: 18px 12px 6px 0px;
    padding: 6px 6px 6px 6px;
-moz-box-shadow: 3px 3px 5px #ccc;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  box-shadow: 3px 3px 5px #ccc;}
  
  .spoilerText { display: none; margin: 0; padding: 6px; }
  .spoilerButton {width:45px;font-size:10px;margin:0px;padding:0px;}

/* Bordered Box */
    .bordered-box, .bb-frame { display: block; position: relative; border: 0; padding: 0px; margin: 0px; height: auto !important; height: 100%; width: auto; overflow: hidden; min-height: 17px; }
    .bordered-box { text-align: center; padding: 2px; margin: 0px; line-height: normal; }
    .bb-frame { text-align: left; padding: 3px; margin: 3px; }

/* Title */
    .bb-title { background-color: #eee; height: 18px; display: block; position: absolute; left: 0px; top: 0px; right: 0px; padding-top: 2px; padding-left: 4px; padding-right: 10px; z-index: 2; white-space: nowrap; }

/* Sides */
    .bb-right,.bb-left,.bb-top,.bb-bottom { display: block; position: absolute; z-index: 2; padding: 0; margin: 0; border: 0; }
    .bb-left,.bb-right { width: 8px; height: 100%; }
    .bb-top,.bb-bottom { width: 100%; height: 8px; overflow: hidden; }

    .bb-right { right: -2px; top: 0; }
    .bb-top { top: -2px; left: 6px; }
    .bb-left { left: -2px; top: 0; }
    .bb-bottom { bottom: -2px; left: 6px; }
    html>body .bb-top,.bb-bottom { left: 0; } /* hack for IE6 */

/* Corners */
    .bb-upperleft,.bb-upperright,.bb-bottomleft,.bb-bottomright { width: 8px; height: 8px; position: absolute; border: 0; z-index: 3; }

/* Border Positioning */
    .bb-upperleft,.bb-upperright { top: -2px; }
    .bb-upperleft,.bb-bottomleft { left: -2px; }
    .bb-upperright,.bb-bottomright { right: -2px; }
    .bb-bottomleft,.bb-bottomright { bottom: -2px;}

/* Content */
    .bb-content { display: block; position: relative; padding: 2px; z-index: 1; }
    .bb-title + .bb-content { padding-top: 16px; }
    .bb-title > table { padding-top: 6px; }

/* Alignments */
    .bb-float-left { float: left; padding: 0; }
    .bb-float-left>.bb-frame { float: left; }
    .bb-float-right { float: right; padding: 0; }
    .bb-float-center>.bb-frame { margin: 0px auto; display: inline-block; }
    .content-align-center>.bb-frame>.bb-content { text-align: center; }
    .content-align-center>.bb-frame>.bb-content img { display: inline; }

/* Border Radius When Turned On */
    .bb-radius .bb-frame { border: 1px solid #ddd; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -khtml-radius: 8px; padding: 4px; overflow: hidden; margin: 4px;  }
    .bb-radius > .bb-frame > .bb-content { padding: 0; }


/* Special case for purple borders with a box shadow */
    .bb-radius-purple { border-color: #909; -moz-box-shadow: 2px 2px 0 0 #eee; -o-box-shadow: 2px 2px 0 0 #eee; -khtml-box-shadow: 2px 2px 0 0 #eee; -webkit-box-shadow: 2px 2px 0 0 #eee; box-shadow: 2px 2px 0 0 #eee; }

/* Omits */
    .omit-top-edge>.bb-frame,.omit-top-edge>.bb-frame>.bb-content { padding-top: 0; margin-top: 0; border-top: 0px; }
    .omit-bottom-edge>.bb-frame,.omit-bottom-edge>.bb-frame>.bb-content { padding-bottom: 0; margin-bottom: 0; border-bottom: 0px; }
    .omit-left-edge>.bb-frame,.omit-left-edge>.bb-frame>.bb-content { padding-left: 0; margin-left: 0; border-left: 0px; }
    .omit-right-edge>.bb-frame,.omit-right-edge>.bb-frame>.bb-content { padding-right: 0; margin-right: 0; border-right: 0px; }

    .omit-left-top-corner>.bb-frame,.omit-left-edge>.bb-frame,.omit-top-edge>.bb-frame { border-top-left-radius: 0; }
    .omit-right-top-corner>.bb-frame,.omit-right-edge>.bb-frame,.omit-top-edge>.bb-frame { border-top-right-radius: 0; }
    .omit-left-bottom-corner>.bb-frame,.omit-left-edge>.bb-frame,.omit-bottom-edge>.bb-frame { border-bottom-left-radius: 0; }
    .omit-right-bottom-corner>.bb-frame,.omit-right-edge>.bb-frame,.omit-bottom-edge>.bb-frame { border-bottom-right-radius: 0; }

/* Special Cases */
    .bb-gift-certificate>.bb-frame { width: 350px; text-align: center; }
    .bb-gift-certificate>.bb-frame>.bb-content { display: inline-block; }
    .omit-padding>.bb-frame { padding: 0; }
    .avatar-link { display: block; }
    .messageboard>.avatar-link>img { margin-right: 4px; }
/* tab-panel */
.tab-panel { display: block; width: auto; height: auto !important; height: 100%; overflow: hidden; position: relative; }

/* Spacer */
.tp-top { display: block; width: auto; margin: 0 10px 0 10px; padding: 0; }
.tp-rear-tab,.tp-front-tab { position: relative; margin: 0; padding: 0; bottom: 0; overflow: hidden; float: left; }
.tp-rear-tab .bb-frame, .tp-front-tab .bb-frame { float: left; }
html>body .tp-rear-tab,html>body .tp-front-tab { overflow: visible; } /* IE6 Hack */

.tp-rear-tab { z-index: 1; }
.tp-front-tab { z-index: 3; }
.tp-rear-tab .bb-frame { background-color: #eee; overflow: visible; }
.tp-front-tab .bb-frame { overflow: visible; }
.tp-front-tab a,.tp-rear-tab a { display: inline-block; }
.tp-front-tab .bb-frame, .tp-rear-tab .bb-frame { margin-right: 0; margin-bottom: 0; }
.tp-content { display: block; position: relative; top: -2px; z-index: 2; width: 100%; margin: 0; padding: 0; }
.tp-content>.bb-frame>.bb-content { padding-top: 3px; }
.tp-content>.bb-frame { margin-top: 0; }
.tp-front-tab .boxHeaderBig, .tp-rear-tab .boxHeaderBig { display: block; margin: 0; }
.tp-front-tab>.bb-frame>.bb-content,.tp-rear-tab>.bb-frame>.bb-content { margin: 0px; padding: 3px 2px 4px 2px; }
.tp-front-tab>.bb-frame>.bb-bottomleft { background-color: white; left: -2px; bottom: -4px; z-index: 6; }
.tp-front-tab>.bb-frame>.bb-bottomright { background-color: white; right: -3px; bottom: -4px; z-index: 6; }

.ourprice { color: #990000; }
div.masked { color: gray; }
div.masked a { color: gray; }
div.masked .ourprice { color: gray; }

.bb-avatar .bb-frame { border: 0px solid #ddd; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -khtml-radius: 8px; overflow: hidden; background-color: white; }

.clear { clear: both; width: 100%; display: block; }
.ph-left { display: table-cell; vertical-align: bottom; width: 100%; *float: left; }
.ph-right { display: table-cell; vertical-align: bottom; *float: right; }

.popup { margin: 0; padding: 0; z-index: 100; position: absolute; }
.popup > .bordered-box .popup > .tab-panel {
    width: auto; min-height: 20px;
    overflow: hidden;z-index: 99; position: absolute; display: inline-block;
    margin: 0 left: 0;
}
.popup > .bordered-box > .bb-frame { background: none; }
.popup > .bordered-box > .bb-frame { background: white; 
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}

.popup > .tab-panel { overflow: visible; position: absolute; }
.ajax-simple-toggle { cursor: pointer; }
.ajax-simple-toggle img { border: 0; }
.amc-hide { visibility: hidden; height: 0; }
.amc-hide>.popup { display: none; }
.overflow-visible, .overflow-visible>.bb-frame { overflow: visible }
.ajax-modal-container { position: relative; }
.li-checkbox { text-indent: -24px; margin-left: 24px; }

.always-close { width: 13px; height: 13px; position: absolute; right: -3px; top: -3px; z-index: 7; background: url( '/image/box/close.png' ); cursor: pointer; }