@charset "UTF-8";

@media all
{

  * { margin:0; padding: 0 }

  option { padding-left: 0.4em }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; margin-bottom: 1px; }
  body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
    font-family: Arial;
    font-size: 75.00%; 
  }
/*  html * { font-size: 100.01% }*/

/*  body { text-align: center }*/
/*  body {
    font-family: Arial;
    font-size: 75.00%; 
    color: #444;  
  }
*/

  fieldset, img { border: 0 solid; }
/*  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }
*/
  blockquote { margin: 0 0 1em 1.5em; }

  #header { position:relative }
  #topnav {
    position:absolute;
    top: 0px;
    right: 10px;
    text-align: right;
  }
  #header, #main, #footer { clear:both; }
  #col1 { float: left; width: 200px }
  #col2 { float:right; width: 200px }
  #col3 { width:auto; margin: 0 200px }

  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col2_content {z-index: 6}
  #col3_content {z-index: 2}

  #col1_content, #col2_content, #col3_content { position:relative }


  .hideboth #col3 {margin-left: 0; margin-right: 0}
  .hidecol1 #col3 {margin-left: 0; margin-right: 200px}
  .hidecol2 #col3 {margin-left: 200px; margin-right: 0}

  .hideboth #col1, .hideboth #col2 {display:none}
  .hidecol1 #col1 {display:none}
  .hidecol2 #col2 {display:none}

   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  .clearfix { display: block }
  .floatbox { overflow:hidden }
  #ie_clearing { display: none }


  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left;}
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 49% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 0 0 0 }
  .subcr { padding: 0 0 0 3px }

  .subcl { border:1px solid #f93;}
  .subcr { border:1px solid #f93;}

/*  .c50l { padding:5px;}
  .c50r { padding:5px;}
*/

  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}



@media all
{
  #page_margins { min-width: 998px; max-width: 1200px; margin: 0 auto; border: 1px #c00000 solid; }
  #page{ background: #fff; border: 10px #fff solid; }

/*  body { text-align: center }*/
  #page_margins { text-align:left }
  #header {
    color: #000;
    background: #fff repeat-x top left;
    padding: 0; 
  }

  #topnav { color: #aaa; background: transparent; }

/*  #nav ul { margin-left: 20px; }*/

  #main { background: #fff;padding:5px 0; }

  #footer { 
  text-align:center;
    color:#666; 
    background: #fff;
    padding: 0px;
    border-top: 5px #efefef solid;

  }


/*  #nav * { border: 1px none !important}*/
  #nav_main {background: #fff;padding:0;margin:0; border-bottom:#c00000 solid 1px;}
}

@media all
{

  #page_margins {width: 998px; min-width: 998px; max-width:none }

  #main { 
  	float:left;
	width: 100%;
/*    background-color: transparent;
    background-repeat:repeat-y;
    background-position:left;*/
  }

  /* #col1 middle column*/
  #col1 { width: 492px; float:left; margin-left: 165px; }
  #col1_content {padding-left: 5px; padding-right: 5px}
  #col1wide_content {padding-left: 2px; padding-right: 2px}  /*games*/
  #col1full_content {padding-left: 2px; padding-right: 1px}  /*games*/
  #col1 h2 {padding-left:2px;}
  #colwide1 { width: 555px; float:left; margin-left: 102px; }/*games*/
  #colfull1 { width: 650px; float:left; margin-left: 1px; }/*games*/
  /* #col2 left column */
  #col2 { width: 165px; float:left;  margin-left: -652px; }
  #colwide2 { width: 102px; float:left;  margin-left: -652px; }  /*games*/
  #colfull2 { width: 2px; float:left;  margin-left: -752px; }  /*games*/  
  #col2_content {padding-left: 0px; padding-right: 10px }
  #col2 h2 {padding-left:2px;}
  /* #col3 right column*/
  #col3 { margin-left: -5px; margin-right: 0; width: 325px; float:right;}
  #col3_content {padding-left: 5px; padding-right: 0px}
  #col3 h2 {padding-left:2px;}  
.col2_boxes {border:solid 1px #C00000;}
.col2_boxes ul {padding-left:16px;}
.col1_boxes {border:solid 1px #C00000;}
.col1_boxes ul {padding-left:16px;}

.col3_boxes {border:solid 1px #C00000;margin-left:7px;margin-right:7px;}
.col3_boxes ul {padding-left:16px;}
}




@media all
{

/*  html * { font-size: 100.01% }
  body {
    font-family: Arial;
    font-size: 75.00%; 
    color: #444;  
  }*/
  h1,h2,h3,h4,h5,h6 { 
  	font-family:Arial,Verdana,serif; 
  	font-weight:bold; 
  	color:#666;
  	margin: 0 0 0.25em 0; 
  }

  h1 { font-size: 200% }                        /* 24px */
/*  h3 { font-size: 150% } */                       /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
/*  h5 { font-size: 116.67% } */                    /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

h1 {color:#f93;font-weight:bold;padding-left:2px;padding-top:0.2em;}
h2 {color:#c00000;font-size:90%;font-weight:bold;border-bottom:solid 1px #E5E5E5;}
h3 {color:#f93;font-size:80%;font-weight:bold;}
h3 a {color:#f93;}
h5, h5 a {color:#c00000;font-weight:bold;font-size:120%;}

  
  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0; }


  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }


  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }


  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }


  a {color: #006600; text-decoration:none;}
  a:focus,
/*  a:hover,
  a:active {color:#182E7A; text-decoration:underline;}*/
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}


  table { width: auto; border-collapse:collapse; margin-bottom: 0; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
}



#navigation {clear:both; width:998px; padding:0; margin:0; list-style:none; height:25px; position:relative; z-index:500; font-size:100%; font-family: arial, verdana, sans-serif;}
#navigation li {float:left; margin-right:4px;}
#navigation li a.top {display:block; float:left; height:25px; line-height:25px; color:#000; text-decoration:none; font-weight:bold; text-align:center; padding:0 0 0 5px; cursor:pointer; background:url(http://www.cdkitchen.com/images/tab_face.gif);}
#navigation li a b {float:left; display:block; padding:0 10px 0 5px; background:url(http://www.cdkitchen.com/images/tab_face.gif) right top; color:#000;}
#navigation li.current a {color:#000;}
#navigation li.current a b {color:#000; }
#navigation li a.top:hover {color:#000; background:#fff;}
#navigation li a.top:hover b {color:#000; background:#fff url(http://www.cdkitchen.com/images/tab_circle.gif)  no-repeat bottom center;}
#navigation li.current a.top:hover {color:#000; }
#navigation li.current a.top:hover b {color:#000;}

#navigation table {border-collapse:collapse; margin-right:-10px;}

#navigation ul {position:absolute; left:-9999px; top:-9999px; margin:0; list-style:none; background: #f8f8f8;padding:0px 0px; white-space:nowrap; height:auto; width:auto; z-index:300; text-align:left;}

#navigation ul.blurb {white-space:normal; width:150px; text-align:center;}

#navigation table.blurb {margin-left:125px;}
#navigation li:hover {position:relative; z-index:300;}
#navigation a:hover {position:relative; z-index:300; background: transparent; font-weight:normal;}
#navigation a:hover>img {text-decoration:none;}
#navigation :hover ul li {width:100%;padding:0;}
#navigation :hover ul li.blurb {width:75%;padding:0;}
#navigation :hover ul {left:0; top:25px; white-space:nowrap; border:1px solid #fff; border-width:0 1px 1px; border-color:#fff #ccc #aaa #eee;}
#navigation :hover ul li a:hover {text-decoration:none;background-color:#fc0;}

/* it could have been this simple if all browsers understood */
/* show next level */
#navigation li:hover li:hover > ul {left:-15px; margin-left:100%; top:-10px; border:1px solid #fff; border-color:#fff #ccc #aaa #eee;}

/*#navigation li:hover li:hover > ul .bright {background-color:#C00000;color:#fff;}*/
/*#navigation li:hover li:hover > ul .bright {background-color:#fff;color:#c00000;}*/
#navigation li:hover li:hover > ul h2{text-align:center}


/* keep further levels hidden */
#navigation li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#navigation li:hover li:hover > a {text-decoration:underline; font-weight:normal;}

#navigation :hover ul li {float:none; background:transparent;}
#navigation a:hover ul li {float:left;}
#navigation :hover ul li a {display:block; font-size:14px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000;  background:url(http://www.cdkitchen.com/images/trans.gif); text-decoration:none; text-align:left;}

/* show next level */
#navigation a:hover a:hover ul,
#navigation a:hover a:hover a:hover ul
{left:100%; top:-10px; border:1px solid #fff; border-color:#fff #ccc #aaa #eee;}


/* keep further levels hidden */
#navigation a:hover ul ul,
#navigation a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#navigation li.subblurb, #navigation li:hover li:hover > ul li.subblurb {background-color:#ff6;height:auto;width:150px;font-size:120%;padding:10px;margin-right:-5px;white-space:normal;}




#navigation table.blurb li.subblurb {background-color:#ff6;height:auto;width:150px;font-size:120%;padding:10px;margin-right:-5px;white-space:normal;}

#recipe-nav {
  position:relative; 
  display:inline;

  }
#recipe-menu {
  text-align:center; 
  position:relative; 
  height:25px;
  }
.recipe-box {
  position:relative; 
  float:left; 
  }
#recipe-menu a, #recipe-menu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#e9e9e9; 
  color:#7d7d7d; 
  display:block; 
  width:80px; 
  height:25px; 
  padding:8px 4px 0px 4px;
  margin:0 1px;
  font-size:100%;
  }
#recipe-menu a .topleft, #recipe-menu a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #fff;
  }
#recipe-menu a .topleft {
  left:0; 
  border-right:10px solid #e9e9e9; 
  }
#recipe-menu a .topright {
  left:78px; 
  border-left:10px solid #e9e9e9; 
  }
#recipe-menu a:hover {
  background-color:#fc0; 
  color:#000;
  }
#recipe-menu a:hover .topleft {
  border-right:10px solid #fc0; 
  border-top:10px solid #fff;
  }
#recipe-menu a:hover .topright {
  border-left:10px solid #fc0; 
  border-top:10px solid #fff;
  }
  
  
#recipe-menu a.active .topleft {
  left:0; 
  border-right:10px solid #f90; 
  }
#recipe-menu a.active .topright {
  left:78px; 
  border-left:10px solid #f90; 
  }
  
#recipe-menu a.active, #recipe-menu a.active:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#f90; 
  color:#fff; 
  font-family:verdana;
  font-weight:bold;
  display:block; 
  width:80px; 
  height:25px; 
  padding:8px 4px 0px 4px;
  margin:0 1px;
  font-size:100%;
  }
  #recipeborder {border:2px solid #f90;margin-top:8px;padding:2px;}
  
  .searchbox {
margin-left:300px;
margin-top:-60px;
float:left;
}



p {text-align:left;color:#000;font-size:100%;line-height:1.5em;}
.orange {color:#f93;font-weight:bold;}
.bgorange {background-color:#f93;}
.red, a.red, a.red:visited {color:#c00000;}
.black, a.black, a.black:visited {color:#000;}
.bgpeeps{background-color:#ffec95;}
.peeps, a.peeps, a.peeps {color:#ffec95;}
.white, a.white, a.white:visited{color:#fff;font-weight: bold;}
.yellow {color:#ff0;font-weight:bold;}
.dgreen {color:#090;font-weight:bold;}
.lblue {color:#9cf;font-weight:bold;}
.ital {font-style:italic;}
.hlight:hover {background-color:#f93;color:#FFF;}
.big {font-size:110%;}
.small {font-size:80%;}
.bold {font-weight:bold;}
.recinfo {font-weight:normal;font-size:100%;color:#000000;}
a.recinfo {color:#f93;}
.rec-new {font-weight:bold;font-size:10px;color:#FFF;}
.uline {text-decoration:underline;}
h1.rectitle {font-size: 150%;}
div.image {
float:left;
	width: 80px;
	height: 80px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#F0F0F0;
	font-size: 16px;
   white-space: normal; 
/*	border-style:dotted; border-width:1px; border-color:#F0F0F0;*/
}

div.image h3{
	color:#CCCCCC;
}

.leftabc {
	width: 80px;height:80px;margin-right:0.5em;margin-bottom:0.5em;background-color:#F0F0F0;
	font-size: 16px;}
div.rightabc{width:200px;float:right;}

.ad728 {text-align:center;}

.leftsky {position:relative;COLOR: #b9b9b9; FONT-SIZE: 10px; FONT-WEIGHT: 
normal; TEXT-DECORATION: none; text-align:center;}
.ad400right {position:relative;COLOR: #b9b9b9; FONT-SIZE: 10px; FONT-WEIGHT: 
normal; TEXT-DECORATION: none; text-align:center;}

.floatleft {float:left;}
.clearfloats {clear:both;}

		div.domtab{
			padding:0;
			width:299px;
			font-size:90%;
			margin-left:10px;
			margin-top:-12px;
		}
		ul.domtabs{
			float:left;
			width:299px;
			height:22px;
			margin:0 0 0 0px;				
list-style-type:none;

		}
		ul.domtabs li{
			float:left;
			padding:0 3px 0 0px;
			width:auto;
			max-width:80px;
			min-width:75px;
			font-size:80%;
			list-style-type:none;

		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:auto;
			max-width:80px;
			min-width:75px;
			display:block;
			background:#fc0;
			color:#888;
			font-weight:bold;
			text-decoration:none;
			font-family:arial;
			height:19px;
			padding-left:2px;
			border:1px solid gray;
			border-bottom:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:21px;
			min-height:20px;
		}
		ul.domtabs a:hover{
			background:#c00000;
			color:#000;
		}
		div.domtab div{
			clear:both;
			width:auto;
			background:#fff;
			border:1px solid #c00000;
			color:#fff;
			padding:1em 3em;
			height:auto; /*box body height*/
			min-height:150px;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#c00000;
			color:#fff;
			height:22px;
		}

		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#c00000;
			font-size:100%;
			font-family:arial;
		}
		
		div.domtab div a:hover
				{
			color:#390;
			font-size:100%;
			text-decoration:underline;
			font-family:arial;
		}		
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:visited,		
		div.domtab div h2 a:active,
		#t1 a
		{
			color:#c00000;
			display:inline;
			padding:0;
			font-weight:bold;
			font-size:120%;
			
		}

		
		.contentslide{
border: 1px solid #c00000;
/*border: 4px solid #c00000;*/
padding: 0px;
width: 100%;
margin:0 -5px 0 0;
height: 300px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
overflow:hidden;
/*font-family:verdana;*/
/*font-size:100%;*/
}


.pagination{
width: 100%; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
height:25px;
text-align: left;
background-color: #c00000;
border: 1px solid #c00000;
padding: 5px 0 4px 0;
margin:0 -5px 0 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 100%; /*IE5 width*/
w\idth: 100%; /*IE6 width*/
padding-right:3px;
}

.pagination a{
padding: 7px 5px 10px 5px;
text-decoration: none; 
color: #fff;
background-color: #c00000;
}

.pagination a:hover, .pagination a.selected{
color: #000;
min-height:45px;
background: #fc0 url(http://www.cdkitchen.com/images/point.gif) no-repeat 50% 0px;
}

.pagination .paginsp {
height:45px;

}


div.imagetopleft {
	float:left;
	width: 100px;
	height: 100px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	margin:0px;
	font-size: 70%;
	color: #000;
	padding-right:5px;
	background-color:#fff;
}

div.imagetopleft h3{
	color:#CCCCCC;
		font-size: 200%;
}

.fp_art
		{
			color:#c00000;
			font-size:100%;
			font-family:arial;
		}
		


.fr_articles {
min-height:150px;
height:auto;
}

.fr_articles h3 {
font-size:100%;
}

/*Recipe Category Site Map*/
#catmap, #catmap ul, #catmap li,
#bcatmap, #bcatmap ul, #bcatmap li
{margin:0;padding:0;list-style:none;}
/*#catmap,#bcatmap{background:url(http://www.cdkitchen.com/images/line1.gif) repeat-y;}*/
#catmap li,#bcatmap li{line-height:25px;margin-top:1px;position:relative;width:100%;}
* html #catmap li,* html #bcatmap li{float:left;display:inline;}
#catmap li a,#bcatmap li a,#catmap li a:visited, #catmapb li a:visited {padding-left:30px;padding-bottom:2px;font-size:110%;color:#c00000;} /*28px*/
#catmap li span,#bcatmap li span{float:left;position:absolute;top:5px;left:5px;width:20px;height:20px;cursor:auto;font-size:0;}
#catmap li span, #catmap li span.collapsed,#bcatmap li span, #bcatmap li span.collapsed{background:url(http://www.cdkitchen.com/images/collapsed.gif) no-repeat 0 0;padding-bottom:6px;} 
#catmap li span.expanded,#bcatmap li span.expanded{background:url(http://www.cdkitchen.com/images/expanded.gif) no-repeat 0 0;}
#catmap li .catdesc,#bcatmap li .catdesc{border:1px dashed #f90;background:#f9f9f9;margin-left:-20px;margin-top:-85px;padding:0;display:block;} /*28px*/


/* Recipe sub levels */
#catmap li ul,#bcatmap li ul{margin-left:20px;}/*28px*/
/*#catmap li ul,#bcatmap li ul{margin-left:20px;background:url(http://www.cdkitchen.com/images/line1.gif) repeat-y;}*//*28px*/
/*#catmap li li,#bcatmap li li{background:url(http://www.cdkitchen.com/images/line2.gif) no-repeat 0 0;}*/
/*#catmap li li,#bcatmap li li{background:url(http://www.cdkitchen.com/images/line2.gif) no-repeat 0 0;}*/
#catmap:after, #catmap ul:after,#bcatmap:after, #bcatmap ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#catmap, #catmap ul,#bcatmap, #bcatmap ul{display:block;}
/*  \*/
#catmap, #catmap ul,#bcatmap, #bcatmap ul{min-height:1%;}
* html #catmap, * html #catmap ul,* html #bcatmap, * html #bcatmap ul{height:1%;}
#catmap ul,#bcatmap ul{display:none;}
.smicro {color:#f93;font-size:90%;text-decoration:underline;}


/*---------- bubble tooltip -----------*/
a.bub{
    position:relative;
    z-index:9998;
	color:#c00000;
	font-weight:bold;
	font-size:110%;
	font-family:verdana;
	padding-left:10px;
}
a.bub span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.bub:hover{ z-index:99999; color: #aaaaff;}
a.bub:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.submitbub:hover span.submittooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:300px;
	color: #000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}


a.bub:hover span.top{
	display: block;
	padding: 30px 8px 10px;
    background: url(http://www.cdkitchen.com/images/bubble.gif) no-repeat top;
}
a.bub:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(http://www.cdkitchen.com/images/bubble_filler.gif) repeat bottom; 
}
a.bub:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(http://www.cdkitchen.com/images/bubble.gif) no-repeat bottom;
}
.bubtitle{color:#c00000;font-size:90%;font-weight:bold;border-bottom:solid 1px #E5E5E5;}
.searchpagin {color:#ff6600;font-size:120%;font-family:verdana;font-weight:bold;}
.searchresult {font-size:150%;color:#C00000;text-decoration:underline;font-weight:bold;}
a.searchresult:visited {font-size:150%;color:#9f9f9f;text-decoration:underline;font-weight:bold;}
ul.catlistindent {padding-left:15px;list-style-type:none;}
p.catinfo {font-size:130%;font-family:arial;font-weight:bold;}
p.catinfo > img {padding-right:10px;}


.catpagination, .catUpagination{color: #f93; font-size: 100%; text-decoration:none;vertical-align:middle;}
.catUpagination {background-color:#f93;color:#fff;font-weight: bold; text-decoration: underline;font-size: 120%;}
.catpagimg {vertical-align:middle;}

.subround p {margin:0 10px; letter-spacing:1px;}

.subround p {padding-bottom:0.5em; color:#000;}

.subround {background: transparent; margin:1em;}

.subround em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-bottom:12px solid #f93; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:80px;}
* html .subround em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.subround span {display:block; width:0; height:0; color:#f93; overflow:hidden; border-bottom:10px solid #f93; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:82px; margin-top:-15px;}
* html .subround span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.sr1, .sr2, .sr3, .sr4, .sr5, .sr6, .sr7 {display:block; overflow:hidden; font-size:0;}
.sr1, .sr2, .sr3, .sr4, .sr5, .sr6 {height:1px;}
.sr4, .sr5, .sr6, .sr7 {background:#ccc; border-left:1px solid #f93; border-right:1px solid #f93;}

.sr1 {margin:0 8px; background:#f93;}
.sr2 {margin:0 6px; background:#f93;}
.sr3 {margin:0 4px; background:#f93;}
.sr4 {margin:0 3px; background:#fff; border-width:0 5px;}

.sr5 {margin:0 2px; background:#fff; border-width:0 4px;}
.sr6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.sr7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 

.subcontent {display:block; background:#fff; border:3px solid #f93; border-width:0 3px;height:auto;height:100%;}
.subcontent a:hover {text-decoration:underline;color:#C00000;}


a.viewall {color:#f93}
a.viewall:hover {text-decoration:underline;color:#C00000;}
#subsitetitle {font-size:200%;color:#C00000;font-family:Verdana;font-weight:bold;text-align:center;width:100%;}
.popdiv {position:absolute;width:1px;height:1px;z-index:3;}
a.rboxcontrols, a.rboxcontrols:visited {background-color:#C00000;color:#FFF;text-decoration:none;border:1px solid #000;}
a.rboxcontrols:hover {background-color:#FFF;color:#C00000;border:1px solid #C00000;}
a.revrboxcontrols, a.revrboxcontrols:visited {background-color:#FFF;color:#C00000;text-decoration:none;border:1px solid #C00000;}
a.revrboxcontrols:hover {background-color:#C00000;color:#FFF;border:1px solid #000;}
.articleLink {font-size:125%;}
a.hovline:hover {text-decoration:underline;font-weight:bold;}

a.ttip{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;color:#693;text-decoration:underline}
a.ttip:hover{z-index:25; background-color:#ff0}
a.ttip span{display: none}
a.ttip:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute;top:2em;left:2em;width:25em;border:1px solid #0cf;
	text-decoration:none;background-color:#cff;color:#000;text-align: left}
#pmenu a, #pmenu a:visited {
  text-decoration:none; 
  text-align:center; 
  background-color:#c00000; 
  color:#fff; 
  display:block; 
  width:160px; 
  border:2px solid #fff;
  font-size:110%;
  font-family:arial;
  border-color:#fe9;
  padding:0.25em;
  margin:0.5em auto;
  }
h1.homeheader {font-size:100%;color:#C00000;font-family:Verdana;font-weight:bold;text-align:center;width:100%;}