/* CSS file for the Irish Guide Dogs website */
/* (c) by Dave J Fox | http://www.davejfox.com */

/* xhtml tag definitions */

label span {
	font-size: 0.7em;
}

* { 
  margin: 0;
  padding: 0;
}

div.cb {
	clear: both;
}

.access {
	display: none;
}

body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(gfx/bg.gif) repeat-x #fcfcfc;
}

/*--wrapper--*/

div#wrapper {
	width: 900px;
	height: auto;
	margin: 0 auto;
}

div#top {
	display: block;
	width: 900px;
	height: 194px;
	background: url(gfx/main-img.jpg) bottom right no-repeat; 
}

div#top p#return {
	display: block;
	height: 22px;
	width: 136px;
	background: url(gfx/return-to-homepage.jpg);
	float: left;
	font-size: 0.75em;
	text-align: center;
	padding: 4px 0 0 0;
}

div#top p#return a {
	color: #fff;
	text-decoration: none;
}

div#top p#shoppingcart {
	float: right;
	padding: 7px 0 0 20px;
	text-align: right;
	font-size: 0.8em;
	color: #67ba68;
}

div#top p#shoppingcart a {
	text-decoration: none;
	color: #2b88c7;
}

div#top p#shoppingcart a:hover {
	border-bottom: 1px dotted;
}

div#top h2 {
	margin: 33px 0 0 0;
}

div#top h2 a {
	display: block;
	width: 283px;
	height: 120px;
	background: url(gfx/irish-guide-dogs.jpg) no-repeat;
	text-indent: -9999px;
}

ul#mainmenu {
	list-style: none;
	margin: 9px 0 0 0;
}

ul#mainmenu li {
	float: left;
	margin: 0 20px 0 0;
}

ul#mainmenu li a {
	color: #fff;
	text-decoration: none;
	padding: 9px 5px 9px 5px;
}

ul#mainmenu li a:hover {
	color: #55b257;
	background: url(gfx/menu-bg.gif) repeat-x;
}

div#content {
	margin: 40px 0 0 0;
}

/*--sidebar--*/

div#sidebar {
	float: left;
	width: 200px;
	height: auto;
	background: url(gfx/sidebar-end.gif) bottom no-repeat #fff;
	padding: 0 0 150px 0;
}

div#sidebar h3 {
	display: block; 
	height: 23px;
	width: 195px;
	background: url(gfx/sidemanu-bg.gif) no-repeat;
	padding: 7px 0 0 7px;
	color: #fff;
	font-size: 0.9em;
}

div#sidebar ul {
	padding: 10px 0 10px 20px;
	margin: 0 0 0 0;
}

div#sidebar ul#navi-products {
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
}

div#sidebar li#makeadonation a {
	color: #FFFFFF;
	padding: 7px 0 7px 5px;
	font-weight: bold;
	background: url(gfx/donation.jpg) right no-repeat #56b257;
	border-top: none;
	margin: 3px 0 3px 0;
}

div#sidebar li#makeadonation a:hover {
	color: #2b88c7;
}

div#sidebar ul li {
	list-style-image: url(gfx/li-ls.gif);
	font-size: 0.8em;
	line-height: 150%;
}

div#sidebar ul li a {
	color: #56b257;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 1px 0 1px 3px;
	border-top: 1px dotted #2b88c7;
}

div#sidebar ul li a:hover {
	background: #c5c5c5;
	color: #fff;
}

div#sidebar ul li ul {
	border: none;
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 1.1em;
}

div#sidebar ul li ul li {
	list-style-image: url(gfx/li-ls-sub.gif);
	margin: 0 0 0 20px;
}

div#sidebar ul li ul li a {
	border: none;
	color: #2b88c7;
	display: block;
	width: 140px;
	padding: 1px 0 1px 3px;
}

div#payments {
	display: block;
	height: auto;
	width: 180px;
	background: #fff;
	padding: 10px;
}

div#payments p {
	color: #55b257;
	margin: 0 0 10px 0;
	font-size: 0.8em;
}

div#payments img {
	margin: 0 0 10px 0;
}

div#payments a img {
	text-decoration: none;
	border: none;
}
	
/*--textarea--*/

div#textarea {
	float: right;
	width: 640px;
	height: auto;
}

div#textarea h2 {
	color: #55b257;
	margin: 0 0 30px 0;
}

div#textarea h3 {
	color: #2b88c7;
	margin: 0 0 30px 0;
	padding: 15px 0 0 0;
}

div#textarea h4 {
	color: #2b88c7;
	margin: 0 0 5px 0;
	padding: 15px 0 0 0;
}

div#textarea p {
	color: #6c6c6c;
	line-height: 140%;
	margin: 0 0 30px 0;
	text-align: justify;
	font-size: 0.9em;
}

div#textarea p a, div#textarea ul li a {
	color: #2b88c7;
	text-decoration: none;	
}

.sdon {
	font-weight: lighter;
	font-size: 0.8em;
}

div#textarea ul {
	color: #6c6c6c;
	line-height: 140%;
	margin: 0 0 30px 20px;
}

div#textarea ul li {
	font-size: 0.9em;
}

div#textarea img.fr {
	float: right;
	border: 2px solid #2b88c7;
	margin: 0 0 15px 15px;
}

div#textarea a.boldlink	{
	padding: 1px 5px 1px 5px;
	background: #2b88c7;
	color: #fff;
	text-decoration: none;
}

div#textarea a.boldlink:hover {
	background: #55b257;
}

div#textarea form {
	margin: 0 0 15px 0;
}

div#textarea form legend {
	display: none;
}

fieldset {
	background: #d6d6d6;
	border-top: 2px solid #2b88c7;
	border-bottom: 2px solid #2b88c7;
	border-left: none;
	border-right: none;
	padding: 10px 0 10px 0;
}

div#textarea form fieldset label {
	color: #2b88c7;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0 0 0 10px;
}

div#textarea form fieldset input {
	padding: 2px 4px 2px 4px;
	color: #2b88c7;
	font-size: 0.9em;
	background: #fff;
	width: 250px;
	margin: 0 0 10px 10px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
}

div#textarea form fieldset option, div#textarea form fieldset select {
	width: 260px;
	color: #2b88c7;
	font-size: 0.9em;
	background: #fff;
	margin: 0 0 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
}

div#textarea form fieldset textarea {
	padding: 4px 4px 2px 4px;
	color: #2b88c7;
	background: #fff;
	width: 350px;
	height: 100px;
	margin: 0 0 10px 10px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 130%;
}

div#textarea form fieldset input.radio, div#textarea form fieldset label.checkbox input {
	margin: 0;
	padding: 0 0 10px 0;
	width: auto;
	background-color: transparent;
}

.button, div#textarea form fieldset input.button {
	padding: 0 10px 0 10px;
	width: auto;
	background: #fff;
	color: #2b88c7;
	font-weight: bold;
	font-size: 0.8em;
}

.button:hover, div#textarea form fieldset input.button:hover {
	padding: 0 10px 0 10px;
	width: auto;
	background: #2b88c7;
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
}

/*--category page--*/

div.product {
	display: block;

	width: 620px;
	background: #ddd;
	border-top: 1px solid #2b88c7;
	border-bottom: 1px solid #2b88c7;
	margin: 0 0 30px 0;
}

img.smallproductimage {
	border: 1px solid #2b88c7;
	margin: 20px;
	float: left;
}

div.prodtext {
	float: left;
	display: block;
	width: 450px;
	min-height: 100px;
	margin: 20px 20px 0 0;
}

div#textarea div.prodtext p {
	margin: 0 0 10px 0;
}

div#textarea p ins {
	font-weight: bold;
	color: #2b88c7;
	text-decoration: underline;
}

div#textarea p del {
	font-weight: normal;
	color: #6c6c6c;
	font-size: 12px;
}

input#Quantity {
	width: 50px;
}

div#textarea p.price {
	font-weight: bold;
	color: #2b88c7;
	text-decoration: none;
}

div.prodtext h6 {
	color: #2b88c7;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

div.prodtext h6 a {
	color: #2b88c7;
	text-decoration: none;
}


/*--product-page--*/

img.prodpg {
	float: left;
	border: 2px solid #2b88c7;
	margin: 0 30px 30px 0;
}

div.prodopt {
	float: right;
	display: block;
	width: 280px;
	min-height: 230px;
	border-top: 2px solid #2b88c7;
	border-bottom: 2px solid #2b88c7;
	margin: 0 0 30px 0;
	padding: 20px;
	background: #fff;
}

* html div.prodopt {
	height: 230px;
}

div.prodopt form {
	margin: 0;
	padding: 0;
}

/*-payment-page-1-*/

table {
	width: 620px;
}
	
table tr th {
	background: #2b88c7;
	color: #fff;
	padding: 2px 5px 2px 5px;
	font-size: 0.8em;
	text-align: left;
}

table tr td {
	background: #d6d6d6;
	color: #6c6c6c;
	padding: 2px 5px 2px 5px;
	font-size: 0.8em;
}

table a {
	color: #2b88c7;
	text-decoration: none;
}

fieldset table {
	width: 580px;
}

/*--footer--*/

div#footerwrap {
	border-top: 35px solid #55b257;
	background: #c6c6c6;
	display: block;
	width: auto;
	height: 200px;
}

div#footer {
	margin: 0 auto;
	width: 900px;
	height: 200px;
	background: url(gfx/irish-guide-dogs-fi.gif) top right no-repeat;
}

div#footer h4 {
	padding: 20px 0 5px 0;
	color: #fff;
	font-size: 0.9em;
}

div#footer p {
	margin: 0 0 20px 0;
	color: #fff;
	font-size: 0.8em;
}

div#footer a {
	color: #fff;
	text-decoration: none;
}

div#footer a:hover {
	color: #fff;
	border-bottom: 1px dotted;
}


div#textarea form.donationForm div.fm-radio p
{
	color:#2B88C7;
	font-size:0.9em;
	font-weight:bold;
	margin:0 0 0 10px;	
}

form.donationForm fieldset fieldset fieldset
{
	border: 0;
	width: auto;
	padding-top: 0;
	padding-left: 40px;
/* 	padding-bottom: 40px; */
}

div#textarea form.donationForm fieldset fieldset fieldset label
{
	font-weight: normal;
	font-size: 0.95em;
}