﻿/*#wrapper div
{
	border: dashed 1px red;
}
*/

/************************* Layout *************************/
body
{
	background-color: #c4e2c0;
	padding: 0;
	margin: 0;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:1em;
    line-height:1.1em;
	/* added must know the height of the footer*/
	/*padding-bottom:60px; 
	  */
}

form
{
	/* center for IE */
	text-align: center;
}

#wrapper
{
	width: 968px;
	margin: 0 auto;
	text-align: left; /* reset centre */
	position: relative;
}

#HeadingContent
{
height:130px;
left:300px;
position:absolute;
top:30px;
width:300px;
}

.heading{
    float:left;
    text-align:center;
    width:100%;   
    padding:1.5em 0 0 0;
        font-size: 1.4em;
    background:#fff;
   
}

.logo
{
	margin-left: 40px;
}

#Top
{
	background: url(Img/tree-tint.gif) #b2740e no-repeat 585px 0px;
	margin-bottom: 7px;
	/*height:201px;*/
}

#Menu
{
	border-top: solid 1px #ffffff;
	height: 25px;
	background-color: #c07f4c; /*overflow:hidden;*/
}
.award{
left:745px;
position:absolute;
top:25px;
width:216px;
}

#LeftColumn, #RightColumn, #CentreColumn
{
	padding: 0 15px;
	overflow: hidden;
	margin-top: 10px;
	
	margin-bottom: 10px;	
}

#LeftColumn
{
	float: left;
}

#RightColumn
{
	float: right;
}


#OneThirdTwoThirds, #TwoColumn, #ThreeColumn, #OneColumn
{
    
      height:auto;

    overflow-y:scroll;
	background:#fff;
	margin-bottom: 7px;
	
	color: #00a94f;
	font-size:0.75em;
	position: relative;
}





#fauxCol{
background:#FFFFFF url(Img/testimonial.gif) no-repeat scroll left top;
float:left;
height:auto;
margin-left:1.2em;
overflow:hidden;
padding-top:7em;
}
/*linked headline on home page*/
#ThreeColumn #fauxCol h1 a{

white-space:normal;
border:none;
color:#B3740D;

}

#ThreeColumn #fauxCol h1 a:hover{

text-decoration:underline;
}

/*start page styles*/

/*wrapper coltext, voting*/
#end{
border-top:1px solid #00A94F;
display:block;
float:left;
margin-top:1em;
width:98%
}
/*text*/
.coltext{

float:left;
height:auto;
margin-top:1em;
overflow:hidden;
padding:0.7em;
width:75%;
}
.coltext h2{
margin:0 0 0 1em;
}


/*poll box,. pollbox styles in control templates*/
.voting{
float:left;
margin-top:1em;
padding:1em;
}

.col{

float:left;
height:auto;
margin-top:1em;
overflow:hidden;
padding:0.7em;
width:23%;
}

.col img{
height:auto;
margin:0 0.5em;
float:left;
border:medium none;
}

.col p{

float:left;
font-size:1em;
padding-top:.5em;
margin:0;
width:55%;
color:#ac530f;

}

.col h1{
font-size:1.4em;
border:none;
padding:0 1.8em;
width:80%
}

 

/*middle col
.col3 p,.col2 p{
width:90%;
padding:0 .5em;
}
.col3 h1,.col2 h1{

width:90%;
padding:0 .5em;
}*/

/*img links on home page*/
 #ThreeColumn a.imgLink,#ThreeColumn a.imgLink:visited, #ThreeColumn a.imgLink:hover, #ThreeColumn a.imgLink img{
border:none;
color:#fff;
}
/*end startpage styles*/

#OneThirdTwoThirds  a, #TwoColumn a, #ThreeColumn a, #OneColumn a, 
#OneThirdTwoThirds a:visited, #TwoColumn a:visited, #ThreeColumn a:visited, #OneColumn a:visited{
    color:#414142;
    text-decoration:none;
    border-bottom: 1px solid #e29f2e;
    white-space:nowrap;
}

#OneThirdTwoThirds a:hover, #TwoColumn a:hover, #ThreeColumn a:hover, #OneColumn a:hover{
    border:0;
    color:#414142;
}

.newsletterBt{
display:none;
background:transparent url(Img/wildTimesBg.gif) no-repeat scroll 0 0;
float:right;
height:79px;
margin:0.3em 0.3em 0 0;
width:276px;

}

.newsletterBt p{
padding:0;
font-size:1.1em;
color:#fff;
padding:2.2em .5em 0 .5em;
margin:0;

}

.newsletterBt a, .newsletterBt a:visited{
text-transform: uppercase; 
color:#fff;



}

.newsletterBt a:hover{
text-decoration:none;
color:#fff;


}



#OneColumn #LeftColumn
{
	width: 100%;
	float: none;
}

#OneThirdTwoThirds #LeftColumn
{
	width: 30%;
}

#OneThirdTwoThirds #RightColumn
{
	width: 62%;
}

TwoColumn #RightColumn, #TwoColumn #LeftColumn
{
	width: 440px;
}

#ThreeColumn #RightColumn, #ThreeColumn #CentreColumn, #ThreeColumn #LeftColumn
{
	float: left;
	width: 280px;
}

/* border partition */
#ThreeColumn #CentreColumn, #ThreeColumn #LeftColumn, #TwoColumn #LeftColumn
{
	border-right: solid 2px green;
}



.left
{
	float: left;
}

.right
{
	float: right;
}

/*container for text*/
.content{
padding: 1em ;
padding-left:0;
}
.content p{
padding:0 0 1em 0;
margin:0;
}
/*IMAGE IN TEXT*/
.content img{
    padding:0.8em 0.8em 0.8em 0;
}

/*list*/
.content ol{    
}


/*adding more tothis will cause the list not to display properly in IE > "On having layout" bug*/
 ol.box li{

padding-bottom:0.5em;
}
 ol.box  
{
background: url(Img/orangeBox.gif) repeat-y scroll 0 0;
list-style-position:inside;
margin:0;
width:640px;
padding:1em;


float:left;
}
 .boxTop 
{
background: url(Img/orangeBoxTop.gif) bottom no-repeat;
float:left;
vertical-align:text-bottom;
height:14px;

width:665px;
padding:0;
margin:0
}
.boxBottom 
{
background:transparent url(Img/orangeBoxBottom.gif) no-repeat scroll 0 0;
float:left;
height:14px;
width:665px;
margin-bottom:1em;
padding:0;
}


/*headlines*/

h1{
font-size:1.2em;
padding:0 0 .5em 0;
margin:0 0 0.5em;
display:block;
height:1%;
color:#b3740d;
border-bottom:1px solid #00A94F
}
h1.green{
color:#00A94F
}

h2{
font-size:1.2em;
padding:0 0 .5em 0;
margin:0;
color:#b3740d;
display:block;
height:100%
}

/*COLORS*/
.brown
{
COLOR:#b3740d!important
}


/* footer */
#WrapperFooter
{
background:#0DB14B url(Img/footerBg.gif) no-repeat scroll 0 0;
float:left;
font-size:12px;
padding-bottom:0.5em;
width:968px;
_width:955px;
}
#WrapperFooter ul
{

color:#FFFFFF;
float:left;
height:auto;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
width:68%;

}

#WrapperFooter ul li
{
float:left;
padding: 0 1em;
border-right:1px solid #fff

}
#WrapperFooter ul li span
{
color:#AB5410;
}
#FooterContent
{
float:left;
padding-left:1em;
padding-top:1em;
width:100%;

}
#WrapperFooter a, #FooterContent a:visited
{
color:#fff;
text-decoration:none
}

#WrapperFooter a:hover
{

text-decoration:underline
}
#WrapperFooter p.copyright
{

color:#c4e2c0;
float:right;
margin:0;
padding:0 0.5em;
width:22%;


}


/*contact form*/
.orderForm{}
.orderForm fieldset{border:none;background:#fff; width:100%;float:left}
.orderForm li{background:none;float:left;width:100%}
.orderForm ul
{
height:auto;
overflow:hidden;
width:600px;
    list-style-type:none;     
  
}

/*terms and conditions*/
ul.tcIntro
{
float:left;
display:block;
width:800px!important;
 
padding:0;
margin:0;
} 
ul.tcIntro li
{
float:none;
width:auto;   

} 

ul.tclist
{
 border:1px solid #CCCCCC;
font-size:0.8em;
height:100px;
margin:0 0 0 5em;
overflow-y:scroll;
padding:1em 3em;
width:600px;    
} 
.orderForm label{width:28%;float:left; padding:.4em 1em .4em .5em;font-size:12px;font-weight:bold;}
.orderForm input, .orderForm textarea{border:1px solid #ccc; width:60%;float:left;padding:0.4em;font-size:10px;color:#333}
.orderForm textarea{height:150px}
input.submitbt
{        
    text-decoration: none;
    width: auto;
    float: left;
    border: none;
    margin: 0 67px 0 0;
    background-color: #CCCCCC;
    cursor: pointer;
    border: 1px solid #ccc;
    margin:1em 1em 0.4em 0.5em;
 
}
     
input.submitbt:hover
{
    text-decoration: none;
    background-color: #666666;
    color: #FFFFFF;
}


.orderForm .checkedList input,
.orderForm .checkedList label
{
    width:auto;
    float:none;
    border:none;
}

.orderForm span.message
{
float:left;
 padding:1em 1em 0.4em 0.5em;
 font-size:12px;
}


/* added by vince
#leftcorner
{
	background-image: url(Img/menu-corner-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0 -100px;
	height: 25px;
	position: relative;
}
#rightcorner
{
	background-image: url(Img/menu-corner-sprite.gif);
	background-repeat: no-repeat;
	background-position: right -125px;
	height: 25px;
}

#FooterContent
{
	width: 100px;
	height: 30px;
}

#ContactInfo
{	
	position: absolute;
	top: 5px;
	color: #ffffff;
	margin-left: 20px;
	background-image: url(Img/leaf-tinted.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 500px;
	padding-top: 34px;
	background-position: 10px top;
	
}

#Copyright
{
	position: absolute;
	color: #ffffff;
	right: 20px;
height:50px;
		background: url(Img/lizard-tinted.gif) no-repeat;
}
*/

/* Colour & Style */
body
{
	font-family: Arial, Verdana, Serif;
}

#HeadingContent h1
{
	font-size: 1.5em;
	font-weight: bold;
	color: #eedac0;
border:none;
	line-height:28px;
}

#HeadingContent span
{
	font-weight: normal;
	margin-left: 50px;
	font-size: smaller;
}

#ContactInfo strong
{
	color: #800000;
}
#ContactInfo a
{
	color: #ffffff;
}

/* Calculator  */
.Calculator
{
	width: 490px;	
}

.Calculator fieldset
{
	border: none;
	margin: 0pt 0pt 10px;
}

.Calculator ul
{
	background-color: #c4e2c0;
	margin: 0pt 10px;
	padding: 8px;	
}

.Calculator li
{	
	list-style-type: none;
	margin: 0pt 0pt 10px;
	padding: 0pt;
	clear: both;
}


.Calculator label
{
	display: block;
	float: left;
	width: 230px;
	margin-right: 0.5em;
	padding-top: 0.2em;
	text-align: left;
}

.Calculator p
{
	margin: 0pt 10px 10px;
	padding: 0pt;
}

.Calculator h4
{
	margin: 0pt 0pt 10px;
	padding: 15px 10px 0pt;
	text-align: left;
	color: #b2740e;
	font-size:1.4em;
}

.Calculator .land div
{	
	font-size: 0.8em;
	line-height: 12px;
	width: 230px;
	color:black;
	padding-top:4px;
}

.Calculator .land label
{
	font-weight: bold;
}


.Calculator .CalcInput
{
	font-family: Arial, Verdana, Serif; /* same as body */
	color: #00a94f; /* same as section */	
	padding:0;
	margin:0;
	width:40px;
	border:0px;
	background-color:transparent;	
}

.Calculator .grandtotal .CalcInput,
.Calculator .totals .CalcInput
{
	width:60px;
}

.Calculator ul.totals, 
.Calculator .grandtotal,
.Calculator ul.totals .CalcInput, 
.Calculator .grandtotal .CalcInput
{
	font-weight: bold;
	color: #ffffff;
	background-color: #00a94f;
}

.Calculator .grandtotal,
.Calculator .grandtotal .CalcInput
{
	background-color:#b2740e;
}

/*** end calculator ***/

.clear
{
	clear:both;	
}




/*rad rotator*/
.imgRotator{
border:1px solid red;
height:130px;
left:380px;
overflow:hidden;
position:absolute;
top:10px;
width:190px;
}
.radr_Default {
margin-top:-20px
}
.mask {
/*margin-top:-20px;*/
margin-top:0;
*margin-top:-20px;
position:absolute;
width:180px;
z-index:1;
height:130px;
}


/*list udner sponsored animals*/
h2.sf_listTitle{
display:none;
}
