/* CSS Document */
/* Stylesheet by Michael Walters: mikedwalters@hotmail.com */
/* For Scottish Gardens Scheme: http://www.gardensofscotland.org */

/* Colours used: 
	font: #015531 (Dark green)
	FFFFFF
*/

/* 	Div styles
	Tag styles
	*/
body{
	background:#FFFFFF;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:arial;
}

#outer_container{
	width:950px;
	margin:0px;padding:0px;
	background:#FFFFFF;
	overflow:auto;
	}

#inner_container{
	width:920px;
	overflow:hidden;
	margin:0px;padding:0px;
	background:#FFFFFF;
	float:left;
}

#top{
	width:100%;height:173px;
	margin:0px;padding:0px;
	background:#FFFFFF;
	overflow:hidden;
}
#banner{
	width:100%;height:89px;
	margin:0px;padding:0px;
	background:#FFFFFF;
}
#top_nav{
	width:100%;height:71px;
	margin:0px;padding:0px;
	background:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-size:12px;}
	
#main{
	width:100%;
	height:auto;
	overflow:auto;
	margin:0px;padding:0px;
	background:#FFFFFF;
	color:#015531;
	border:1px solid #224F1B;
}
#main p
{
	margin-right:0px;
	color:#003300;
	font-family:Arial;
	font-size:12px;
}

#content{
	height:350px;width:260px;
	color:#003300;
	overflow:auto;
	float:right;
	text-align:left;
}
#long_content{
	height:350px;
	width:430px;
	overflow:auto;
	color:#003300;
	float:right;
	text-align:left;
}

#content_wrapper{
	width:220px;height:auto;
	color:#003300;
	text-align:left;
	float:left;
}

/* This style deals with the garden details */
#garden{
	width:730px;height:auto;
	color:#003300;
	overflow:auto;
	text-align:left;
	float:right;
	padding-right:5px;
}
/* This is the div used for displaying the tables in search.aspx */
#browsing{
	width:730px;height:auto;
	color:#003300;
	text-align:left;
	float:right;
	overflow:hidden;
}

#map{
	width:170px;
	float:right;
	background:#FFFFFF;
	text-align:center;
	padding:0px;
}
#map td{text-align:left;}

#bot_nav{
	width:100%;height:110px;
	margin:15px 0px 0px 0px;padding:0px;
	background:#FFFFFF;
	vertical-align:bottom;
	text-align:center;
	font-size:12px;
}
/* Just used for the bottom */
.legal{padding-right:60px; padding-left:60px; padding-top:10px;}

/* Used as district header when searching */
.searchclass a{color:White;}
/* Used for the drop down menu */
.district{width:150px;}
/* Used to define the look of the Garden Name on the gardens details (garden.aspx). */
.gardentitle{font-size:27px;}
/* Used to style the address of the garden on the gardens details page (garden.aspx) */
.addressdetails{font-size:14px;}
.addressdetails img{float:right; padding:10px 10px 0px 0px;}
/* For cancelled Gardens */
.cancelled{font-size:16px;color:#cc0000;font-weight:bold;}
/* Link categories on links.html */
.linkhead{font-weight:bold;}
/* Actual links on links.html */
.link{ padding-left:8px;display:block;}

/* This tag is specifically for the yellow book cover. */
#content img{padding:8px 8px 0px 0px;}

form{
padding:0px;
}

/* Classes used in search.aspx */
/*background-color:#B3E9B3;*/
.searchdistrict{
text-align:right;
font-size:22px;
font-weight:bold;
background-color:#B3E9B3;
padding:5px 0px 5px 0px;
}

.searchdata{
text-align:left;
font-size:12px;
}
.searchhead1{
text-decoration:underline;
font-size:16px;
font-weight:bold;
}
.searchhead2{
text-decoration:none;
font-size:14px;
font-weight:bold;
padding:10px 0px 10px 0px;
}
.searchregularlinks{
text-decoration:none;
font-size:14px;
font-weight:bold;
padding:10px 0px 10px 0px;
color:#003300;
}
.searchregularlinks a{
color:#003300;
}
/* End of Search.aspx classes */

hr{width:90%; text-align:center;}
a{color:#015531;}
a img{border:0px;}
img{padding:0px;margin:0px;border:0px;}
table{padding:0px;margin:0px;font-size:12px;}
table.searchresults{width:100%;background-color:#ffffff;}
p{font-family:arial; color: #015531;margin:8px;}
.garden p{font-family:arial; color: #015531;margin:0px;}
h1{margin:10px; font-family:arial;}
h1.lefttitle{text-align:left; text-decoration:underline;}
h3{font-family:arial; margin:8px;}

td{vertical-align:top; padding-bottom:2px;}

td.no_repeat{background-repeat:repeat-y;}
td.repeat_x{background-repeat:repeat-x;}

span.fieldlabel
{
	text-decoration:underline;
	font-weight:bold;
}
img.thumbnails
{
	padding:5px 45px 5px 5px;
	width:100px;
}
.webicons
{
	padding:5px 5px 0px 5px;
}

.webicontext
{
	vertical-align:super;
}

#magnifier
{
    background: transparent url(../images/pic_bg.png);
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    text-align:center;
    display:none;
   color: #ffffff;
}

#magnifier div
{
   border:1px solid #ccc;
   background-color: #003300;
   padding:30px 20px;
   width:85%;
   margin: 10px auto 0 auto;
   position:relative;
}

#close
{
    position:absolute;
    top:2px;
    right:2px;
}
.newsdate
{
	font-style:italic;
	font-size:10px;
}

#shippingselect
{
	margin-bottom: 10px;
	margin-left: 10px;
}

#paypalbutton
{
	margin: 0 auto;
	width: 150px;
}