/* page style beginning */

html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #87BF16;
}

#page_container
{
	width: 100%;
	margin: 0px auto;
}

#page_index
{
	width: 640px;
	height: 280px;
	margin: 0px auto;
	padding-top: 200px;
	background-image: url(../media/image/logo_cma_index.png);
	background-repeat: repeat-x;
	background-position: bottom center;
}

#page_top
{
	width: 845px;
	height: 40px;
	line-height: 40px;
	margin: 0px auto;
	padding: 0px 20px 0px 35px;
/*	background-color: #FFFFFF;*/
}

#page_header
{
	width: 900px;
	height: 160px;
	margin: 0px auto;
/*	background-color: #FFFFFF;
	background-image: url(../media/image/bg_header.png);
	background-repeat: repeat-x;
	background-position: top center;*/
}

#page_slideshow
{
	width: 660px;
	height: 150px;
	margin: 0px auto;
	background-color: transparent;
}

#page_footer
{
	width: 660px;
	height: 22px;
	padding: 40px 0px 0px 0px;
/*	color: #000000;*/
	text-align: center;
	border-bottom: 10px solid #7EB610;
}

#page_footer_index
{
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
/*	color: #FFFFFF;*/
	text-align: center;
/*	text-shadow: 1px 1px 0px #000000;*/
}

#page_menu
{
	width: 900px;
	height: 30px;
	line-height: 30px;
	margin: 0px auto;
	background-color: #7EB610;
/*	background-image: url(../media/image/bg_menu.png);
	background-repeat: repeat-x;
	background-position: top left;*/
}

#page_content
{
	width: 900px;
	height: 100%;
	margin: 0px auto;
	background-color: #FFFFFF;
}

#content_left
{
	position: relative;
	float: left;
	display: table-cell;
	width: 200px;
	padding: 20px 0px 0px 0px;
}

#subcontent
{
	position: relative;
	float: left;
	display: table-cell;
	width: 160px;
	padding: 0px 20px 0px 20px;
	text-align: justify;
}

#subcontent_bg
{
	position: relative;
	float: left;
	display: table-cell;
	width: 160px;
	padding: 10px 20px 10px 20px;
	color: #FFFFFF;
	background-color: #7EB610;
/*	text-align: justify;*/
}

/* #subcontent
{
	position: relative;
	float: left;
	display: table-cell;
	width: 164px;
	color: #505050;
	padding: 5px 5px 5px 5px;
	border: 3px solid #7EB610;
	border-bottom: 10px solid #7EB610;
}

#subcontent_bg
{
	position: relative;
	float: left;
	display: table-cell;
	width: 180px;
	padding: 0px 0px 0px 20px;
}*/

#submenu
{
	position: relative;
	float: left;
	display: block;
}

#submenu ul,ol
{
	list-style: none;
	float: left;
	height: 25px;
	margin: auto;
	padding: 0px;
}

#submenu li
{
	float: left;
	display: block;
	height: 25px;
	margin: 0px;
	padding: 0px;
/*	background-image: url(../media/image/sign_normal.png);
	background-repeat: no-repeat;
	background-position: center left;*/
}

#submenu li:hover
{
	background-color: #345E1C;
/*	background-image: none;*/
}

#submenu li a
{
	float: left;
	display: block;
	width: 170px;
	height: 25px;
	line-height: 25px;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	text-align: left;
}

#banner_content
{
	width: 654px;
	height: 100px;
	padding: 3px;
	background-color: #7EB610;
}

#content_right
{
	position: relative;
	float: left;
	display: table-cell;
	width: 660px;
	padding: 20px 20px 0px 20px;
/*	text-align: justify;*/
}

#content_right ul,ol
{
	display: inline-table;
	list-style: none;
	height: 18px;
	margin: auto;
	padding: 0px 0px 0px 0px;
}

#content_right li
{
	height: 18px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	text-align: left;
	background-image: url(../media/image/sign_normal.png);
	background-repeat: no-repeat;
	background-position: center left;
}

#content_half
{
	position: relative;
	float: left;
	display: table-cell;
	width: 50%;
	padding: 0px 0px 0px 0px;
}

#content_form
{
	position: relative;
	float: left;
	display: table-cell;
	width: 330px;
	line-height: 36px;
	padding: 0px 0px 0px 0px;
}

#content_line
{
	font-size: 11pt;
	margin: 8px 0px 20px 0px;
	font-weight: normal;
	color: #7EB610;
	text-decoration: none;
}

#content_line:after
{
	content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}

#logo
{
	position: relative;
	width: 390px;
	height: 140px;
	margin: 0px 0px 0px -20px;
	z-index: 1;
}

#store
{
	position: relative;
	width: 180px;
	height: 120px;
	margin: 50px 0px 0px -40px;
	z-index: 1;
}

#forum
{
	position: relative;
	float: right;
	width: 150px;
	height: 60px;
	margin: -42px -40px 0px 0px;
	z-index: 1;
}

#picture_container_right
{
	float: right;
	display: block;
	padding: 0px 0px 0px 20px;
/*	border: 1px solid red;*/
}

#center
{
	width: 100%;
	text-align: center;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.clear
{
	clear: both;
	margin: 0px;
	padding: 0px;
}

.br
{
	height: 10px;
}

.gototop
{
	background: url(../media/image/icon_gototop.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: block;
	_display: none;
	position: fixed;
	z-index: 999;
	text-indent: -999px;
	overflow: hidden;
	outline: none;
	right: 0px;
	bottom: 20px;
}

#leaves
{
	background: url(../media/image/leaves.png) no-repeat 0 0;
	width: 320px;
	height: 200px;
	display: block;
	_display: none;
	position: fixed;
	z-index: 999;
	text-indent: -999px;
	overflow: hidden;
	outline: none;
	left: 20px;
	top: 0px;
}

.table
{
	width: 100%;
	border-top: 1px solid #1B2915;
	border-left: 1px solid #1B2915;
}

td
{
	border-right: 1px solid #1B2915;
	border-bottom: 1px solid #1B2915;
}

.header
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #1B2915;
}

/* page style end */



/* text style beginning */

#page_content h1
{
	font-size: 24pt;
	font-weight: normal;
	font-style: italic;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 60px;
	color: #000000;
/*	text-shadow: 2px 2px 2px #C0C0C0;*/
	background-image: url(../media/image/sign_leaves.png);
	background-repeat: no-repeat;
	background-position: left;
}

#page_content h2
{
	font-size: 13pt;
	font-weight: normal;
	margin: 0px 0px 0px 60px;
	color: #505050;
/*	text-shadow: 2px 2px 2px #0D140A;*/
}

#page_content h3
{
	font-size: 13pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #7EB610;
}

#text_bg
{
	position: relative;
	display: inline-table;
	text-align: center;
	width: 21px;
	height: 21px;
	line-height: 21px;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #7EB610;
}

#text_bg_clean
{
	position: relative;
	display: inline-table;
	text-align: center;
	width: 21px;
	height: 21px;
	line-height: 21px;
}

.text_green
{
	color: #7EB610;
}

/* text style end */



/* link style beginning */

a
{
	outline: none;
	text-decoration: none;
}

a.link_normal
{
	font-size: 11pt;
	color: #505050;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.link_normal:hover
{
	color: #7EB610;
}

a.link_normal_inv
{
	font-size: 11pt;
	color: #7EB610;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.link_normal_inv:hover
{
	color: #505050;
}

a.link_submenu
{
	font-size: 11pt;
	color: #505050;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.link_submenu:hover
{
	color: #FFFFFF;
}

a.link_white
{
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

a.link_white:hover
{
/*	padding: 5px;
	background-color: #000000;*/
}

a.link_title
{
	font-size: 13pt;
	color: #7EB610;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a.link_title:hover
{
	color: #505050;
}

a.link_bg
{
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	padding: 1px 5px 2px 5px;
/*	background: #7EB610;*/
}

a.link_bg:hover
{
	background: #7EB610;
/*	background: #345E1C;*/
}

a.link_picture img
{
	border: 3px solid #7EB610;
}

a.link_picture img:hover
{
	border: 3px solid #345E1C;
}

a.link_picture_solid img
{
	border: 1px solid #7EB610;
}

a.link_picture_solid img:hover
{
	border: 1px solid #345E1C;
}

/* link style end */



/* picture style beginning */

.picture_normal
{
	border-width: 5px;
	border-style: solid;
	border-color: #1B2915;
}

.picture_clean
{
	margin: 0px 0px 0px -10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
}

.picture_over
{
	border-width: 5px;
	border-style: solid;
	border-color: #1D3A55;
}

/* picture style end */



/* forms & inputs style beginning */

.input
{
	width: 320px;
	height: 20px;
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #505050;
	font-weight: normal;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #7EB610;
	background-color: #FFFFFF;
	padding: 4px;
/*	filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);*/
/*	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
}

/*.input:focus
{
	width: 290px;
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	border-style: solid;
	border-width: 0px;
	border-color: #1B2915;
	background-color: #1B2915;
	padding: 5px;
}*/

.input_left
{
	width: 170px;
	height: 20px;
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #505050;
	font-weight: normal;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #7EB610;
	background-color: #FFFFFF;
	padding: 4px;
}

.input_search:focus
{
	color: #1B2915;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
/*	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.input_share
{
	width: 550px;
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #1B2915;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	background-color: #FFFFFF;
	border-style: none;
	border-width: 0px;
	border-color: #FFFFFF;
}

/*.input_textcounter
{
	width: 30px;
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #808080;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	border-style: none;
	border-width: 0px;
	border-color: #FFFFFF;
}*/

.button_search
{
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: normal;
	border-style: none;
	border-width: 0px;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	padding: 5px;
	cursor: pointer;
	outline: none;
/*	filter:progid:DXImageTransform.Microsoft.alpha(opacity=20);*/
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}

.button_search:hover
{
	color: #1B2915;
	background-color: #FFFFFF;
/*	filter:progid:DXImageTransform.Microsoft.alpha(opacity=20);*/
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.button
{
	height: 32px;
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
	border-style: none;
	border-width: 0px;
	border-color: #7EB610;
	background-color: #7EB610;
	padding: 5px;
	cursor: pointer;
	outline: none;
}

.button:hover
{
	background-color: #345E1C;
}

.button_buy
{
	font-family: Georgia, Sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
	border-style: none;
	border-width: 0px;
	border-color: #1B2915;
	background-color: #1B2915;
	padding: 2px;
	cursor: pointer;
	outline: none;
}

.button_buy:hover
{
	background-color: #000000;
}

.radiobutton
{
	height: 20px;
	vertical-align: middle;
	margin: 0px;
}

.checkbox
{
	height: 20px;
	vertical-align: middle;
	margin: 0px;
}

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

label
{
	cursor: pointer;
}

label:hover
{
	color: #4980A0;
}

hr
{
	width: 100%;
	height: 1px;
	color: #1B2915;
	background-color: #1B2915;
	border: 0px;
}

object,embed
{
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
}

/* forms & inputs style end */



/* Credits: Dynamic Drive CSS Library, URL: http://www.dynamicdrive.com/style/ */

/* menu main beginning */

.suckertreemenu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #7EB610;
	z-index: 100;
}

/* Top level list items */
.suckertreemenu ul li
{
	margin: 0px 0px 0px 12px;
	position: relative;
	display: inline;
	float: left;
	/*background-color: #F3F3F3;*/ /* overall menu background color */
}

/* Supplement for menu separator */
.menu_border
{
	width: 2px;
	background-image: url(../media/image/bg_menu_border.png);
	background-repeat: no-repeat;
	background-position: top left;
}

/* Top level menu link items style */
.suckertreemenu ul li a
{
	display: block;
	/*width: 100px;*/ /* width of top level menu link items */
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border: 0px;
	height: 30px;
	line-height: 30px;
	text-align: left;
/*	font-family: Georgia, Sans-serif;*/
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
/*	text-shadow: 1px 1px 0px #000000;*/
}

.suckertreemenu ul li a:hover
{
	color: #FFFFFF;
}

.suckertreemenu :hover > a, .suckertreemenu ul ul :hover > a
{
	color: #FFFFFF;
	background-color: #345E1C;
}


/* 1st sub level menu */
.suckertreemenu ul li ul
{
	left: 0px;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	background-color: #345E1C;
}

/* Sub level menu list items (undo style from Top level List Items) */
.suckertreemenu ul li ul li
{
	margin: 0px;
	display: list-item;
	float: none;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a
{
	display: block;
	width: 120px; /* width of sub menu levels */
	padding-left: 10px;
	border: 0px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	margin: 0px;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

.suckertreemenu ul li ul li a:hover
{
	color: #FFFFFF;
	background-color: #7EB610;
}


/* All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul
{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0px;
}

/* Background image for top level menu list links */
/*.suckertreemenu .mainfoldericon
{
	background: #F3F3F3 url(../media/image/arrow-down.gif) no-repeat center right;
}*/

/* Background image for subsequent level menu list links */
/*.suckertreemenu .subfoldericon
{
	background: #F3F3F3 url(../media/image/arrow-right.gif) no-repeat center right;
}*/

* html p#iepara
{ /* For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* menu main end */

/*#content_text:after
{
   content: " ok";
}*/



/* slide box beginning */

/*
	Slideshow
*/

#slides {
	position: absolute;
/*	top:15px;
	left:4px;*/
	width: 660px;
	height: 150px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	z-index: 10;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 660px;
	overflow: hidden;
	position: relative;
	display: none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width: 660px;
	height: 150px;
	display: block;
}

.slides_container a img {
	display: block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position: absolute;
	top: 157px;
	left: 627px;
	width: 8px;
	height: 13px;
	display: block;
	z-index: 11;
}

#slides .next {
	left: 653px;
}

/*
	Pagination
*/

.pagination {
	display: none;
/*	margin: 20px auto 0;*/
	position: absolute;
	margin: -36px 0px 0px -21px;
	width: 170px;
	z-index: 11;
}

.pagination li {
	display: none;
	float: left;
	margin: 0 1px;
	list-style: none;
	padding: 2px;
	background-color: #FFFFFF;
}

.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../media/image/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.pagination li.current a {
	background-position: 0 -12px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div.slide {
	width: 660px;
	height: 150px;
	display: block;
}

/*
	Set the size of your carousel items
*/
.item {
	float: left;
	width: 218px;
	height: 150px;
	margin: 0;
	background: transparent;
}

.item_center {
	float: left;
	width: 218px;
	height: 150px;
	margin: 0;
	padding: 0px 3px 0px 3px;
	background: transparent;
}

/* slide box beginning */



#PPMiniCart { position: relative; z-index: 999; }