/*common.css - common classes for bunches florist website

copyright 2007 Future Medium Pty Ltd

@author: matt watts
*/

body {
  margin: 0;
  padding: 0;
  font-size: 70%;
  font-family: arial, helvetica, sans-serif;
  background: #fff;
}

img {
	border: 0;
}

p {
	padding: 0 0 1em 0;
}

label { cursor: pointer; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

.wrapper:after,
#outerFooter .wrapper ul#footerNav:after,
#outerMiddle #contentCol ul.prodPanel:after,
#contentCol ul#pagination:after,
#contentCol ul.prodPanel.ws:after,
ul.vForm:after,
ul.hForm:after,
ul.hForm li:after,
ul.vForm li.inlineChq:after,
ul.vForm li.inlineRadio:after,
div.total:after,
ul.details:after,
ul.details li:after,
#total:after,
#aboutFooter:after,
#footer-logos:after,
.clear-nested-floats:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#outerTopNav {
  background: #9fc649 url("../images/bg_top_nav.gif") repeat-x;
}

.wrapper {
  width: 754px;
  margin: 0 auto;
}

#outerTopMiddle {
	background: url("../images/bg_top_middle.gif") repeat-x;
}

.phoneNumber {
	float: right;
	padding: 38px 0;
}

.logo {
	padding: 22px 0 26px 0;
	display: block;
	float: left;
}

#outerMiddleTop .wrapper h1 {
	color: #fff;
	margin: 0 0 0 192px;
	padding: 18px 0 10px 0;
        font-size: 1.4em;
}

#outerMiddle {
	background: url("../images/bg_middle_content.gif") repeat-x;
	padding-top: 16px;
}

#outerMiddleDetail {
	background: url("../images/bg_faux_columns.gif") repeat-x top center;
	padding-top: 16px;
}

#outerMiddleDetailNP {
	background: url("../images/bg_faux_columns_NP.gif") repeat-x top center;
	padding-top: 16px;
}

#outerMiddleDetailNP .wrapper #contentCol {
        padding-left: 20px;
        width: 555px;
} 

#subnavCol {
	float: left;
	width: 175px;
}

#subnavCol h2 {
	display: none;
}

#contentCol {
	float: right;
	width: 560px;
}

#contentCol h1 { color: #000; }

#contentCol ul.prodPanel {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

#contentCol ul.prodPanel.ws {
        width: 560px;
}

#contentCol ul.prodPanel li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 175px;
}

#contentCol ul.prodPanel.country {
  margin-left: 5px;
}

#contentCol ul.prodPanel li.middle {
	margin: 0 16px;
}

#contentCol ul.prodPanel li a.country {
        color: #6a9b0f;
        height: 15px;
        display: block;
        padding-left: 12px;
        text-decoration: none;
}

#contentCol ul.prodPanel li a.country:hover {
        color: #d52980;
        text-decoration: underline;
}

#contentCol ul.prodPanel li a.prod {
	position: relative;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	width: 175px;
	height: 160px;
	display: block;
}

#contentCol ul.prodPanel li a.prod:hover {
	border: 1px solid #f34d9a;
}

#contentCol ul.prodPanel li a.prod img.magnify {
	position: absolute;
	bottom: -1px;
	right: -1px;
}

#contentCol ul.prodPanel li a.prod img.product {
	margin: auto;
	display: block;
	vertical-align: middle;
}

#contentCol ul.prodPanel li h3 {
	color: #386402;
	margin: 0;
	padding: 2px 0;
	font-size: 1.3em;
}

#contentCol ul.prodPanel li p {
	color: #363636;
	margin: 0;
}

#contentCol ul.prodPanel li p.summary {
	height: 4em;
}

#contentCol ul.prodPanel li span.price {
	color: #d52980;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 2px;
	display: block;
}

#contentCol ul.prodPanel li img.order {
	float: right;
	margin: 0;
	padding: 0;
}

#contentCol div.total img.button {
  float: left;
  padding: 12px 0 12px 15px;
}

#contentCol div.total img.order {
	float:right;
	padding: 10px 10px 0 0;
}

#contentCol ul.prodPanel li p.delivery {
	color: #6a9b0f;
	width: 100px;
	margin: 4px 0;
	padding-bottom: 0;
}

#contentCol ul.prodPanel li p.delivery a {
        color: #6a9b0f;
        text-decoration: none;
}

#contentCol ul.prodPanel li p.delivery a:hover {
        color: #d52980;
        text-decoration: underline;
}

#contentCol .colA {
	float: left;
	width: 180px;
}

#contentCol .colB {
	float: right;
	width: 355px;
	padding-left: 15px;
	background-color: #fff;
}

#contentCol img.heading {
	padding: 8px 0;
	display: block;
}

#contentCol h2 {
	color: #7ba843;
	padding: 6px 0 8px 0;
	margin: 0;
	font-size: 1.4em;
}

#contentCol h3 {
	color: #636363;
	padding: 3px 0;
	margin: 0;
	font-size: 1.1em;
}

#contentCol p {
	color: #363636;
	padding: 0 0 15px 0;
	margin: 0;
}

#contentCol span.highlighted {
	color: #363636;
	font-weight: bold;
}

#contentCol a {
	color: #bf1e6f;
}

#contentCol a:hover {
	color: #363636;
}

#contentCol .imgBox {
	float: right;
	margin: 25px 0 5px 5px;
}

#contentCol .imgBox img {
	display: block;
}

#contentCol .imgBox a.enlarge {
	display: block;
	color: #bf1e6f;
	background: url("../images/icon_plus_symbol.gif") no-repeat 0 4px;
	padding-left: 11px;
}

#contentCol .imgBox a.enlarge:hover {
	color: #363636;
	background: url("../images/icon_plus_symbol_hover.gif") no-repeat 0 4px;
}

#contentCol ul {
	padding: 0 0 15px 0;
	margin: 0;
	list-style-type: none;
}

#contentCol ul li {
	padding: 0 0 0 10px;
	margin: 0;
	background: url("../images/icon_green_arrow_list_marker.gif") no-repeat 0 4px;
}
/*
#contentCol table {
	border-collapse: separate;
	width: 99%;
}

#contentCol table td {
	background-color: #ebf4df;
	padding: 5px 10px;
	width: 49%;
	color: #363636;
}
*/
#outerFooter {
	background: url("../images/bg_footer.gif") repeat-x;
}

#outerFooter .wrapper p {
	color: #386402;
	padding: 0;
	margin: 0;
}

#outerFooter .wrapper p.copyright {
	color: #386402;
	margin-top: 35px;
}

#outerFooter .wrapper p.copyright a {
	color: #b9c2ad;
}

#outerFooter .wrapper p.copyright a:hover {
        color: #81847d;
}

#img.about {
  display: block;
  margin: 0;
  padding: 0;
}

#aboutText {
  background: url("../images/bg_about_this_site.gif") repeat-x;
  margin: 0;
  padding: 5px;
  width: 536px;
}

#aboutText p {
  color: #7ba843;
  width: 330px;
  padding: 0 0 1em 0;
  margin: 0;
}

#aboutText p a {
  color: #d52980;
}

#aboutFooter {
  background: #7caa53;
}

#aboutFooter a {
  color: #fff;
  float: right;
  padding: 3px;
}

p.error {
  font-size: 1.3em;
  color: #6a6a6a;
}

p.success {
  font-size: 1.1em;
  color: #6a9b0f;
}

#footer-logos { margin: 20px 0 0 0; }
#footer-logos img { float: left; margin-right: 30px; }

.apContent table { border-collapse: collapse; }
.apContent table td { background: #EBF4DF; border: 1px solid white; padding: 8px; color: #363636; width: auto; }