/*CSR____________________*/
/*Web Visuals*/
div.csr_pathway a { text-decoration:none; font-weight:bold; color:#000000;}
span.arrow_bg { background:url(../../templates/palm_trees_nursery/images/arrow.png) center no-repeat; width:9px; height:9px; }
#csr {
	padding: 10px 11px 7px 11px;
	background: #1a3f5d; /*outer BG border*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	font-size: 11px;
     width:674px;
}
div.headerimg {margin:0px; padding:8px 0px 0px 0px;}
div.headerline {margin:0px 0px 0px 0px; padding:0px; float:left;}
div#outside_border {
	border-right:1px solid #000; /*outside line border*/
	border-left:1px solid #000;
	border-top:1px solid #000;
	}
div#csr_content{
 	border-right: 1px solid #5886a4; /*inside line border*/
	border-left: 1px solid #5886a4;
	border-top: 1px solid #5886a4;
	background:url(cu_bg_01.jpg) no-repeat top #6188A2;
}
.dsgn_brdr {background-image:url(pattern-07.gif); background-repeat: repeat-x; width:670px; margin:0px 0px 0px 0px; padding:0px; height:12px; }

h1 {text-decoration:none; margin:0px; padding:0px; display:inline;}
h1 a, h1 a:visited, h1 a:link {text-decoration:none; margin:0px; padding:0px; display:inline;}

/*-------menu*/



#csr_menu{
padding: 0px 0px 0px 15px;
}
* html #csr_menu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 500px;
}

#csr_menu a{
font: bold 13px Verdana;
padding: 5px 10px 5px 10px;
display:inline;
color: white;
text-decoration: none;
line-height:32px;
}

html>body #csr_menu a{ /*Non IE rule*/
width: auto;
}

#csr_menu a:hover{
border-bottom:5px white solid;
color: white;
background: transparent;
}
#csr_menu a.active{
border-bottom:5px white solid;
color: white;
background: transparent;
}

/*Menu Extended*/

#csr_certified_tree_menu {
	width: 202px;
	height: 32px;
	position: relative;
	margin-bottom: 7px;
}
#csr_certified_tree_ico {
	width: 65px;
	height: 62px;
	position: absolute;
	top: -8px;
	left: 160px;
}
div.interior_design {margin:0px 0px 0px -3px;}
div.tree_cert {margin:-5px 0px 0px -5px;}

/*Functions*/
/*-------buttons*/
.buttons{ margin:0px; line-height:15px;  width:600px; height:15px; padding-top:5px;}
.buttons span{

	padding:0px 0px 0px 0px;
	padding:5px 10px 15px 10px;
	color:#282e0e;
	cursor:pointer;
	font:12px Verdana;
	font-weight:bold;	
	background: #757D3A;
	border-top: 1px solid #99a352;/*	
	border-bottom: 1px solid #9CAF4B;*/
	border-right:#99a352 solid 1px;
	border-left:#99a352 solid 1px;
	position:relative;  
	display:inline;
	}
.buttons span:hover{
    background: #9CAF4B;
	border-top: 1px solid #9CAF4B;	/*	
	border-bottom: 1px solid #9CAF4B; */
	border-right:#99a352 solid 1px;
	position:relative;  
	}	
.buttons span.active{ 
	color:white;
    background: #9CAF4B;
	border-top: 1px solid #9CAF4B;	/*	
	border-bottom: 1px solid #9CAF4B; */
	border-right:#99a352 solid 1px;
	position:relative;  
	}

/*Functions*/
/*------contents*/
#boxer{
	position:absolute; color:#fff; 
}
#boxer div{

	width:665px;
	height:650px;
	float:left;
	background:#386f9c; /*same color-7E8C40 light-color-839243 light-lighter-9caf4b*/
	padding-top:10px
}
#boxer h3, #boxer p, #boxer ul{
	padding:0px 0px 0px 30px;
}
#boxer p {
	text-indent:5px;
	}
#info4{
	background:#fff !important;
	color:#333 !important;
	cursor:default;
}
.mask3{
	position:relative;
	width:665px;
	height:650px;
	overflow:hidden;
}