﻿/**************************************/
/* Stylesheet themes page             */
/**************************************/

#themes_outer {
  clear:both;
  float:left;
  width:500px;
  margin:15px 0 0 0;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) repeat-y 0 0;
}

#themes_outer ul {
  float:left;
  width:490px;
  list-style-type:none;
  margin:0;
  padding:17px 0 0 10px;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) no-repeat -500px 0;
}

#themes_outer ul li {
  float:left;
  width:150px;
  height:41px;
  margin:3px 15px 0 0;
  padding:0;
}

#themes_outer ul li.last {
  margin:3px 0 0 0;
}

#themes_outer ul li h3 {
  margin:0;
  font-size:11px;
  font-weight:normal;
}

#themes_outer ul li img, #recipes_related ul li img {
  float:left;
  width:32px;
  height:32px;
  margin:0 8px 0 0;
  border:1px solid #9cb55d;
}

#themes_outer ul li p {
  margin:3px 0 0 0;
}

#themes_outer ul li a:link, div#themes_outer ul li a:active, div#themes_outer ul li a:visited, div.t_intro a:link, div.t_intro a:active, div.t_intro a:visited {
  color:#739028;
  text-decoration:none;
}

#themes_outer ul li a:hover, div#themes_outer ul li a:hover h3, div.t_intro a:hover  { color:#3a4d08; }

div.t_intro a:link, div.t_intro a:active, div.t_intro a:visited { color:#739028; text-decoration:underline; }
div.t_intro a:hover { color:#3a4d08; }

#themes_footer {
  clear:both;
  float:left;
  width:500px;
  height:13px;
  overflow:hidden;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) repeat-y -1000px bottom;
}

div.tlist {
  clear:both;
  float:left;
  width:500px;
  height:40px;
  margin:15px 0 0 0;
  padding:0;
  font-size:12px;
  color:#739028;
  font-weight:bold;
  background:url(/i/elements/themas/themes_sprite.gif) repeat-y 0 0;
}

div.tlist div {
  float:left;
  width:350px;
  margin:13px 0 0 54px;
  _margin:13px 0 0 27px;
}

div.tlist div.tlist_sc {
  float:left;
  width:76px;
  margin:13px 0 0 10px;
  _margin:13px 0 0 5px;
  text-align:right;
}



#reclist {
  clear:both;
  float:left;
  width:500px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) repeat-y 0 0;
}

#reclist ul {
  margin:0 0 0 10px;
  #margin:0 0 0 10px;
  _margin:0 0 0 10px;
  padding:0;
  list-style-type:none;
}

#reclist ul.ul_hidden { display:none; }
#reclist ul.ul_active { display:block; }

#reclist ul#ul_2a, div#reclist ul#ul_3a, div#reclist ul#ul_4a, div#reclist ul#ul_5a { display:none; }

#reclist ul li {
  float:left;
  width:480px;
  height:33px;
  margin:0 31px 0 0;
  padding:5px 0 6px 0;
  border-bottom:1px solid #cedb9c;
  font-weight:bold;
}

#reclist ul li img {
  float:left;
  width:32px;
  height:32px;
  margin:0 10px 0 0;
  border:1px solid #9cb55d;
}

#reclist ul li div { margin:4px 0 0 0; }

#reclist ul li div.score {
  float:right;
  width:36px;
  margin:0;
  color:#739028;
  font-weight:bold;
  text-align:right;
}

#reclist ul li a:link, div#reclist ul li a:active, div#reclist ul li a:visited {
  color:#739028;
  text-decoration:none;
}

#reclist ul li a:hover { color:#3a4d08; }

#reclist ul li a:link div, div#reclist ul li a:active div, div#reclist ul li a:visited div {
  color:#666666;
  font-weight:normal;
  text-decoration:none;
}

#reclist ul li a:hover div {
  color:#3a4d08;
  font-weight:normal;
}

#recnav {
  clear:both;
  float:left;
  width:500px;
  height:30px;
  padding:13px 0 0 0;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) no-repeat -1000px bottom;
}

#recnav2 {
  clear:both;
  float:left;
  width:200px;
  margin:0 0 8px 48px;
  _margin:0 0 8px 24px;
}

#navindex {
  float:right;
  width:200px;
  padding:1px 0 0 0;
  font-weight:bold;
  color:#739028;
  text-align:left;
  margin:0;
}

#recnav2 div {
  float:left;
  width:21px;
  height:16px;
  margin:0 4px 0 0;
  font-weight:bold;
  color:#739028;
  padding:1px 0 0 0;
  text-align:center;
  background:url(/i/elements/themas/themes_sprite.gif) no-repeat -500px 0;
  cursor:pointer;
}

#recnav2 div.pg_prev { width:16px; background-position:-500px -48px; }
#recnav2 div.pg_prev_disabled { width:16px; background-position:-500px -32px; cursor:default; }
#recnav2 div.pg_next { width:16px; background-position:-500px -80px; }
#recnav2 div.pg_next_disabled { width:16px; background-position:-500px -64px; cursor:default; }
#recnav2 div.pg_current { background-position:-500px -16px; color:#fff; }

#recnav a:link    { color:#6b8d23; text-decoration:none; }
#recnav a:hover   { color:#739028; text-decoration:none; }

div.t_intro {
  clear:both;
  float:left;
  width:500px;
  margin:15px 0 0 0;
  padding:0;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) repeat-y 0 0;
}

div.t_intro div {
  clear:both;
  width:500px;
  width:480px;
  margin:0;
  padding:6px 10px 0 10px;
  line-height:16px;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) no-repeat -500px 0;
}

div.t_intro img {
  float:left;
  margin:5px 8px 3px 0;
  border:1px solid #9cb55d;
}

div.t_intro div h2 {
  clear:none;
  display:inline;
  margin:0 5px 0 0;
  padding:0 10px 0 0;
  font-size:11px;
  font-weight:bold;
  color:#739028;
	background-image:url(/i/elements/bull_green.gif);
	background-position: right 5px;
	background-repeat:no-repeat;
}

div.t_intro div h3 {
  display:inline;
  margin:0 5px 0 0;
  padding:0 10px 0 0;
  font-size:11px;
  font-weight:bold;
  color:#739028;
	background-image:url(/i/elements/bull_green.gif);
	background-position: right 5px;
	background-repeat:no-repeat;
}

div.t_intro div p { display:inline; }

#intro_ft {
  clear:both;
  float:left;
  width:500px;
  height:10px;
  overflow:hidden;
  background:url(/i/elements/page_elements/panel_500_sprite.gif) repeat-y -1000px bottom;
}

div.banner_html_holder div {
  margin:0;
  padding:0 0 15px 0;
}

#recipes_related {
  clear:both;
  width:480px;
  margin:0 0 0 10px;
  padding:13px 0 0 0;
}

#recipes_related h2 {
  margin:0;
  padding:0 0 7px 0;
  border-bottom:1px solid #cedb9c;
}

#recipes_related ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#recipes_related ul li {
  float:left;
  width:150px;
  margin:10px 10px 0 0;
}

#recipes_related ul li a {
  font-weight:bold;
  text-decoration:none;
}

#recipes_related ul li a:hover { color:#3a4d08; }
#recipes_related ul li p { margin:3px 0 0 0; }
