/*nav.css - navigation classes for bunches florist website

copyright 2007 Future Medium Pty Ltd

@author: matt watts
*/


.wrapper ul#topNav {
  float: right;
  margin: 0;
  padding: 5px 0;
  list-style-type: none;
}

.wrapper ul#topNav li {
  float: left;
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: none;
}

.wrapper ul#topNav li a {
  background: url("../images/icon_white_arrow_small.gif") no-repeat 0 5px;
  color: #fff;
  padding: 0 0 0 7px;
  text-decoration: none;
  cursor: pointer;
}

.wrapper ul#topNav li a:hover,
.wrapper ul#topNav li a.current {
  background: url("../images/icon_green_arrow_small.gif") no-repeat 0 5px;
  color: #04471c;
  padding: 0 0 0 7px;
  text-decoration: none;
}

.wrapper ul#nav {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
width: 754px;
}

.wrapper ul#nav li {
  display:inline;
  margin: 0;
  padding: 0;
}

.wrapper ul#nav li a,
.wrapper ul#nav li a.pink {
  float:left;
  background: url("../images/tabsLeft.gif") no-repeat left top;
  margin: 0 2px 0 0;
  padding: 0 0 0 4px;
  text-decoration:none;
  cursor: pointer
}

.wrapper ul#nav li a.pink {
	background: url("../images/tabsPLeft.gif") no-repeat left top;
}

.wrapper ul#nav li a span,
.wrapper ul#nav li a.pink span {
  float:left;
  display:block;
  background: url("../images/tabsRight.gif") no-repeat right top;
  padding:8px 6px 6px 4px;
  color: #fff;
  font-weight: bold;
  cursor: pointer
}

.wrapper ul#nav li a.pink span {
  background: url("../images/tabsPRight.gif") no-repeat right top;
}

.wrapper ul#nav li a:hover,
.wrapper ul#nav li a.pink:hover {
  background-position:0% -28px;
}

.wrapper ul#nav li a:hover span,
.wrapper ul#nav li a.pink:hover span {
  background-position:100% -28px;
  text-decoration: underline;
}

.wrapper ul#nav li a.current,
.wrapper ul#nav li a.current:hover {
	background-position: 0% -56px;
}

.wrapper ul#nav li a.current span,
.wrapper ul#nav li a.current:hover span {
	background-position: 100% -56px;
	padding-bottom: 6px;
}



#subnavCol ul.subnav {
	margin: 3px 0 30px 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #e2efd2;
}

#subnavCol ul.subnav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnavCol ul.subnav li a {
	display: block;
	background: url("../images/icon_green_arrow.gif") no-repeat 5px 2px;
	color: #00400d;
	text-decoration: none;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #e2efd2;
	width: 155px;
}

#subnavCol ul.subnav li a:hover,
#subnavCol ul.subnav li a.current {
	background: #e2efd2 url("../images/icon_pink_arrow.gif") no-repeat 5px 2px;
	color: #d52980;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #e2efd2;
}
#contentCol .pagination {
  text-align: center;
  margin-bottom: 10px;
}
#contentCol .pagination .current { font-size: 1.5em; color: #80AD2D; font-weight: bold; vertical-align: middle; }
#contentCol .pagination a { color: #666666; text-decoration: none; }
#contentCol .pagination a:hover { color: #BF1E6F; }

#outerFooter .wrapper ul#footerNav {
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	list-style-type: none;
}

#outerFooter .wrapper ul#footerNav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#outerFooter .wrapper ul#footerNav li a {
	margin: 0 10px 0 0;
	color: #7ba843;
	float: left;
}

#outerFooter .wrapper ul#footerNav li a:hover,
#outerFooter .wrapper ul#footerNav li a.current {
	color: #d52980;
}