/* ------------------*/
/* global appearance */
/* ------------------*/
body {
 	width: 100%;
	margin: 0;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #333;
	background: #78F462 url(/images/green-ver2.jpg) repeat-x;
}



/*
#frame-layout, #frame-header, #frame-main, #frame-footer {
	border: 1px solid red;
}
*/

#break, .break{ clear: both; }

p{ clear: left; }
br{ clear: left; }

hr{ clear: left; color:#FFF; border-bottom: dotted #CCC 1px; height: 1px; }

a{
     font:11px "Verdana",sans-serif,Arial;
     color: #335221;
     text-decoration: none;
     font-weight: bold;

}
a:hover{ text-decoration: underline; }
a:link{}
a:active{}
a:test{}


h2{ border-left: 4px solid red; font-size:12px; padding: 2px 0 1px 10px; border-bottom: 1px solid; background: url(/images/green-hor.jpg) repeat-y; }

h5{ font:14px; }

ol *, ul * , li *{}

table *{}
th {}
tr td{}

form{}
input, textarea, select { color: #555; background: #EEE; }

.msg_error{
	background: url(/images/green-exclamation.gif) #FFF no-repeat left top;
	color: red;
	padding: 0 0 0 20px;
	font-size: 13px;
	width: 480px;
}


/* -------------*/
/* frame design */
/* -------------*/

#frame-layout { width: 800px; margin: 0 auto; }

#frame-header{ float: left; width: 800px; height: 195px; }
#frame-main{ float: left; width: 800px; background: #FFF; }
#frame-footer{ float: left; width: 800px; height: 150px; 
	background: #FFF url(/images/green-ver.jpg) repeat-x; 
	border-top: 5px solid #BBB;
	border-bottom: 1px solid #EEE;
	padding: 10px 0 0 0;
	}
	#frame-footer .col1{
		float: left;
		width: 220px;
		padding: 10px 2px 2px 15px;
	}

	#frame-footer .col2 {
		float: left;
		width: 530px;
		padding: 2px 2px 2px 10px;
		border-left: 1px dotted #BBB;
		height: 100px;
		margin: 5px 0;
	}
	#frame-footer .col2 .logo{
                float: left;
                width: 105px;
                font-size: 9px;
		text-align: center;
		height: 80px;
        }

	#frame-footer .cpr{
		width: 100%;
		height: 24px;
		padding: 10px 0;
		text-align: center;
	}

	#frame-footer .col1 ul li{
		list-style: none;
	}

/* -------------*/
/* block design */
/* -------------*/

#block-header-banner{ float: left; height: 150px; width: 100%; }
	#block-header-banner{ 
		background: url(/images/green-header.jpg);
	}
	#block-header-banner .slogan{
		float: left;
		background: white;
		opacity: 0.4;
		filter:alpha(opacity=40); /* IE's opacity*/
		padding: 0 0 0 2px;
		width: 100%;
	}

        #block-header-banner .slogan2{
                background: #64B449;
                opacity: 0.7;
                filter:alpha(opacity=70); /* IE's opacity*/
		float: right;
		margin: 80px 0 0 0;
		width: 380px;
		border: 1px solid #FFF;
		padding: 6px;
		color: #FFF;
        }


#block-header-nav{ float: left; height: 40px;
		background: url(/images/green-ver.jpg) repeat-x; 
		border-bottom: #EEE solid 5px;
		margin-bottom: 6px;
		width: 100%; 
		}

	#block-header-nav ul{
		float: right; 

	}
	#block-header-nav ul li{
		float: left;
		margin: 0;
		padding: 5px 10px;
		border-left: 1px solid #6EB444;
		display: inline;
		

	}


#block-search { float: left; margin-left: 6px; height: 30px; padding: 5px 0; }
#block-search input {
	padding: 0;
	height: 20px;
	width: 70px;
}

#block-search img {
	position: absolute;
        height: 20px;
	margin-left: 6px;
}


#block-left-menu{ float: left; width: 180px; }
#block-left-menu{ border-left: 5px solid #7DB959; vertical-align:middle; }

	#block-left-menu li{
		background: url(/images/green-ver.jpg) repeat-x; 
		border: 1px green solid;
		margin: 2px 20px 1px -30px;
		padding: 2px; 
		list-style: none;
		height: 20px;	
		 
	}
	
        #block-left-menu li .green-arrow { 
		float: left;
		height: 100%;
		padding: 0 0 0 5px;
		background: url(/images/green-arrow.gif) no-repeat left;
	}

        #block-left-menu li a {
                float: left;
		margin: 3px 0 0  20px;
		virtical-align: middle;
        }
	#block-left-menu li a:hover, #block-left-menu li a:link , #block-left-menu li a:visited  {
		font:11px "Verdana",sans-serif,Arial;
		color: #6C9A50;
		text-decoration: none;
		height: 100%;
	}

        #block-left-menu ul li.start{
		border: none;
		border-top: 4px solid #4E88DA;
		font: 12px;
		font-weight: bold;
		color:  #4E88DA;
		background: none;
                text-align: center;
        }


#block-content-wrapper{ 
	float: left; 
	width: 600px; 
	border-left: 1px dotted #aaa; 
	padding: 5px; 
	min-height: 300px;

	}

#block-item { float: left; }
	#block-item .pimage{
		float: left;
		width: 60px;
	}

        #block-item .pinfo{
                float: left;
		width: 450px;
		min-height: 20px;
        }
	
	#block-item .pinfo img{
		position: absolute;
		margin-left: 5px;
 
	}

        #block-item .pinfo .added{
                position: absolute;
                margin-left: 170px;

        }
	


/* ajax product */
#block-product { float: left; margin: 5px; }
        #block-product .pimage{
                float: left;
                width: 100px;
		margin: 2px 8px;
        }

        #block-product .pinfo{
                float: left;
                width: 400px;
        }
	
	input.inputqty{
		width: 30px;
		border: 1px solid;
		text-align: center;
	}

        #block-product .pequal{
                float: left;
                width: 48%;
        }

        #block-product .pbutton{
		padding: 8px;
                float: left;
                width: 400px;
        }



/* ajax cart */
#block-cart{	float: left;  vertical-align: middle; margin: 5px; }

        #block-cart .pname {
                float: left;
                width: 300px;
		vertical-align: middle;
        }
	
	#block-cart .cart_row{
		height: 40px;
	}
	
	#block-cart .qty {
		vertical-align: middle;
		float: left;
		width: 150px;
	}

	#block-cart .qty input{
		width: 30px;
		text-align: center;
		border: 1px solid;
	}

        #block-cart .price {
                float: left;
                width: 160px;
        }
        #block-cart .amount {
                float: left;
                width: 90px;
		text-align: right;
		font-weight: bold;
        }
        #block-cart .pimage {
                float: left;
                width: 30px;
        }

        #block-cart .summary {
		text-align: right;
                float: left;
                width: 350px;
		padding: 0 20px;
		font-weight: bold;
        }

	#block-cart .button{
		width: 99%;
		text-align: right;
	}

	#block-cart select{
		font-size: 10px;
	}



#block-feedback{ float: left; width:100%; }
	#block-feedback fieldset{
		width: 100%;
		padding: 10px 0 0 0;
	}

        #block-feedback legend{
		font-weight: bold;
		padding: 2px 6px;
		margin: 0 0 0 10px;
	}

	#block-feedback label{
		float: left;
		width: 80px;
        	margin: 0 0 0 7em;
	}

        #block-feedback .msg_error{
                float: left;
                margin: 0 0 0 160px;
		color: #FF0000;
		width: 200px;
        }


/* homepage style */

#block-slides{
	float: left;
	margin: 0px 4px;
	width: 400px;
	height: 200px;
	
}


#block-featured{
	float: right;
	border: #555 1px solid;
	width: 180px;
	padding: 0;
	margin: 0;
	font-size: 10px;
}

#block-featured li{
	margin-left: -35px;
	padding: 0 0 5px 0;
	list-style: none;
}

#block-featured li.title{
      font-size: 12px;
      font-weight: bold;
      padding: 0 0 0 30px;
      height: 16px;
      vertical-align: middle;	 
      background: url(/images/green-rss.gif) no-repeat left;
}

#block-featured li a:hover, #block-featured li a:link , #block-featured li a:visited  {
	font-size: 10px;
	font-weight: normal;
}



#block-promote{
	float: left;
	margin: 20px 4px;
	width: 400px;
}	

#block-promote h2{
        float: left;
 	font-size: 14px;
}



#block-promote .pimage{
	float: left;
	width: 90px;
}

#block-promote .pinfo{
        float: left;
        width: 290px;
}

#block-promote .pinfo b{
        height: 20px;
	Vertical-align: middle;
	padding: 0;
	margin: 0;
	font-size: 12px;
}