/* 
===========================================
Skin styles for Colder Products Company
===========================================
*/

/* style links for "low resolution" displays */

a {
	font-weight: bold;
}

li a{
	font-weight: normal
}


/* background color for the content part of the pages */
body,
Body
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; /*Verdana, Geneva, Arial, helvetica, sans-serif, Tahoma; */
	font-size: 12px; /* 0.75em; */
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Skin page dimensions */

.pagemaster
{
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.skinmaster
{
    text-align: left;
	width: 978px;
	margin-top: -1px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.ControlPanel
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
	width: 98%;
}



/* GENERAL */
/* style for module titles on edit and admin pages and the treeviewmenu title */
.Head
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}


/* text style used for most text rendered by modules */
.Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* text style used for rendered text which requires emphasis   */
.NormalBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* text style used for error messages   */
.NormalRed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility   */
.NormalTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


/* Style of the Header and footer menu row  */

.ColderHeaderMenu
{
	/*border-bottom: #69A7C6 1px solid;*/
	background: url(images/drum/nav_background.jpg) repeat-x;
	height: 60px;
	width: 100%;
	margin-left: 11px;
	margin-right: 15px;
}

.ColderFooterMenu
{
	/* remove height height: 42px;*/
	padding-bottom: 5px;
}


/* Style of the banner row  */
.banner_01
{
}

.MenuTab
{
	width: 100%;
}

/* Style of the panes  */

.IntroPane
{
	width: 978px;
	background-color: transparent;
/*	padding-left: 6px;
	padding-right: 4px;
	padding-top: 0px; */
}

.TopPane
{
	width: 978px;
	background-color: transparent;
/*	padding-left: 6px;
	padding-right: 4px; */
	padding-top: 6px;
}

.LeftPane
{
	width: 144px;
	background-color: transparent;
/*	padding-right: 20px; */
	padding-top: 6px;
}

.ContentPane
{
	width: 626px;
	background-color: transparent;
	padding-top: 6px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.RightPane
{
	width: 176px;
	background-color: transparent;
/*	padding-left: 20px; */
	padding-top: 6px;
}

.BottomPane
{
	width: 978px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.BasePane
{
	width: 978px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.Login
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
}


/* Style for the solpart menu  */

.MenuContainer
{
	background: url(images/drum/nav_background.jpg) repeat-x;
	margin-top: 0px;
	height: 60px;
	font-size: 0px;
}


/* Changes of height will cause an ftp error! */
.MenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 16px;
	background-color: Transparent;
}

.MenuIcon
{
	cursor: pointer;
	cursor: hand;
	background-color: #EFF9FD;
	text-align: center;
	width: 15px;
	height: 20px;
}

.MenuItem /* activate bg image for subitems here */
{
	cursor: pointer;
	cursor: hand;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	height: 16px;
	background-color: White; /*Transparent; // white; // fixed firefox problem, do not use transparent here */
}

.MenuArrow TD
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}


.MenuRootArrow TD
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}

.ItemsBreak
{
}

.RootItem /* left right and center bg of unselected root tab */
{
	background: url(images/drum/nav_background.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	height: 60px;
/*	background: transparent; */
	text-transform: uppercase;
}

/* 4-7 changed background images to transparent, color to white */

.RootItemActive /* outher left other right and center bg of active root item */
{
	background: url(images/drum/nav_background.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	height: 60px;
	/*background: transparent; */
	text-transform: uppercase;
}

.RootItemSelected /* outher left other right and center bg of selected sub item */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	height: 34px;
	background: transparent;
	text-transform: uppercase;
}

.RootItemBreadCrumb TD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF; /*#003366; */
	height: 34px;
	background: transparent;
}

.SubMenu /* outher left and right bg of unselected sub item, bg of sub tab */
{
	cursor: pointer;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 16px;
	background-color: #FFFFFF;
	z-index: 12000;
}

.SubItemActive /* outher left other right and center bg of selected sub item */
{
	border-top: 0px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 24px;
	background-color: #ABD0E2;
}

.SubItemSelected /* outher left other right and center bg of selected sub item */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 16px;
	background-color: #ABD0E2;
}

.SubItemBreadCrumb /* no effect */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	background-color: #EFF9FD;
}

/* hyperlink and text style for the header links  */

.Small
{
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	padding-left: 3px;
	padding-right: 3px;
}

A.Small:Link
{
	text-decoration: none;
}

A.Small:Hover
{
	color: #FF9922;
	text-decoration: underline;
}

A.Small:Active
{
	text-decoration: none;
}

A.Small:Visited
{
	text-decoration: none;
}

/* text style for the selected tab  */
.SelectedTab
{
	font-weight: normal;
	font-size: 10px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link
{
	text-decoration: none;
	color: #003366;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #800080;
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #800080;
}

A.SelectedTab:hover
{
	text-decoration: underline;
	color: #FF9922;
}

/* text style for OtherTabs  */
.OtherTabs
{
	font-weight: normal;
	font-size: 10px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* hyperlink style OtherTabs */
A.OtherTabs:link
{
	text-decoration: none;
	color: #003366;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #800080;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #800080;
}

A.OtherTabs:hover
{
	text-decoration: underline;
	color: #FF9922;
}


/* text and link style for SkinObjects */

.SkinObject
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	color: #003366;
}

A.SkinObject:link
{
	text-decoration: none;
}
A.SkinObject:visited
{
	text-decoration: none;
}
A.SkinObject:active
{
	text-decoration: none;
}
A.SkinObject:hover
{
	color: #FF9922;
	text-decoration: underline;
}


/* added 4-6 */

/* img, a, body, etc. */

img 
{
	border: none;
}

/* header */

.header 
{
	padding-right: 17px;
}

.header_img
{
	float: left;
}

.header_img_left
{
	float: left;
	margin-left: -6px;
}

/* Contact Image Links */
.contact_image_link 
{
	margin: 2px 0px 0px 0px;
}

.contact_image_link2 
{
	margin: 8px 0px 0px 0px;
}

/*search*/
.search 
{
	background: url(images/drum/nav_background.jpg) repeat-x;
	color: #FFF;
	height: 60px;
}

.search_table 
{
}

.nav_left 
{
	width: 11px; 
	height: 60px;
	background: url(images/drum/nav_left.jpg) no-repeat;
}

.nav_right 
{
	width: 15px; 
	height: 60px;
	background: url(images/drum/nav_right.jpg) no-repeat;
}

/* content style */

 

 
p {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* CSS for Colder.com */
.cpc_SearchHeadline
{
	padding-top: 20px; 
	font-size: 20px;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.cpc_SearchResults
{
	font-size: 20px;
    font-weight: bold;
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
}

.cpc_Results
{
	color: #5f5f5f; font-weight:normal; font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.cpc_DetailResults
{
	color: #5f5f5f; font-weight:normal; font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

h1,
H1,
.cpc_H1
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; font-size: 24px;
	margin-bottom: 20px;
	padding-top: 0px;
	margin-top: 12px;
}

h2,
H2,
.cpc_H2
{
	padding-top: 12px; border-bottom: 1px solid #000; font-weight:bold; font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

h3,
H3,
.cpc_H3
{
	padding-top: 12px; font-weight:bold; font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

h4,
H4,
.cpc_H4
{
	padding-top: 12px; font-weight: bold; font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
 
.cpc_Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.cpc_NormalBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.cpc_NormalRed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

.cpc_ProductButtons
{
	margin: 0px -3px -3px 0px;
	border: 0px 0px 0px 0px;
}

.cpc_ProductButtonsNA
{
	margin: 0px -3px -3px 0px;
	border: 0px 0px 0px 0px;
	filter:alpha(opacity=30);
}

.headline {
	font-weight:bold; font-size: 16px; width: 620px; float: left;
}
 
.halfheadline {
	font-weight:bold; font-size: 16px; width: 303px; float: left;
}
 
.ProductHeadline {
	border-bottom: 1px solid #000; font-weight:bold; font-size: 16px; width: 616px; float: left; margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
 
.ProductHalfHeadline {
	border-bottom: 1px solid #000; font-weight:bold; font-size: 16px; width: 308px; float: left; margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
 
.SearchHeadline {
	border-bottom: 1px solid #000; font-weight:bold; font-size: 16px; width: 600px; float: left; margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
 
 
.series a {
	text-decoration: none
}
 
 
.type {
	 font-weight:bold; font-size: 16px
}
 
.type a {
	text-decoration: none
}
 
.block {
	width: 620px;
	float: left;
	margin-bottom: 0px;
	text-align: left
}
 
.halfblock {
	width: 295px;
	float: left;
	margin-bottom: 20px;
}
 
 
.container {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	text-align: left;
}
 
.ProductPageText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.PartFinderText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.PartFinderDropDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

.PartFinderDropDownDefault {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	font-style:italic;
	margin-bottom: 10px;
}

.PartFinderImage:hover 
{
	cursor: pointer;
}

.ProductImage:hover 
{
	cursor: pointer;
}

.navCPCFocused
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: White;
}

.navCPCSelected
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
}

.navCPCDisabled
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Blue;
}

table.TradeShow tr.l0 td {
	background-color: #FFFFFF;
}
table.TradeShow tr.l1 td {
	background-color: #DAE5F2;
}

.CPCGridHeader
{
	border-bottom: solid 1px black;
}

.SearchHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.SearchHeaderRed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Red;
}

.RightAdContent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
    border-left: solid 1px #bdc7b6;
	width: 176px;
}

.LeftAdContent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	margin: 10px 0px 10px 0px;
	padding: 0px 5px 0px 0px;
    border-right: solid 1px #bdc7b6;
	width: 135px;
}

.AdHeadline
{
	font-weight:bold; font-size: 16px;
}

.GlobalContent
{
	margin-top: 8px;
	background: url(images/Drum/Global-Content.jpg) no-repeat;
}

ul.Lists
{
	list-style: none;
/*	list-style: none url(images/bullet.png) inside; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
  margin-left:0em; 
  padding-left:0.2em; 
  margin-bottom:1em; 
}

ul.Lists li
{
	background: url(images/bullet.png) 0em 0.25em no-repeat;
	padding-left: 12px;
	margin: 0px 0px 5px 5px;
}



#ulLanguage {padding:0; margin:0; list-style:none; height:19px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:80px;}
#ulLanguage li.top {display:block; float:left; margin-top: 16px; }
#ulLanguage li a {display:block; float:left; height:19px; width:80px; border:1px solid #888; border-color:#ddd #888 #888 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#ulLanguage li a b {margin-left:-999px;}
 
#ulLanguage li a.liLanguage {background:url(images/english.jpg);}
 
#ulLanguage li:hover a,
#ulLanguage a:hover
{background-position: 0 500px;}
 
#ulLanguage table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
 
#ulLanguage .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
#ulLanguage li:hover {position:relative; z-index:200;}
#ulLanguage a:hover {position:relative; white-space:normal; z-index:200;}
 
#ulLanguage :hover ul.sub
{left:0; top:19px; background: #fff; width:80px; height:auto; z-index:300;}
#ulLanguage :hover ul.sub li
{display:block; height:19px; position:relative; float:left; width:80px; font-weight:normal;}
#ulLanguage :hover ul.sub li a
{display:block; height:18px; width:79px; border:1px solid #888; border-color:#ddd #888 #888 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#ulLanguage :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}
 
#ulLanguage :hover ul li a.liEnglish {background:url(images/english.jpg) no-repeat; background-position: center center;}
#ulLanguage :hover ul li a.liTraditional {background:url(images/traditional.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liSimplified {background:url(images/simplified.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liJapanese {background:url(images/japanese.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liKorean {background:url(images/korean.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liGerman {background:url(images/german.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liSpanish {background:url(images/spanish.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liFrench {background:url(images/french.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liItalian {background:url(images/italian.jpg) no-repeat; background-position:center center;}
#ulLanguage :hover ul li a.liPortugues {background:url(images/portugues.jpg) no-repeat; background-position:center center; border-bottom: 1px solid #CCC;}
/* 
#ulLanguage :hover ul.sub li a:hover 
{background-position: 0 15px; position:relative;} 
#ulLanguage :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}
 */

 
/* Colder Menu styles */
.menu_bg{margin: 0px 11px 0 9px; background:url(images/bio/nav_background.jpg) top left;}
.menu_left{background:url(images/nav_left.jpg) no-repeat  top left;}
.menu_right{background:url(images/nav_right.jpg) no-repeat top right; }

.menu_style
{
/*	height: 60px; */
}

.ColderMenuSeparator
{
	background:url(images/drum/menu_item_right.jpg);
	height:60px;
	width:10px;
	display:inline-block;
}

.ColderMenu .root .txt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	top: -25px;
	padding-right: 6px;
	padding-left: 6px;
}

.ColderMenu:focus
{
    outline: 0;
}
.ColderMenu 
{
	font-size: 11px; 
	background-color:transparent;
	width:970px;
}

/* Main Menu Normal */
.ColderMenu .root
{	
	color: #fff;
	font-size: 11px; 
	font-weight: normal;
	text-transform:uppercase;
	white-space:nowrap;
}


/* Main menu hover */
.ColderMenu .hov
{ 
	cursor: pointer;
}

.ColderMenu table
{
	border:1px solid #C0D6E5;
}

/* SUB Menu Normal */
.ColderMenu tr.mi
{
	background-color:#F8FAFF;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#000000;
	line-height:2em;
	text-transform:none; 
}
.ColderMenu tr.mi td
{
	padding: 0 2px;
	text-transform:none;
}

/* Main menu selected */
.ColderMenu .sel
{
/*	position: relative;
	top: -25px;
	background: url(images/breadcrumb.gif) no-repeat; */
	font-weight: bold;
}

.ColderMenu table
{
	margin-top: -75px;
	z-index: 15000;
}

.ColderMenu tr.hov { 
background: #9a9a9a;  /*#EFF9FD; */
}

.ColderMenu tr.mi
{
font-size: 11px;
}

/*
.ColderMenu .bcRoot
{
	position: relative;
	top: -25px;
}
*/

/* DrumQuick */
.back_to_colder 
{
	margin-bottom: 20px;
}
#CCResult-yes {
	width: 100%;
	height: 35px;
	background: #b1f9b0;
	padding: 8px 0 18px 8px;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 4px;
	color: #5f5f5f;
}

#CCResult-yes p {
	vertical-align: middle;
}

#CCResult-no {
	width: 100%;
	height: 35px;
	background: #f9b8b0;
	padding: 8px 0 18px 8px;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 4px;
	color: #5f5f5f;
}

#CCResult-no p {
	vertical-align: middle;
}

.CCResult-text {
	color: #000;
}

.CCInterpretation {
	margin-top: 10px;
	font-size: 12px;
}

.CCSwelling {
	background: #fdfcab;
	height: 20px;
	text-align: center;
	text-align: 5px;
}

.CCTensile {
	background: #ccffff;
	height:20px;
	text-align: center;
	padding-bottom: 5px;
}

.CCDisclaimer {
	font-size: 10px;
}

.BulletList
{
	text-indent: 18px;
	background: url(images/bullet.png) 1em 0.5em no-repeat;
	padding-left: 12px;
	margin: 0px 0px 5px 5px;
	padding-top: 4px;
}

table.BulletListTable tr.White td {
	background-color: #FFFFFF;
}

table.BulletListTable tr.Blue td {
	background-color: #DAE5F2;
}