/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}



/* END RESET */

body {
	margin:0px;
	padding:0px;
	font-family:"trebuchet ms","lucida sans unicode","lucida grande","verdana",helvetica,sans-serif;
	font-size: 11px; 
  background: #AFDFE5 url(/uploads/image/background_copy.png) repeat-x scroll 0 0;
}

	#wrapper {
background:transparent url(/uploads/image/wrapper_bg.png) repeat-y scroll 0 0;
margin:0 auto;
padding:0px 20px 0px 11px;
width:795px;
}


#container {
	/*background: transparent url(/uploads/image/container_background.png) repeat scroll 767px  ;*/
	width: 775px; 
	background-color:white;
clear:both;
}

#header {

background: url(/uploads/image/header.jpg) no-repeat 0px 24px;
height:224px;
clear:both;
}

#header h2, #header h1{
	text-indent: -9999em;
}

#header #search_bar {height:24px;background:#ebf7f8; width:775px;}


#header #siteSearch {float:right;padding-right:10px;}


#menu {
	
}

#main_nav {
	background: transparent url(/uploads/image/main_nav_bg.png);
	list-style:none;
	margin:0px;
	padding:0px;
	width:775px;
	height:24px;
	
}

#main_nav li {
padding: 4px 0px 0px 10px;
	float:left;
	
}

#main_nav li a {
	color:#fff;
	text-decoration: none;
	
}

#main_nav li a:hover {
	color:#c4d869;
	text-decoration: none;

	
}

#sub_nav {
	background: transparent url(/uploads/image/sub_nav_bg_new.png);
	list-style:none;
	margin:0px;
	padding:0px;
	width:775px;
	height:31px;
}

#shop_sub_nav {
	background: transparent url(/uploads/image/sub_nav_bg.png);
	list-style:none;
	margin:0px;
	padding: 0px;
	width:775px;
	height:31px;
margin-bottom:5px;
}

#shop_sub_nav div {padding-top:4px;}


#sub_nav li {
	float:left;
	padding: 4px 0px 0px 10px;
}

#sub_nav li a {
	color:#fff;
	text-decoration: none;
	
}

#sub_nav li a:hover {
	color:#c4d869;
	text-decoration: underline;
}

#shop_sub_nav a {
color:#fff;
text-decoration: none;


}


#shop_sub_nav a:hover {
	color:#c4d869;
	text-decoration: underline;
}


#content {
padding:0px 0px 0px 11px;
position:relative;
}

#news_content {
padding:10px 10px 10px 10px;
position:relative;
min-height:982px;
}

#secondary_content {
background:transparent url(/uploads/image/left_images.png) no-repeat scroll left top;
padding:25px 0px 20px 125px;
position:relative;
width:635px;
min-height:935px;
}

#secondary_content p {margin: 10px 0px 0px 0px}

#secondary_content li {
	list-style:square;
padding-left: .5em;
margin-left: .5em;
}



/* steve - remove #secondary_content from these so they work in fck */ 
h1 {font-size:16pt}
h2 {font-size:13pt}


.newsarticletitle {font-size:30px}
.newsdate {font-size:11px}

.newsarticleimg {padding: 0px 10px 10px 26px;}

#newsarticlecontent {padding: 0px 0px 0px 0px;}

#newsarticlecontent h1 {font-size:30px;color:#000;}

#newsarticlecontent h2 {font-size:24px;color:#000;}

#newsarticlecontent h3 {font-size:16px;color:#000;}

/*--------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
------ # Boxes */

/* Seperate the box into top content and bottom. */

.box_type0 {
background:transparent url(/uploads/image/box_type0.png) no-repeat scroll 0 0;
height:146px;
padding:0;
width:596px;
padding:1px 1px 1px 0px;
}
.box_type0 p {
font-size:10pt;
padding:5px 1px 0px 112px;
width:476px;
line-height:15px;
}
.box_type0 h3 {
color:#2592A5;
font-size:26pt;
padding:4px 0px 0px 110px;
margin:0px 0px -6px 0px;
}

.box_type0 h3 a {
color: #2592A5;
text-decoration:none;
}

.box_type0 h4 a {
color: #2592A5;
text-decoration:none;
}


.box_type0 h4 {
color:#2592A5;
font-size:14pt;
line-height:20px;
padding:0px 1px 0px 114px;
}
.box_type0 h6 {
font-size:10pt;
padding:5px 1px 0px 112px;
}


.box_rotating {
background:transparent url(/uploads/image/box_rotating.png) no-repeat scroll 0 0;
height:216px;
position:relative;
width:599px;
}
.box_rotating p {
color:#FFFFFF;
font-size:10pt;
left:109px;
position:absolute;
top:98px;
width:272px;
}
.box_rotating h3 {
position:absolute;
color:#fff;
top:6px;
font-size:26pt;
left:109px;
}

.box_rotating h4 {
color:#FFFFFF;
font-size:17pt;
position:absolute;
top:43px;
left:109px;
}

span.break {
	display:block;
	
}




.box_type1 {
background:transparent url(/uploads/image/box_main.png) no-repeat scroll 0 -1px;
float:left;
height:290px;
margin:0px 2px 5px 0px;
position:relative;
width:242px;

}

.box_type1 p {
font-size:11px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

.box_type1 h3 {
color:#FFFFFF;
font-size:21px;
line-height:15pt;
padding:49px 0 0 9px;
height:53px;

width:222px;

}

.box_type1 h6 {
font-size:13px;
font-weight:bold;
padding:1px;
position:absolute;
right:13px;
bottom:12px;
}


.box_type1 img {
padding-left:2px;
padding-right:3px;
padding-top:3px;
float:right;
}

.box_type2 {
background:transparent url(/uploads/image/box_main.png) no-repeat scroll 0 -1px;
float:left;
height:290px;
position:relative;
width:242px;
margin:0px 2px 0px 0px;
}

.box_type1_container {

width:233px;

} 


.box_type2 p {
font-size:11px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}


.box_type2 h3 {
color:#FFFFFF;
font-size:21px;
height:53px;
line-height:15pt;
padding:49px 1px 1px 9px;
width:233px;
}


.box_type2 h4 {
/*background:transparent url(/uploads/image/box3_header_part2.png) no-repeat scroll -6px 0;*/
color:#436B56;
font-size:16px;
font-weight:bold;

}
.box_type2 h6 {

font-size:13px;
font-weight:bold;
position:absolute;
right:13px;
bottom:12px;
padding:1px;

}
.box_type2 img {

padding-left:2px;
padding-right:3px;
padding-top:3px;
float:right;
}

.box_vert {
background:transparent url(/uploads/image/box_vert.png) no-repeat scroll 0 0;
height:370px;
left:608px;
position:absolute;
top:0;
width:163px;
}

.box_vert h3 {
color:#2592A5;
display:block;
font-size:46px;
position:absolute;
top: 45px;
left:15px;
}

.box_vert h4 {
color:#2592A5;
display:block;
font-size:27px;
position:absolute;
top:26px;
left:15px;
}
.box_vert p {
width:142px;
position:absolute;
top:216px;
left:15px;
font-weight:bold;
}
.box_vert img {
position:absolute;
top:106px;
left:3px;
}

.box_vert img.button{
	position:absolute;
	top:315px;
	left:9px;
}



.box_donate {
background:transparent url(/uploads/image/box_donate.png) no-repeat scroll 0 0;
height:294px;
left:610px;
position:absolute;
top:371px;
width:160px;
}

.box_donate h3 {
color:#2592A5;
display:block;
font-size:40px;
left:15px;
position:absolute;
top:29px;
}

.box_donate h4 {
color:#2592A5;
display:block;
font-size:27px;
left:15px;
position:absolute;
top:7px;
}

.box_donate p {
font-weight:bold;
left:10px;
position:absolute;
top:72px;
width:142px;
}

.box_donate img {
left:3px;
position:absolute;
top:106px;
}

.box_donate img.button {
left:7px;
position:absolute;
top:238px;
}


.box_events {
background:transparent url(/uploads/image/box_donate.png) no-repeat scroll 0 0;
height:294px;
left:610px;
position:absolute;
top:665px;
width:160px;
}

.box_events a {color:#000;text-decoration:none;}
.box_events a:hover {color:#2592A5;text-decoration:underline;}
.box_events a:visited {color:#000;}


.box_events h3 {
color:#2592A5;
display:block;
font-size:33px;
line-height:15pt;
margin-bottom:11px;
padding-left:15px;
padding-top:15px;
}
.box_events h4 {
color:#2592A5;
display:block;
font-size:12px;
font-weight:bold;
padding-left:6px;
}
.box_events p {
left:10px;
padding-left:7px;
width:142px;
}
.box_events img {
left:3px;
position:absolute;
top:106px;
}
.box_events img.button {
left:7px;
position:absolute;
top:238px;
}



#box_generic {
background:transparent url(/uploads/image/box_donate.png) no-repeat scroll 0 0;
height:294px;
width:160px;
}

#box_generic p {margin: 6px 0px 0px 9px;width:140px}

#box_generic h3 {font-size:24pt;color:#2592A5; padding: 5px 15px 0px 0px;text-align:right}


#box_generic.lft {float:left}

#box_generic.rht {float:right; margin: 10px 0px 0px 20px; clear:both}

/*--------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
------ # Columns */



#box_tabs {
width:495px;
background:transparent url(/uploads/image/tab_box_bg.png) no-repeat scroll 0px -1px;
padding:1px 1px 1px 109px;
height:594px;
position:relative;
clear:both;
}

#box_top {
width:495px;
position:relative;
}

#sidebar {
left:-10px;
position:relative;
top:-960px;
}
/*--------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
------ # Footers */

#subfooter {
height:38px;
width:100%;
background:#436b56;
font-size:14pt;
position:relative;
clear:both

}

#subfooter h3 {
	position:absolute;
	right:10px;
	top:8px;
	color:#fff;
}


#footer_container {

background:#FFFFFF /*url(/uploads/image/footer_bg.png) no-repeat scroll center top*/;
height:95px;
width:100%;
clear:both

}

#footer_base {
background: #FFFFFF url(/uploads/image/footer_bg.png) no-repeat scroll center top;
min-height:10px;
left:30px;
position:absolute;
clear:both
}

#footer {
	width:775px;
	margin:0 auto;
	position:relative;	
	color: #679ea7;
	font-size:10pt;
clear:both
}


#footer .address {
	
	float:right
}

#footer .copyright {
float:left;

}


#footer .contact {
	position:absolute;
	top:60px;
	left:0px
}


#footer h6#developed {
	position:absolute;
	top:60px;


	right:10px;
	font-weight:bold;
	font-size:10pt;
}

h1 {color: #008080}

/* RESERVES MAP PAGE(S) */

#map {
		width: 567px;
		height: 500px;
		float:right;
		margin-right:20px;
		margin-top: 1px;

}

ul#side_bar {
		font-size: 11px;
		font-family: arial;
}

div#side_bar {
		
		float:left;
		
		
	
}

div#sidebarcontainer {overflow-y:scroll;overflow-x:hidden;height:500px;width:184px;}

div#side_bar h3 {
		font-size:16px;
}


ul#side_bar2 {
		font-size: 11px;
		font-family: arial;
}

div#side_bar2 {
	
		float:left;
		
margin-bottom:9px;
	
	
}

div#side_bar2 h3 {
		font-size:16px;
}



#secondary_content_nobg {
		padding:0 0 65px 15px;
		position:relative;
		width:774px;
margin-top:8px;
		
}

#secondary_content_nobg h3 {


font-size:16px;
padding-top:5px;
padding-bottom:5px;
font-family:arial;
font-weight:bold;

}


/* CALENDER ITEMS */


div#calendar table{
  background: #fffef2;
  margin: 0;
  padding: 0;
  width: 540px;
  border-collapse: collapse;
  border: 1px solid #4f6b72;
}

div#calendar .day div{
  margin: 3px;
  padding: 3px;
  font-size: 13px;

}
div#calendar.month .date {
  color: #558;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}


div#calendar.day .date,
div#calendar.list .date {
  border-bottom: 2px solid #4f6b72;
  color: teal;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 4px 4px 4px;
  text-transform: uppercase;
/*  width: 375px; */
}

div#calendar.all .date {
  border-bottom: 2px solid #4f6b72;
  color: teal;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 4px 4px 4px;
  text-transform: uppercase;
/*  width: 375px; */
}

div#calendar.week .date {
  border-bottom: 2px solid #4f6b72;
  color: teal;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 4px 4px 4px;
  text-transform: uppercase;
/*  width: 375px; */
}


div#calendar.list .day {
  background: #fffef2;
/*  width: 375px; */
}

div#calendar.list .day div {
  background: #fffef2;
}

div#calendar.all .day {
  background: #fffef2;
/*  width: 375px; */
}

div#calendar.all .day div {
  background: #fffef2;
}

div#calendar.week.day {
  background: #fffef2;
/*  width: 375px; */
}

div#calendar.week .day div {
  background: #fffef2;
}

#calendar th {
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #FFF; /*#4f6b72;*/
 /* letter-spacing: 2px; */
  text-transform: uppercase;
  text-align: center;
  background: #003366; /*#b2e6e6;*/
  padding: 3px 3px 3px 6px; 
 /* padding: 6px 6px 6px 12px; */
}

#calendar td {
  border: 1px solid #4f6b72;
  color: #4f6b72;
  height: 100px;
  vertical-align: top;
  width: 14%;
}
#calendar td.notinmonth {
  background: #FFFFFF;
}


#slider ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
list-style:none;


}


#slider {
    width: 599px; /* important to be same as image width */
    height: 216px; /* important to be same as image height */
		position: relative; /* important */
		/*overflow: hidden; /* important */
background: transparent url(/uploads/Image/banner_bg.png) repeat scroll 0 0;
}


#sliderContent, #slider1Content, #slider2Content {
		width: 541px;
		position: absolute;
		top: 0;
		margin-left: 0;
}
.sliderImage, .slider1Image, .slider2Image {
		float: left;
		position: relative;
		padding-right: 5px;
		display: none;
}

.sliderImage span {
		font: 28px/15px Trebuchet MS,Verdana,Arial, Helvetica, sans-serif;
		color: #FFF;
		width: 400px;
		position: absolute;
		bottom:15px;
		left:106px;
                padding-right:5px;
                line-height:32px;
padding-bottom:0px; margin-bottom:0px;

}

.sliderImage span a {color:#fff;text-decoration:none}

.sliderImage span a:visited {color:#fff;text-decoration:none}


.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 20px;
    margin-top:0px; padding-top:0px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
/*.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
} */

#speciesleft {float:left;width:400px;padding:10px 0px 0px 0px;}

#speciesleft h3 {font-size:28px;color:#2592A5;}

#speciesleft p {
margin:3px 0 0;
padding:3px 0 0;
}

#speciesright 
{
background:transparent url(/uploads/Image/box_donate.png) repeat scroll 0 0;
float:right;
height:295px;
margin-top:25px;
padding:0;
width:161px;
}

#speciesright p {padding:5px}

#speciesright h3 {
color:#2592A5;
font-size:18pt;
margin:3px 1px 1px;
padding:6px 0 0 5px;
}


#speciesprofile h2 {font-size:13pt;padding-top:10px;}

#speciesprofile h1 {font-size:16pt;padding-top:10px;}

#speciesprofile h6 {padding: 5px}

#speciesprofile h6 strong {font-weight:bold}


#speciesprofile p {padding:5px}


#eventscontent h2 {font-size:25px; color:#2592A5;}
#eventscontent p {margin-top:5px;font-size:12px;}

#eventscontent h3 {font-size:15px}



#shop_sidebar {float:left;width:192px}
#shop_content {float:left;
padding-left:5px;
padding-right:13px;
width:551px;}




#shop_content #Announcement {margin-top:15px;margin-bottom:15px;}

#shop_content #Announcement h1 {font-size:16px;padding-bottom:3px;font-weight:bold;}

#shop_content #Announcement p {font-size:11px;padding-bottom:5px;}

#shop_sidebar #Login {
background:transparent url(/uploads/Image/box_shop.png) repeat scroll 0 59px;
height:53px;
margin-top:0;
padding-left:15px;
padding-top:8px;
width:179px;
}

.LeftBox {
background:transparent url(/uploads/Image/box_shop.png) repeat scroll left bottom;
margin-bottom:4px;
margin-top:0;
padding-left:15px;
padding-top:6px;
width:179px;
}

/* used by search box, hence bottom margin in order to push footer down. */



#size1 {

padding-bottom:20px;


}

#size2 {

height:75px;
margin-bottom:18px;

}


.LeftBox h3 {
font-size: 14px;
font-weight: bold;
}

.subHeading h3 {
font-size: 14px;
font-weight: bold;
margin-bottom:3px;
}

.SmallTitle {
color:#000;

}



/**PRODUCT DESCRIPTION
***********************/
#ProdDescription {
	text-align:left;
	padding:0;
	margin-bottom:20px;
	color: #000;
	
	}

#ProdDescription h2 {
	margin:0 0 0 0;
	padding-left:5px;
	padding-bottom: 5px;
	font-weight:normal;
	
	color:#000;
	font-size:13px;
	font-weight:bold;
	
	}


/**PRODUCT INFO - PRICE, RATING, TELL A FRIEND
************************************************/
#ProdInfo {
	border-top:1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding:5px 0;
	margin:0;
	text-align:left;
	height:60px;
	width:100%;
	}

#ProdPrice {
	float:left;
	display:inline; /*used to fix IE6 double margin bug with floated elements */
	width:30%;
	height:66%;
	font-size:20px;
	/*padding:3px 0 0 0;*/
	margin:0;
	text-align:center;
	color:#667777; 
	background:#FFFFFF;
	}

#ProdReviews {
	float:left;
	display:inline;/*used to fix IE6 double margin bug with floated elements */
	height:90%;
	width:29%;
	margin:0 auto;
	text-align:center;
	padding:3px 5px 3px 0;
	border-right:1px dotted #cccccc;
	border-left:1px dotted #cccccc;
	background:#FFFFFF;
	}

#ProdReviews a {
	color: #333333;
	background: #FFFFFF;
	text-decoration:none;
	}

#ProdReviews a:hover {text-decoration: none; color: #C6EADD}

#TellAFriend {
	float:left;
	display:inline;/*used to fix IE6 double margin bug with floated elements */
	width:37%;
	height:100%;
	margin:0;
	padding:0;
	background:white;
	}

#TellAFriend ul {
	display:block;
	margin:0 0 0 10px;
	padding:0;	
	font-size:11px;
	text-align:left;
	text-transform:uppercase;
	}

#TellAFriend a {
	color:#667777;
	background: #FFFFFF;
	text-decoration:none;
	}
	
#TellAFriend a:hover {
	color:#242726;
	background: #FFFFFF;
	text-decoration:none;
	}


/**PRODUCT OPTIONS
********************/
#ProdOptions {
	margin:20px;
	text-align:left;
	text-transform:uppercase;
	font-size:15px;
	font-weight:normal;
	width:auto;
	margin:0;
	padding:0;
	color: #663366;
	background: #FFFFFF;
	}

#Options {
	margin:-10px 0 0 0;
	padding:0 0 0 10px;
	text-transform:none;
	font-size:13px;
	font-weight:bold;
	color: #333333;
	background: #FFFFFF;
	}

.OptionsStyle {
	border: 1px solid #CCC;
	width:auto;
	}


/**PRODUCT CODE & STOCK AVAILABILITY
**************************************/
#ProdLevels {
	text-align:left;
	margin:30px 0 0 0;
	padding:0;
	font-weight:bold;
	font-size:12px;
	color:#333333;
	background: #FFFFFF;
	}

#ProdLevels p {
	margin:0;
	padding:0;
	}


/**ADD TO CART BLUE BACKGROUND
*******************************/
#ProdBuy {
	color: #000;
	font-size:14px;
	width:520px;
	margin:10px 10px 10px 0;
	padding: 10px 10px 10px 0;
	position: relative; 
	text-align: right;
	}

#ProdBuyLogin {
	color: #000;
	
	font-size:14px;
	width:520px;
	margin:10px 10px 10px 0;
	padding: 5px 10px 5px 0;
	position: relative; 
	text-align: right;
	}

#ProdBuy a {
	line-height:22px;
	font-size:12px;
	padding:0 10px;
	margin:2px 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
	}

/**COUPONS
************/
.addCoupon:link, .addCoupon:visited, .addCoupon:hover, .addCoupon:active {
	font-weight: bold;
	color: #333333;
	background: #FFFFFF;
	text-decoration: none;
	}

/**CUSTOMER REVIEWS - SUBMISSIONS
**********************************/
#CustomerReviews {}
#CustomerReviews p {margin-left:10px;}
#CustomerReviews h3 {font-size:16px;}

.SubmitReview {}
.SubmitReview .right {text-align:right;}

SubmitReview .right span {
	font-weight:bold;
	float: left;
	}

/**CUSTOMER REVIEWS POSTED
***************************/
.ReviewEntry {margin:0;}

.ReviewRatings{
	color: #ffffff; 
	background: #667777;
	padding: 3px;
	}	

.ReviewContent {
	padding: 3px;
	font-style:italic;
	border-bottom: 1px dotted #CCCCCC;
	color: #333333;
	background:#FFFFFF;
	}

.ReviewTitle { text-transform:uppercase;}

.ReviewedBy {
	color: #C6EADD;
	background: #FFFFFF;
	padding: 3px;
	}

.Date {
	color: #C6EADD;
	background: #FFFFFF;
	float: right;
	}


/**RELATED PRODUCTS
*********************/
.LPInfo {color: #333333;}

* html .LPInfo {width: 100%;}

/**SITE BUTTONS
*********************/
.buttonBg {
	text-align: center;
	background-image: url(../styleImages/backgrounds/ButtonBg.gif);
	background-repeat: repeat-x;
	height: 26px;
	color: #663366;
	}

/**BREADCRUMB TRAIL & PAGINATION
**********************************/
#BreadCrumb {margin-bottom:5px;}

#BreadCrumb .txtLocation {margin-left:5px;}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	}


/**SITE DOCUMENTS
*******************/
#SiteDocs {
	text-align:center;
	margin:0;
	padding:5px 0;
	color: #FFFFFF;
	background:#242726;
	text-transform:uppercase;
	font-size:12px;
	height:20px;
	}

#SiteDocs a:link, #SiteDocs a:visited, #SiteDocs a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	}

#SiteDocs a:hover {
	color: #C6EADD;
	}

/* Membership Form */

#dd {font-size:8pt;}

#dd span {font-weight:bold;font-size:10pt;}

#dd span#orig {font-size:24px;}

#dd h3 {font-size:16pt; color:#008080;}

#formsection1 {float:left;width:45%;}

#formsection2 {float:left;width:55%;margin-bottom:15px}

#formsection2 h3 {font-size:13pt; color:#000;}

#formsection2 p {padding-bottom:2px;}

#formsection3 {clear:both;margin-top:15px;}

#formsection3 p.types {




font-size:11pt;
padding:3px 0;

}



.BasketProduct {padding:2px 0px 2px 0px;}

.BasketProduct span {font-weight:bold;padding-right:20px;float:right}

.BasketProduct a {color:#000;text-transform:none;}


#BasketItems {
border-top:1px dashed #000000;
margin-top:5px;
padding:2px 0;
width:162px;

}

#BasketItems span {font-weight:bold;padding-right:82px;float:right}

#BasketTotal {float:right;}

#BasketTotal span {font-weight:bold;padding-right:20px;float:right;margin-left:5px;}

.txtviewCart  {font-weight:bold;}


.catview tr {margin-bottom:5px;}

.catsep {padding-bottom:25px;}

.catsep p {padding-top:2px;padding-bottom:2px;}

.catimage {margin-right:10px}

.Title h1 {
font-size:20px;
margin-bottom:16px;
margin-left:2px;
margin-top:12px;
padding-bottom:2px;
padding-top:4px;


}

#LatestProducts {}

#LatestProducts .title {}

#LatestProducts#inner {padding:10px;}

a.txtButton {font-weight:bold;margin-right:8px;}

.cartProgress {font-size:16px;margin-bottom:5px;}

.txtcartProgressCurrent {font-weight:bold;}

.quickBuy {padding-top:15px;padding-bottom:15px;}

#ContentBox p {padding-top:15px;padding-bottom:15px;font-size:17px;}

#cart {}

#cartTable {padding:5px;}

#cartTable td {padding: 3px 7px 3px 1px;}

.tdcartTitle {background:#EAF6F8;font-weight:bold;}

.tdcartOdd {background:#F9FCFD;}

.tdCartSubTotal {background:#F9FCFD;}

.BlueBg {background:Azure;margin-top:10px;padding:5px 5px 5px 5px;}

.boxContent {padding:5px;font-size: 12px;}

.txtContentTitle {font-size:24px;}

#pagebreadcrumb {

font-size:14px;
font-weight:bold;
left:126px;
position:relative;
top:5px;
}

.ProdTax {font-size:10px}


/* Fields for printed membership form */

#postoptions {padding:15px 0px 15px 0px; float:left;padding-bottom:8px}

#postoptions p {font-size:15px}

#signature {float:left;padding: 0px 6px 0px 0px}
#signature > textarea
{
border:1px solid #999999;
font-size:19px;
padding:6px;
width:200px;
}



#signature > h6 {font-weight:bold;font-size:14px}


#returndate {float:left;padding: 0px 6px 0px 0px}


#returndate > textarea 
{

border:1px solid #999999;
font-size:18px;
height:22px;
padding:6px;
width:100px;

}


#returndate > h6 {font-weight:bold;font-size:14px}


#returnaddress {float:left;padding: 0px 6px 0px 0px}

#returnaddress > textarea
{

border:1px solid #999999;
font-size:17px;
height:116px;
padding:10px;
width:262px;
}

#returnaddress > h6 {font-weight:bold;font-size:14px}


