/* CSS Document */
/*
Develop By Janaka Gamage
Design BY Harshanie Gamage
*/

*{
margin:0px;
padding:0px;
}



body {
background-color:#5bb03b;
font-family:verdana,arial,helvetica;
height:auto;
margin:0px;
padding:0px;
}

a{
font-size:11px;
color:#338a1f;
text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

#outerbody{
width:780px;
min-height:1030px;
margin:auto;
background-color:#ffffff;
}
/*IE\*/
* html #outerbody{
height:auto;
}

#headerarea{
width:780px;
height:251px;
}

#centerarea{
float:left;
margin-left:13px;
width:754px;
height:auto;
}
/*IE\*/
* html #centerarea{
margin-left:7px;
}

#headerarea .m2glogodiv{
float:left;
width:270px;
height:119px;
}


#headerarea .m2glogodiv .m2glogo{
border:0px;
width:270px;
height:119px;
}

#headerarea .themediv{
float:right;
height:61px;
}

#headerarea .themediv .themetxt{
border:0px;
width:272px;
height:57px;
}

#headerarea .cartdiv{
float:left;
margin-left:212px;
width:272px;
height:auto;
}

#headerarea .cartdiv .hilighttxt{
font-size:11px;
color:#000000;
}

#headerarea .cartdiv a{
font-size:11px;
color:#338a1f;
text-decoration:none;
}

#headerarea .cartdiv a:link{
color:#5bb03b;
text-decoration:none;
}

#headerarea .cartdiv a:hover{
color:#000000;
text-decoration:underline;
}



#headerarea .cartdiv ul{
height:auto;
display:block;
list-style-type:none;
margin:0px;
padding:0px;
}
#headerarea .cartdiv li{
float:left;
width:272px;
font-size:11px;
text-align:right;
color:#5bb03b;
margin-top:6px;
}

/*IE\*/
* html #headerarea .cartdiv li{
margin-top:4px;
}


#colorbar{
float:left;
margin-left:13px;
width:754px;
height:5px;
background-color:#5bb03b;
}
/*IE\*/
* html #colorbar{
margin-left:7px;
}

#login-flash{
float:left;
margin-left:13px;
width:754px;
height:95px;
}
/*IE\*/
* html #login-flash{
margin-left:7px;
}

#login-flash .loginarea{
float:left;
width:270px;
height:95px;
background-color:#e7f4e3;
font-size:9px;
font-weight:900;
color:#338a1f;
}

#login-flash .loginarea a{
font-size:9px;
font-weight:900;
color:#338a1f;
text-decoration:underline;
}


#login-flash .loginarea .div1{
float:left;
text-align:center;
padding-top:14px;
width:270px;
height:14px;
}
#login-flash .loginarea .divseparator{
float:left;
width:270px;
height:2px;
}

#login-flash .loginarea .div2{
float:left;
text-align:right;
padding-top:3px;
width:67px;
height:15px;
}

#login-flash .loginarea .div3{
float:left;
text-align:right;
padding-top:2px;
width:6px;
height:16px;
background-color:#5bb03b;
}
#login-flash .loginarea .div4{
float:left;
text-align:right;
padding-left:3px;
width:194px;
height:18px;
}

#login-flash .loginarea .div4 .loginbox{
float:left;
width:183px;
height:16px;
border:1px solid #5bb03b;
}

#login-flash .loginarea .div5{
float:left;
width:134px;
height:30px;
}

#login-flash .loginarea .div5 .btnsingin{
float:right;
margin-top:5px;
width:60px;
height:18px;
font-size:9px;
font-weight:bold;
color:#59b03b;
background-color:#a4e281;
border:1px solid #59b03b;
}

#login-flash .loginarea .div6{
float:left;
width:130px;
height:20px;
padding-left:6px;
padding-top:10px;
}

#login-flash .flasharea{
float:left;
width:484px;
height:95px;
}

#menubar{
float:left;
margin-left:13px;
width:754px;
height:31px;
background-color:#5cb13a;
}
/*IE\*/
* html #menubar{
margin-left:7px;
}
#menubar a{
color:#FFFFFF;
}

#menubar a:hover{
color:#e7f4e3;
}

 
#menubar .cardthemes{
float:left;
border:0px;
width:158px; /* -1 */
height:22px;
background-color:#5bb03b;
color:#FFFFFF;
font-size:11px;
text-align:center;
padding-top:9px;
}
#menubar .home{
float:left;
border:0px;
width:62px;
height:22px;
background-color:#338a1f;
color:#FFFFFF;
font-size:11px;
text-align:center;
padding-top:9px;
}
#menubar .aboutus{
float:left;
border:0px;
width:74px; /* -1 */
height:22px;
background-color:#338a1f;
color:#FFFFFF;
font-size:11px;
text-align:center;
padding-top:9px;
}
#menubar .howtoorder{
float:left;
border:0px;
width:104px; 
height:22px;
background-color:#338a1f;
color:#FFFFFF;
font-size:11px;
text-align:center;
padding-top:9px;
}
#menubar .contactus{
float:left;
border:0px;
width:109px; 
height:22px;
background-color:#338a1f;
color:#FFFFFF;
font-size:11px;
text-align:center;
padding-top:9px;
}
#menubar .cuscomment{
float:right;
border:0px;
width:185px; /* -1 */
height:22px;
background-color:#d4f0c8;
color:#328b1d;
font-size:11px;
text-align:center;
padding-top:9px;
}

#submenubar{
float:left;
margin-left:13px;
margin-top:2px;
width:751px;
height:26px;
background-color:#d4f0c8;
font-size:10px;
}
/*IE\*/
* html #submenubar{
margin-left:7px;
}
#submenubar dd{
float:left;
margin-top:5px;
margin-left:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#5bb03b;
text-align:center;
}




#lebtside-bar{
float:left;
margin-top:2px;
width:160px;
height:720px; /*Nead to be auto later */
background-color:#a1da88; 
}
/*IE\*/
* html #lebtside-bar {
height:730px;
}


#lebtside-bar .boxarea{
float:left;
margin-left:11px;
margin-top:20px;
width:138px;
height:auto;
background-color:#dff4d6;
}
/*IE\*/
* html #lebtside-bar .boxarea{
margin-left:6px;
}

#lebtside-bar .boxarea .imgrs-T1{
float:left;
width:138px;
height:66px;
border:0px;
}
#lebtside-bar .boxarea .imgrs-L1{
float:left;
width:13px;
height:21px;
border:0px;
}
#lebtside-bar .boxarea .imgrs-textbox{
float:left;
width:87px;
height:18px;
border:1px solid #338a1f;
}
#lebtside-bar .boxarea .imgrs-R1{
float:left;
width:36px;
height:21px;
border:0px;
}
#lebtside-bar .boxarea .imgrs-B1{
float:left;
width:138px;
height:15px;
border:0px;
}
#lebtside-bar .boxarea .imgsc-T1{
float:left;
width:138px;
height:71px;
border:0px;
}
#lebtside-bar .boxarea .imgsc-L1{
float:left;
width:13px;
height:auto;
border:0px;
}
#lebtside-bar .boxarea .imgsc-textbox{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:112px;
height:18px;
background-color:#dff4d6;

}

.imgsc-textbox_per{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:20px;
background-color:#d4f0c8;
border:1px solid #5bb03b;
}


#lebtside-bar .boxarea .imgsc-R1{
float:left;
width:13px;
height:18px;
border:0px;
}


#rightside-bar{
float:left;
margin-top:2px;
width:146px;
height:650px; /*Nead to be auto later */
}
/*IE\*/
* html #rightside-bar{
width:141px;
}
#rightside-bar .latestcardarea{
float:left;
margin-top:15px;
width:140px;
height:351px;
background-color:#FFFFFF;

}

#rightside-bar .latestcardarea .lc_lable{
float:left;
width:140px;
height:41px;
border:0px;
}
#rightside-bar .latestcardarea .lc_area{
float:left;
width:138px;
height:auto;
border-left:1px solid #5bb03b;
border-right:1px solid #5bb03b;
}

#rightside-bar .latestcardarea .lc_lable-ft{
float:left;
width:140px;
height:15px;
border:0px;
}

#center-bodyarea{
float:left;
margin-top:2px;
width:594px;
height:auto; /*Nead to be auto later */
}

#inner-workarea{
float:left;
width:573px;
margin-left:12px;
margin-top:20px;
height:auto;
background-color:#FFFFFF;
}

/*IE\*/
* html #inner-workarea{
margin-left:8px;
}

.textbox{
float:left;
width:150px;
height:16px;
font-size:11px;
border:1px solid #5bb03b;
margin:3px;
}

#inner-workarea .tbutton{
float:left;
width:auto;
height:20px;
font-size:9px;
font-weight:bold;
color:#5bb03b;
background-color:#d4f0c8;
border:1px solid #5bb03b;
margin:4px 4px 4px 30px;
}


#inner-workarea .cattitle-txt{
float:left;
width:100%;
height:auto;
}

#inner-workarea .faqtitle{
font-size:11px;
color:#338a1f;
}

#inner-workarea a{
font-size:11px;
color:#5bb03b;
text-decoration:none;
}

#inner-workarea a:hover {
	text-decoration: underline;
	color:#d4f0c8;
}


#inner-workarea ul{
float:left;
display:block;
list-style-type:none;
width:100%;
height:auto;
}

#inner-workarea li{
margin-top:5px;
font-size:11px;
text-align:justify;
color:#000000;
}

#inner-workarea .error{
font-size:12px;
color:#FF0000;
}

#inner-workarea h2{
font-size:16px;
color:#338a1f;
font-weight:bold;
}
#inner-workarea p{
float:left;
width:555px;
margin-top:10px;
font-size:11px;
color:#000000;
}

#inner-workarea h1{
float:left;
width:555px;
font-size:16px;
color:#338a1f;
}

#inner-workarea .cardgallary{
float:left;
margin-top:10px;
width:350px;
height:384px;
}
#inner-workarea .defaultcard{
float:left;
margin-top:10px;
width:223px;
height:384px;
}



#inner-workarea .defaultcard .defaultimage{
float:left;
margin-left:0px;
width:220px;
height:330px;
border:1px solid #d4f0c8;
background-image:url(../images/defaltimage.jpg);

}


#inner-workarea .poemgallary{
float:left;
margin-top:10px;
width:250px;
height:384px;
}
#inner-workarea .defaultpoem{
float:left;
margin-top:10px;
width:323px;
height:auto;

}

#inner-workarea .defaultpoem .poem{
float:left;
margin-left:0px;
width:320px;
height:auto;
border:1px solid #d4f0c8;
}

#inner-workarea .defaultcard .flowerseed{
float:left;
margin-left:0px;
width:200px;
height:auto;
border:1px solid #d4f0c8;

}


#middlecontent{
float:left;
margin-top:2px;
width:448px;
height:auto; /*Nead to be auto later */
}

#middlecontent .middleworkarea{
float:left;
margin-top:32px;
margin-left:24px;
margin-right:23px;
width:404px; /*Nead to be auto later */
height:auto;
}
/*IE\*/
* html #middlecontent .middleworkarea{
margin-left:12px;
margin-right:11px;
}

#middlecontent .middleworkarea p{
float:left;
width:400px;
font-size:11px;
color:#000000;
text-align:justify;
word-spacing:2px;
margin-top:10px;
}

#center-bodyarea .middleworkarea .midtxtarea{
float:left;
width:404px;
height:auto;
}

#center-bodyarea a{
color:#338a1f;

}

#center-bodyarea .middleworkarea .floralgalary{
float:left;
width:404px;
height:auto;
}

.imggal-pic{
width:100px;
height:130px;
border:1px solid #d4f0c8;

}

.imggal-pic2{
width:80px;
height:100px;
border:0px;
}

.imggal-home{
padding:1px;
width:auto;
height:auto;
border:1px solid #d4f0c8;
}

.latest-pic{
width:90px;
height:90px;
border:0px;
}


.text {
font-size:11px;
font-style:normal;
font-weight:normal;
color:#000000;
text-align:justify;
word-spacing:2px;
}



.texthead {
font-size:14px;
font-style:normal;
font-weight:bold;
color:#a4e281;
}

.textcardname {
margin-top:10px;
text-align:center;
font-size:10px;
font-style:normal;
font-weight:bold;
color:#5bb03b;
}
#footerarea{
margin:auto;
width:500px;
background-color:#ffffff;
font-size:10px;
color:#338a1f;
height:20px;
}

#footerarea a{
color:#338a1f;
}


<!-- ############################ -->
.editArea

{

	background-color:white;

	width:225px;

	height:50px;

	border:solid;

	border-width:1px;

	border-color:#338a1f;

	overflow:auto;

}

.editCust

{

	background-color:white;

	width:225px;

	height:76px;

	border:solid;

	border-width:1px;

	border-color:#338a1f;

	overflow:auto;

}

html>body .editCust

{

	background-color:white;

	width:225px;

	height:94px;

	border:solid;

	border-width:1px;

	border-color:#338a1f;

	overflow:auto;

}

#view-workarea{
float:left;
width:100%;
margin-left:2px;
margin-top:10px;
height:auto;
background-color:#d4f0c8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


#personalise-workarea{
float:left;
width:550px;
margin-left:12px;
margin-top:10px;
height:auto;
background-color:#d4f0c8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


#personalise-card{
float:left;
width:500px;
margin-left:12px;
margin-top:10px;
height:auto;
background-color:#d4f0c8;
}



/*IE\*/
* html #view-workarea{
width:100%;
margin-left:0px;
}


#personalise-Leftarea{
	float:left;
	margin-left:3px;
	margin-top:5px;
	height:auto;
	padding-bottom:5px;

}

#personalise-Rightarea{
	float:left;
	margin-left:3px;
	margin-top:5px;
	width:165px;
	height:auto;

}

#personalise-Cardarea{
	float:left;
	margin-left:3px;
	margin-top:5px;
	width:180px;
	height:auto;
}

/*IE\*/
* html #personalise-Cardarea{
margin-left:0px;
width:180px;
}


#innerCardBox{
	float:left;
	margin-left:3px;
	margin-top:5px;
	width:170px;
	min-height:300px;
	height:auto;
	border:1px solid dashed #d4f0c8;
	background-color:#FFFFFF;
}

#personalise-Poemarea{
	float:left;
	margin-left:3px;
	margin-top:5px;
	width:200px;
	height:auto;
}




#innerLeftEditBox{
	float:left;
	margin-left:3px;
	margin-top:5px;
	width:185px;
	height:330px;
	border:1px solid dashed #5bb03b;
	background-color:#FFFFFF;
	font-family:Arial;
	text-align:Center;
	font-size:10;
	color:#000000;
}

#innerRightEditBoxHeader{
	float:left;
	margin-left:3px;
	margin-top:5px;
	width:170px;
	height:23px;
	border:1px solid dashed #5bb03b;
	background-color:#FFFFFF;
	font-family:Arial Black;
	text-align:Center;
	font-size:10;
	color:#000000;
	
}

#innerRightEditBoxMain{

	float:left;
	margin-left:3px;
	margin-top:5px;
	width:170px;
	height:330px;
	border:1px solid dashed #5bb03b;
	background-color:#FFFFFF;
	font-family:Arial;
	text-align:Center;
	font-size:10;
	color:#000000;

}

#innerRightEditBoxFooter{

	float:left;
	margin-left:3px;
	margin-top:5px;
	width:170px;
	height:23px;
	border:1px solid dashed #5bb03b;
	background-color:#FFFFFF;
	font-family:Arial Black;
	text-align:Center;
	font-size:10;
	color:#000000;

}

#personalise-Toolbar{

	float:left;
	margin-left:15px;
	margin-top:5px;
	width:155px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*IE\*/
* html #personalise-Toolbar{
margin-left:11px;

}
/*IE\*/

#editBoxHolder

{

	float:left;

	top:356px;

	left:790px;

	width:130px;

}

html>body #editBoxHolder

{
	float:left;

	top:353px;

	left:790px;

	width:130px;

}



#fontChanger

{

	width:130px;

	padding:1px;

}

#sizeChanger

{

	width:130px;

	padding:1px;

}

#colourChanger

{

	width:130px;

	padding:1px;

}

#innerTextEditor

{

	width:130px;

	padding:1px;

}