/* CSS Document */
/* START GENERAL PULLED FROM MYP_font.css and MYP_style.css */

/* myPantone Community Page Styles */

/* ************************************************** */
/* NOTES FROM OUR BEHAVIOR STYLING RULES DOCUMENT:
/* ::USE ONLY THESE STYLES FOR NOW. If you have a function that needs specific styling for the function, see TM to work thru it.
/* ---------------------------------------------------
/* ::STYLING DETAILS & FONT SIZE HIERARCHY:
/*
/* :::: Default copy and link hex color: 8F8F8C
/* :::: Rollover hex color: 333333
/* :::: (no alt colors for visited links. Some links will require underlined text components - see current kit of parts comps)
/* :::: ALL texts are sans-serif / Helvetica family
/* :::: Major headers: 18point bold  || pageHd?
/* :::: Story titles: 16 point bold  || conTxtHd?
/* :::: Story subhed: 12 point bold  || pageSubhd?
/* :::: Story body copy: 12 point    || body
/* :::: Small headers: 10 point bold || conTxtSm?
/* :::: Small support texts: 10 point || HUH???
/* :::: Mousetype: 8 point || .mouseType
/* ------------------------------------------------------- */


body { margin:0px; color:#8F8F8C; text-align:center; font-family:Helvetica, Arial, sans-serif; background:url(../images/MYP_mypantone/MYP_mypantone_bg.gif) repeat #fff; font-size: 12px; }
body.pop { background-color:#fff; background-image:none; }
table { border:0px; padding:0px; margin:0px; }
th, td, textarea { font-family: Helvetica, Arial, sans-serif; color: #8F8F8C; }
img { border:0px; }
img.floatleft { float:left; margin: 0px 10px 10px 0px; }
img.floatright { float:right;  margin: 0px 0px 10px 10px; }
a { text-decoration: underline; color: #8F8F8C }
a:hover { color: #333; }
.clear { clear:both; }


/* ----------Universal------------- */
/* SUSAN NOTE: This was copied from "light.css", and modified after I pasted it in. */
/*              Could be useful to go back and look at the original if we need to? */

.pageHd { font-size: 18px; font-weight: bold; }
.pageSubhd, .conTxtSubHd { font-size: 12px; font-weight: bold; }
.conTxt, .mainContent, .conTxt_wh, .conTxtSubHd_wh  { font-size: 12px; }
.conTxtSm, .conTxtSm_wh { font-size: 10px; }
.conTxtHd { font-size: 16px;  font-weight: bold; }
.mouseType { font-size: 8px; }
.conTxt_wh, .conTxtSm_wh, .conTxtHd_wh, .conTxtSubHd_wh { color: #fff; }
.conTxtHd_wh { font-size: 16px; }

/* ----------- Tag Cloud / Inspirational Image ----------- */

.tblTagFooter { width: 200px; font-size: 10px; }
.tagLI_BG { background:url(../../images/MYP_mypantone/cloud_righttab_white.gif) no-repeat bottom right; float: left; text-decoration: none; display: block; }
.tagLI_A_BG { background:url(../../images/MYP_mypantone/cloud_lefttab_white.gif) no-repeat bottom left; }
.tagLI_BG_Gray { background:url(../../images/MYP_mypantone/cloud_righttab_gray.gif) no-repeat bottom right; float: left; text-decoration: none; display: block; }
.tagLI_A_BG_Gray { background:url(../../images/MYP_mypantone/cloud_lefttab_gray.gif) no-repeat bottom left; }
.tagInspireImage { color:#fff; background-color: #BDBEC1; background-repeat: no-repeat; background-position: center; vertical-align: middle; border: 1px solid #ccc; width: 228px; height: 100px; }
.tagNoInspireImage { border: 1px solid #ccc; width: 228px; height: 100px; }
.tagTrendImage { color:#fff; background-color: #BDBEC1; background-repeat: no-repeat; background-position: center; vertical-align: middle; border: 1px solid #ccc; width: 468px; height: 225px; }
.tagTrendImageLink { cursor: hand; width: 468px; height: 225px }
.tagTrendImageDescription { font-size: 10px; line-height: 14px; }
.tagNoTrendImage { border: 1px solid #ccc; width: 468px; height: 225px; }

* html .tagTrendImage { width: 473px; } 
* html .tagTrendImageLink { width: 473px; } 
* html .tagNoTrendImage { width: 468px; } 

#tagInspireFooter ul { margin: 0; padding: 0; list-style: none; width: 200px; float: left; }
#tagInspireFooter li { float: left; }
#tagInspireFooter li a { float: left; text-decoration: none; display: block; padding: 0 1em; line-height: 2.5em; }
#tagInspireFooter li a:hover { text-decoration: none; }

#tagTrendFooter ul { margin: 0; padding: 0; list-style: none; width: 200px; float: left; }
#tagTrendFooter li { float: left; }
#tagTrendFooter li a { float: left; text-decoration: none; display: block; padding: 0 1em; line-height: 2.5em; }
#tagTrendFooter li a:hover { text-decoration: none; }
 
.tagInspireGap { width: 9px; }
/* html .tagInspireImage {border: 1px solid #ccc; width: 228px; height: 100px  } */
* html .tagInspireGap { width: 9px; }

#divCloud { margin: 0px; padding: 0 2px; height: 100px; overflow: hidden; border: 1px solid #ccc; text-align: left;}  
#divCloud p { margin: 0px; padding: 0px; }
#divCloudFooter ul { margin: 0; padding: 0; list-style: none; width: 200px; float: left; }
#divCloudFooter li { float: left; }
#divCloudFooter li a { float: left; text-decoration: none; display: block; padding: 0 1em; line-height: 2.5em; }
#divCloudFooter li a:hover { text-decoration: none; }

.tagCloud_xx-small { font-size: 6pt; text-decoration: none; }
.tagCloud_x-small {	font-size: 7pt;	text-decoration: none;	/* width: 10px; */ }	
.tagCloud_small { font-size: 9pt;	text-decoration: none; 	/* width: 60px; */ }
.tagCloud_medium { font-size: 10pt;	text-decoration: none;	/* width: 110px; */ }
.tagCloud_large { font-size: 12pt; text-decoration: none; /* width: 160px; */ }
.tagCloud_x-large {	font-size: 16pt; font-weight: bold;	text-decoration: none; /* width: 210px; */ }


/* START PULLED FROM  dark.debug.css */

/***** Footer drop-down ******/
#ftrDetail select{
	width:100%;
	padding:0px;
	margin:0px;
	font-size:10px;
	color:#8F8F8C;
}

#ftrDetail option{
	padding:0px 0px 0px 10px;
}

#ftrDetail option.siteTitle{
	padding:0px 0px 0px 6px;
	margin:2px 0px 0px 0px;
	font-weight:bold;	
	color:#7D7D7B;
}

/***** Detail beneath footer drop-down (Design,Legal,ISO9000) *****/
.ftrSmlDetail
{
	line-height: .75em;
	padding:3px 0px 0px 3px;
}

.ftrSmlDetail *{
	font-size:10px;
	line-height:14px;
	color:#8F8F8C;
}

.ftrSmlDetail a,.ftrSmlDetail a:link,.ftrSmlDetail a:hover,.ftrSmlDetail a:visited,.ftrSmlDetail a:active{
	padding:0px 3px;
	text-decoration:none;
	color:#8F8F8C;
}

/***** Text size - tobe applied to <span> to alter text size inline *****/
.template12{
	font-size:12px;
	line-height:12px;
	color:#8F8F8C;
}

.template11{
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	color:#8F8F8C;
}

#ftrDetail .template11
{
    text-transform:uppercase;
}

.template8{
	font-size:9px;
	line-height:9px;
	color:#8F8F8C;
}

.shopOrderHd
{
	color:#000000;
}
	

/* END PULLED FROM  dark.debug.css */