@import url("reset.css");
@import url("menu.css");
@import url("style.css");
@import url("style-vertical.css");

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #877a72;
	font-size: 12px;
}

.clear {clear: both;}	

a:link, a:visited, a:active {
	color: #61ae0f;
	text-decoration: underline;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;	
}

a:hover {
	text-decoration: none;
}

blockquote {
	padding: 10px;
}

h1 {
	font-size:20px;
}

h2 {
	font-family: Georgia;
	color: #877a72;
	font-size: 26px;
	padding-bottom: 10px;
}

h2 span {
	font-family: Georgia;
	color: #61ae0f;
	font-size: 20px;
}	

h3 {
	font-family: Georgia;
	color: #61ae0f;
	font-size: 23px;
	padding-bottom: 20px;
}

h4 {
	color: #4e8e08;
	font-size: 17px;
	padding-bottom: 5px;
}

h5 {
	font-size: 14px;
	color:#4c8e08;
}

h6 {
	font-size: 13px;
}

p {
	margin-bottom: 10px;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	position: relative;
}

#header {
	height: 106px;
	position: relative;
}

#wrapper #logo {
	width: 260px;
	height: 111px; 
	position: absolute;
	top: 42px;
	left: 0px;
	z-index: 50000000;	
}

#wrapper #logo a:link,
#wrapper #logo a:active,
#wrapper #logo a:visited {
	width: 260px;
	height: 111px; 
	cursor: pointer;	
}

#wrapper .moduletable-nav {
	width: 730px;
	position: absolute;
	top: 78px;
	right: 0px;
	z-index: 500000;
}
/*
#header .moduletable-nav ul li {
	float: left;
	background: url(../images/nav_li_bg.jpg) no-repeat left center; 
	padding: 0 8px;
}

#header .moduletable-nav ul li.item1 {
	background: none;
}

#header .moduletable-nav ul li a:link,
#header .moduletable-nav ul li a:visited,
#header .moduletable-nav ul li a:active {
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #342218;
}

#header .moduletable-nav ul li.active a:link,
#header .moduletable-nav ul li.active a:visited,
#header .moduletable-nav ul li.active a:active,
#header .moduletable-nav ul li a:hover {
	text-decoration: none;
	color: #4e8e08;
}*/

#header .moduletable-search {
	width: 270px;
	background: url(../images/search_bg.jpg) no-repeat right top;
	position: absolute;
	top: 26px;
	right: 0px;
}

#header .moduletable-search h3 {
	float: left;
	background: url(../images/google.jpg) no-repeat left top;
	width: 82px;
	height: 32px; 
	text-indent: -9999px;
	padding-bottom: 0px;
}

#header .moduletable-search .inputbox-search {
	width: 170px;
	float: left;
	margin-left: 27px;
	color: #8ab665;
	font-family: "Trebuchet MS";
	font-size: 11px;
	padding: 4px 2px;
	background: none;
	border: none;
}

#header .moduletable-search .button-search {
	width: 56px;
	height: 25px;
	float: right;
	background: none;
	border: none;
	color: #fff;
	font-size: 11px;
	cursor: pointer;
}

#header .moduletable-google {
	width: 82px;
	position: absolute;
	top: 26px;
	right: 258px;
	z-index: 15;
} 

#banner {
	width: 997px;
	height: 367px;
	padding: 9px 0 0 0px;
}

#container {
	width: 1000px;
	padding: 0 0px 40px 0px;
	margin-top: 10px;
}

#leftCol {
	background: #fff url(../images/leftCol_bg.jpg) no-repeat left top;
	width: 244px;
	float: left;
	padding-top: 60px;
}

#leftCol .moduletable {
	width: 188px;
	margin-bottom: 18px;
	float: left;
}

#leftCol .moduletable.none {
	margin-bottom: 10px;
}

#leftCol .moduletable.dealer a {background:url(../images/dealer.jpg) no-repeat 0 0; display:block; text-indent:-5000px; width:188px; height:148px;}
#leftCol .moduletable.dealer a:hover {background:url(../images/dealer.jpg) no-repeat 0 -148px; width:188px; height:148px;}

#leftCol .moduletable.dealer:hover {
	background: url(../images/become_hover.jpg) no-repeat left top;
}

#leftCol .moduletable h3 {
	background: url(../images/moduletable_h3_bg.jpg) no-repeat left top;
	height: 28px;
	line-height: 24px;
	border-bottom: 1px solid #f3eeea;
	font-size: 12px;
	color: #fff;
	font-family: "Trebuchet MS";
	padding-left: 8px;
	padding-bottom: 5px;
}

/*

#leftCol .moduletable li {

}

#leftCol .moduletable li a:link,
#leftCol .moduletable li a:visited,
#leftCol .moduletable li a:active {
	text-decoration: none;
	background: url(../images/moduletable_li_border.jpg) repeat-x left bottom;
	padding: 9px 0px 9px 8px; 
	display: block;
	color: #7b6e66;
	font-family: "Trebuchet MS";
}

#leftCol .moduletable li.active a:link,
#leftCol .moduletable li.active a:visited,
#leftCol .moduletable li.active a:active,
#leftCol .moduletable li a:hover {
	text-decoration: none;
	color: #8ab665;
}

#leftCol .moduletable li.parent li a:link,
#leftCol .moduletable li.parent li a:visited,
#leftCol .moduletable li.parent li a:active {
	padding-left: 25px;
	color: #7b6e66;	
}

#leftCol .moduletable li.parent li.active a:link,
#leftCol .moduletable li.parent li.active a:visited,
#leftCol .moduletable li.parent li.active a:active,
#leftCol .moduletable li.parent li a:hover {
	text-decoration: none;
	color: #8ab665;
}

*/

#leftCol .moduletable .inputbox {
	border: 1px solid #8bb666;
	padding: 2px 4px;
	margin-bottom: 10px;
}

#leftCol .moduletable .button {
	background: #8bb666;
	padding: 2px 4px;
	color: #fff;
	font-size: 12px;
	border: none;
	cursor: pointer;
}

#contentCol {
	width: 728px;
	float: right;
	position: relative;
}

#content {
	padding-bottom: 5px;
}


.contentheading, .componentheading {
	font-family: Georgia;
	font-size:20px;
	font-size: 26px;
	color: #877a72;
	padding-bottom: 20px;
}

.contentheading span {
	color: #61ae0f;
	font-size: 18px;
}

.small, .createdate, .modifydate {
	color: #333333;
	font-size: x-small;
}

#content a.pdf:link,
#content a.pdf:active,
#content a.pdf:visited {
	background: url(../images/pdf.jpg) no-repeat left top;
	height: 33px;
	display: block;
	padding-left: 40px;
	text-decoration: none;
}

#content ul {
	list-style-type: none;
	list-style-position: outside;
}

#content ul ul {
	margin-left: 15px;
}

#content ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 25px;
}

#content ul li, #content ol li {
	padding-bottom: 3px;
	background: url(../images/dot_green.jpg) no-repeat left 7px;
	padding-left: 10px;
/*	margin-left: 5px;*/
}

#content ul li a, #content ol li a{
	color:#877A72;
	text-decoration:none;
/*	margin-left: 5px;*/
}

#content ul li a:hover, #content ol li a:hover{
	text-decoration:underline;
/*	margin-left: 5px;*/
}

#content ul li ul li {padding-bottom: 3px; background: url(../images/dot_green2.jpg) no-repeat left 7px; padding-left: 10px; }

#content .moduletable-aboutmenu {
	width: 210px;
	position: absolute;
	top: 40px;
	right: 20px;
}

#content .moduletable-aboutmenu ul li {
	float: left;
	background: url(../images/content_menu_li_bg.jpg) no-repeat left center;
	padding: 0 5px;
	margin: 0px;
	list-style: none;
}

#content .moduletable-aboutmenu ul li:first-child {
	background: none;
}

#content .moduletable-aboutmenu ul li a:link,
#content .moduletable-aboutmenu ul li a:visited,
#content .moduletable-aboutmenu ul li a:active {
	text-decoration: none;
	color: #4e8e08;
	font-size: 11px;
}

#content .moduletable-aboutmenu ul li.active a:link,
#content .moduletable-aboutmenu ul li.active a:visited,
#content .moduletable-aboutmenu ul li.active a:active,
#content .moduletable-aboutmenu ul li a:hover {
	text-decoration: none;
	color: #877a72;
}

#content .moduletable-breadcrumbs {
	color: #4e8e08;
	font-size: 12px;
	margin-bottom: 18px;
	width: 100%;
}

#content .moduletable-breadcrumbs li {
	float: left;
	background: url(../images/arrow.jpg) no-repeat right 6px;
	padding-right: 10px;
	padding-left: 0px;
	margin-right: 6px;
}

#content .moduletable-breadcrumbs li a:link,
#content .moduletable-breadcrumbs li a:visited,
#content .moduletable-breadcrumbs li a:active {
	color: #877a72;
	font-size: 12px;
	float: left;
	text-decoration: none;
}

#content .moduletable-breadcrumbs li a:hover {
	color: #4e8e08;	
}

#content .uploadwrapper {
	width: 568px;
	background: url(../images/upload_bg.jpg) no-repeat left top;
}

#content .uploadwrapper .inputbox {
	float: left;
	width: 239px;
	padding: 3px 2px;
	font-size: 12px;
	color: #4e8e08;
	border: none;
	background: none;
	margin: 2px 0 0 5px;
}

#content .uploadwrapper .button {
	background: url(../images/upload_button_bg.jpg) no-repeat left top;
	width: 267px;
	height: 25px;
	color: #fff;
	font-size: 12px;
	color: #fff;
	border: none;
	float: right;
	cursor: pointer;
}


#content .moduletable-product {
	width: 730px;
	margin-bottom: 20px;
}

#content .moduletable-product .productWrap {
	background: url(../images/moduletable_pop_bg.jpg) no-repeat left top;
	width: 230px;
	height: 344px;
	float: left;
	margin: 0 5px;
	position: relative;
	color: #fff;
	margin-bottom:15px;
	overflow:hidden;
}

#content .moduletable-product .productWrap a:link,
#content .moduletable-product .productWrap a:active,
#content .moduletable-product .productWrap a:visited {
	color: #fff;
	text-decoration: none;
}

#content .moduletable-product .productWrap a:hover {
	color: #fff;
}

#content .moduletable-product .productWrap:hover {
	background: url(../images/moduletable_pop_hover_bg.jpg) no-repeat left top;
	cursor: pointer;
}

#content .moduletable-product .productWrap p {
	padding: 5px;
}

#content .moduletable-product .productWrap a.readmore:link,
#content .moduletable-product .productWrap a.readmore:active,
#content .moduletable-product .productWrap a.readmore:visited {
	background: url(../images/readmore_gary.png) no-repeat left top;
	width: 103px;
	height: 28px;
	padding: 5px 0 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

#content .moduletable-product .productWrap:hover a.readmore:link,
#content .moduletable-product .productWrap:hover a.readmore:active,
#content .moduletable-product .productWrap:hover a.readmore:visited {
	background: url(../images/readmore_green.png) no-repeat left top;
	width: 103px;
	height: 28px;
	padding: 5px 0 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;	
}

#content .contentform .submitwrapper {
	width: 372px;
	background: url(../images/sub_box_bg.jpg) no-repeat right top;
	padding-bottom: 15px;
}

#content .contentform .submitwrapper label {
	width: 112px;
	float: left;
	color: #4e8e08;
	font-size: 14px;
}

#content .contentform .submitwrapper label span {
	color: #594c44;
}

#content .contentform .submitwrapper .inputbox {
	width: 244px;
	float: left;
	padding: 4px 3px;
	background: none;
	border: none;
	font-size: 12px;
	color: #877a72;
}

#content .contentform .submitwrapper select {
	background: none;
	border: none;
	width: 260px;
	float: left;
	padding: 4px 3px;
	font-size: 12px;
	color: #877a72;
}

#content .contentform .submitwrapper_large {
	width: 490px;
	padding-bottom: 15px;
}

#content .contentform .submitwrapper_large label {
	width: 200px;
	float: left;
	color: #4e8e08;
	font-size: 14px;
}

#content .contentform .submitwrapper_large select {
	width: 282px;
	border: 1px solid #ccc;
	float: left;
	padding: 4px 3px;
	font-size: 12px;
	color: #877a72;
}

#content .contentform .textwrapper {
	background: url(../images/textarea_bg.jpg) no-repeat right top;
	width: 490px;
	padding-bottom: 20px;
}

#content .contentform .textwrapper label {
	width: 112px;
	float: left;
	color: #4e8e08;
	font-size: 14px;
}

#content .contentform .submit {
	background: url(../images/submit_button.jpg) no-repeat left top;
	width: 148px;
	height: 23px;
	border: none;
	font-size: 12px;
	color: #fff;
	font-family: "Trebuchet MS";
	cursor: pointer;
	float: left;
	margin-top:10px;
}

#content .contentform a.privacy:link,
#content .contentform a.privacy:visited,
#content .contentform a.privacy:active {
	text-decoration: underline;
	font-size: 11px;
	color: #877a72;
	float: left;
}

#content .contentform a.privacy:hover {
	text-decoration: none;
}

#content .contentform .validation-advice {
	color: red;
	padding-left: 112px;
}

#modulelist {
	width: 730px;	
}

#modulelist .moduletable {
	width: 730px;
}

#modulelist .moduletable .productWrap {
	background: url(../images/moduletable_pop_bg.jpg) no-repeat left top;
	width: 230px;
	height: 344px;
	float: left;
	margin: 0 5px;
	position: relative;
	color: #fff;
}

#modulelist .moduletable .productWrap a:link,
#modulelist .moduletable .productWrap a:active,
#modulelist .moduletable .productWrap a:visited {
	color: #fff;
}

#modulelist .moduletable .productWrap a:hover {
	color: #fff;
}

#modulelist .moduletable .productWrap:hover {
	background: url(../images/moduletable_pop_hover_bg.jpg) no-repeat left top;
	cursor: pointer;
}

#modulelist .moduletable .productWrap p {
	padding: 5px;
}

#modulelist .moduletable .productWrap a.readmore:link,
#modulelist .moduletable .productWrap a.readmore:active,
#modulelist .moduletable .productWrap a.readmore:visited {
	background: url(../images/readmore_gary.png) no-repeat left top;
	width: 103px;
	height: 28px;
	padding: 5px 0 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

#modulelist .moduletable .productWrap:hover a.readmore:link,
#modulelist .moduletable .productWrap:hover a.readmore:active,
#modulelist .moduletable .productWrap:hover a.readmore:visited {
	background:url(../images/readmore_green.png) no-repeat left top;
	width: 103px;
	height: 28px;
	padding: 5px 0 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;	
}

#footerwrapper {
	background: url(../images/footerwrapper_bg.jpg) repeat-x left top;
	height: 167px;
}

#footer {
	width: 1002px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 0 0;
	 
}

#footer .moduletable {
	width: 218px;
	float: left;
	color: #8ab665;
	font-size: 12px;
	line-height: 16px;
}

#footer .moduletable h3 {
	color: #6d5e57;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 17px;
}

#footer .fmoduletableList {
	width: 728px;
	float: right;
}

#footer .fmoduletableList .moduletable-fmenuone {
	width: 728px;
	padding-bottom: 5px;
}

#footer .fmoduletableList .moduletable-fmenuone ul li {
	background: url(../images/fmenu_one_li_bg.jpg) no-repeat left center;
	display: inline;
	padding: 0 11px;
}

#footer .fmoduletableList .moduletable-fmenuone ul li.item9 {
	background: none;
	padding-left: 0;	
}

#footer .fmoduletableList .moduletable-fmenuone ul li a:link,
#footer .fmoduletableList .moduletable-fmenuone ul li a:visited,
#footer .fmoduletableList .moduletable-fmenuone ul li a:active {
	text-decoration: none;
	color: #6d5e57;
	font-size: 12px;
}

#footer .fmoduletableList .moduletable-fmenuone ul li.active a:link,
#footer .fmoduletableList .moduletable-fmenuone ul li.active a:visited,
#footer .fmoduletableList .moduletable-fmenuone ul li.active a:active,
#footer .fmoduletableList .moduletable-fmenuone ul li a:hover {
	text-decoration: underline;
}

#footer .fmoduletableList .moduletable-fmenutwo {
	width: 728px;
	padding-bottom: 15px;
}

#footer .fmoduletableList .moduletable-fmenutwo ul li {
	background: url(../images/fmenu_two_li_bg.jpg) no-repeat left center;
	padding: 0 11px;
	display: inline;
}

#footer .fmoduletableList .moduletable-fmenutwo ul li.item17 {
	background: none;
	padding-left: 0;
}

#footer .fmoduletableList .moduletable-fmenutwo ul li a:link,
#footer .fmoduletableList .moduletable-fmenutwo ul li a:visited,
#footer .fmoduletableList .moduletable-fmenutwo ul li a:active {	
	text-decoration: none;
	color: #8ab665;
	font-size: 12px;
}

#footer .fmoduletableList .moduletable-fmenutwo ul li.active a:link,
#footer .fmoduletableList .moduletable-fmenutwo ul li.active a:visited,
#footer .fmoduletableList .moduletable-fmenutwo ul li.active a:active,
#footer .fmoduletableList .moduletable-fmenutwo ul li a:hover {
	text-decoration: underline;
}

#footer .moduletable-copy {
	color: #9e9995;
	font-size: 11px;
	width: 100%;
	text-align: left;
}


/* ---------- dealer form css -------------*/
#contentCol .formwrapper {
	width: 400px;
	padding-bottom: 5px;
}

#contentCol .formwrapper label {
	width: 130px;
	float: left;
}

#contentCol .formwrapper .inputbox {
	float: right;
	width: 251px;
	border: 1px solid #ccc;
	padding: 3px 2px;
	font-size: 12px;
	color: #000;
}

#contentCol .formwrapper #chrono_verification {
	float: right;
	width: 251px;
	border: 1px solid #ccc;
	padding: 3px 2px;
	font-size: 12px;
	color: #000;
}

#contentCol .formwrapper img {
	padding-left: 140px;
}

#contentCol .formwrapper select {
	border: 1px solid #ccc;
	margin-left: 12px;
}

#contentCol .submittwo {
	margin-left: 140px;
	cursor: pointer;
	background: #514843;
	border: none;
	color: #fff;
	padding: 2px 4px;
}

#contentCol .formwrapper .validation-advice {
	padding-left: 140px;
	color: red;
}

/* ---------- dealer form css end -------------*/


/* ---------FAQ---------- */

.vizibul {
	padding-bottom: 30px;
}

.vizibul h3 {
margin-bottom: 5px;
padding-bottom: 0px;
cursor: pointer;
font-size: 0.875em;
}

.vizibul h4 {
	color: #655d5b;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
}

.vizibul .answer {
	margin-bottom: 8px;
	padding: 4px 6px;
	background:#fff;
	border:thin solid #8ab665;
	margin:5px 0px 10px 16px;
	width: 442px;
}

.vizibul .question {
	padding-left: 16px;
	line-height: 1.2em;
	background: url(../images/plus.jpg) no-repeat left 2px;
}


.vizibul .question.plus {
	background-position: -15px 1px;
	background-repeat: no-repeat;
	background: url(../images/minus.jpg) no-repeat left 2px;
}


/*------------FAQ end----------------*/










/*  Start Contact css   */
.contact p {
	margin-bottom: 5px;
}

.contact .marker_add {
	float: left;
}

.contact .contact_address p {
	margin-left: 60px;
	margin-bottom: 3px;
}

.contact .marker {
	margin-right: 10px;
}

.contact #emailForm {
	padding-top: 10px;
}

.contact #emailForm .label {
	width: 125px;
	text-align: left;
	padding-right: 10px;
	float: left;
}

.contact #emailForm div {
	margin-bottom: 3px;
}

.contact #emailForm .button {
	background: #2F373E;
	border: none;
	padding: 2px 4px;
	line-height: 30px;
	color: #3e2700;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}	
/*  End Contact css   */

/*  Start Contact css   */
/*  Start Contact css   */



/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#system-message dd.notice ul { color: #93246F; background: #F2E3ED; border-top: 3px solid #93246F; border-bottom: 3px solid #93246F;}



/* ------------- End Joomla css -------------  */


/*  Start Contact css   */
.contact p {
	margin-bottom: 5px;
}

.contact .marker_add {
	float: left;
}

.contact .contact_address p {
	margin-left: 60px;
	margin-bottom: 3px;
}

.contact .marker {
	margin-right: 10px;
}

.contact #emailForm {
	padding-top: 10px;
}

.contact #emailForm .label {
	width: 125px;
	text-align: left;
	padding-right: 10px;
	float: left;
}

.contact #emailForm div {
	margin-bottom: 3px;
}

.contact #emailForm .button {
	background: #2F373E;
	border: none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding: 2px 4px;
}	

#contact_name, 
#contact_email, 
#contact_subject {
border:1px solid #CECECE;
font-size:11px;
margin-bottom:2px;
padding:4px 2px;
vertical-align:middle;
width:175px;
}

#paramsadmin_language,
#paramslanguage,
#paramseditor,
#paramshelpsite {
border:1px solid #CECECE;
font-size:11px;
margin-bottom:2px;
padding:4px 2px;
vertical-align:middle;
width:175px;
}

#paramstimezone {
border:1px solid #CECECE;
font-size:11px;
margin-bottom:2px;
padding:4px 2px;
vertical-align:middle;
}

#contact_text {
border:1px solid #CECECE;
font-size:11px;
margin-bottom:2px;
padding:4px 2px;
vertical-align:middle;
}
/*  End Contact css   */



/*user profile*/
.user .name,
.user .user,
.user .email,
.user .pass,
.user .verify_pass,
.user .user_name  {

}

.user .name label.username,
.user .user_name label.useruser_name,
.user .email label.useremail,
.user .pass label.userpassword,
.user .verify_pass label.userverifyPass {
	float:left;
	margin-right:10px !important;
	margin-right:8px;
	width:120px;
}

.user .name input#name,
.user .user_name input#username,
.user .email input#email,
.user input.usernamemsg,
.user .pass input#password,
.user .verify_pass input#password2 {
	width: 175px;
	margin-bottom: 2px;
	border:1px solid #CECECE;
	font-size:11px;
	padding:4px 2px;
	vertical-align:middle;
}


/*.user button.button {
	background: url(../images/button.jpg) no-repeat scroll left top;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	height:25px;
	margin-bottom:10px;
	margin-left:70px;
	padding-bottom:3px;
	text-align:center;
	width:86px;
}
*/
.paramlist label {
	width: 130px;
	float: left;
}

#paramsadmin_language,
#paramslanguage,
#paramseditor,
#paramshelpsite {
	margin-bottom: 2px;
}

.paramlist_key {
	width: 139px;
}

/*user profile*/

/*register login*/
.name label#namemsg,
.user label#usernamemsg,
.email label#emailmsg,
.pass label#pwmsg,
.verify_pass label#pw2msg {
	width:120px;
	float: left;
}

.name input.namemsg,
.user input.usernamemsg,
.email input.emailmsg,
.pass input.validate-password,
.verify_pass input.validate-passverify {
	float: left;
	margin-bottom: 2px;
}

.name label.nameuser,
.pass label.passpass  {
	float:left;
	width:70px;
	margin-right: 10px;
}

.name input#user,
.pass input#pass {
	width: 150px;
	margin-bottom: 2px;
}

*html .name input#user,
*html .pass input#pass {
	margin-bottom: 0px;
}

*:first-child+html .name input#user,
*:first-child+html .pass input#pass {
	margin-bottom: 0px;
}

.remember input#rem {
	margin-left: 9px;
}

*html .remember input#rem {
	margin-left: 8px;
}

*:first-child+html .remember input#rem {
	margin-left: 5px;
}

.content input.button {
	background: #8a4f91;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	height:25px;
	margin-bottom:10px;
	margin-left:80px;
	padding-bottom:3px;
	text-align:center;
	width:86px;
}
/*register*/

/*forgot register*/
.form-validate label.hasTip {
	margin-right: 10px;
	vertical-align: middle;
}

.form-validate input.validate-email {
	margin-right: 15px;
	height: 12px;
	vertical-align: middle;
	font-size: 11px;
	width: 146px;
	padding: 2px 2px;
	border:1px solid #CECECE;
	font-size:11px;
	padding:4px 2px;
	vertical-align:middle;
}

.form-validate button.validate {
	background: #8bb666;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	height:25px;
	margin-top:10px;
	padding-bottom:3px;
	text-align:center;
	width:86px;
}
/*forgot register*/

.upload {
	position: relative;
}

.uploadimg {
	/*position: absolute;
	top: 0px;
	right: 100px;*/
}

.pos_apply {
	background: url(../images/career_input.jpg) no-repeat left top;
	width: 200px;
	height: 25px;
	line-height: 25px; 
	margin-right: 5px;
	/*float: left;*/
}

.pos_apply input {
	background: none;
	border: none;
	padding: 4px 10px;
}


.attachfile input {
	display: block;
	float: left;
	margin-right: 5px;		
}

.validation-advice {
	color: red;
}

.products {background:#8ab766; width:170px; height:208px; display:block; float:left; padding:4px; color:#fff; font-size:12px; margin:2px; text-align:center; line-height:1.25em;}
.products span {color:#395a1f;}
.products span a{color:#fff;}


.products-big {background:#8ab766; width:344px; height:265px; display:block; float:left; padding:5px; color:#fff; font-size:12px; margin:4px; text-align:center; line-height:1.25em;}
.products-big span {color:#395a1f;}
.products-big span a{color:#fff;}


.products-shelf {background:#8ab766; width:344px; height:310px; display:block; float:left; padding:5px; color:#fff; font-size:12px; margin:4px; text-align:center; line-height:1.25em;}
.products-shelf span {color:#395a1f;}
.products-shelf span a{color:#fff;}


.products-plants {background:#8ab766; width:170px; height:165px; display:block; float:left; padding:4px; color:#fff; font-siz
.products-shelf img {margin-bottom:10px;}
e:12px; margin:2px; text-align:center; line-height:1.25em;}
.products-plants span {color:#395a1f;}
.products-plants span a{color:#fff;}


.products-deco {background:#8ab766; width:344px; height:285px; display:block; float:left; padding:5px; color:#fff; font-size:12px; margin:4px; text-align:center; line-height:1.25em;}
.products-deco span {color:#395a1f;}
.products-deco span a{color:#fff;}


.ds-images {float:left; margin: 0 15px 15px 0; border:thick solid #8BB666;}



.about p {margin-bottom:17px; font-size:13px;}

.about h4 {margin-bottom:10px;}

.about ul li {margin-bottom:5px; font-size:13px; margin-left:20px;}

.about span {color:#8bb666; font-size:15px; font-style:italic; font-weight:bold;}

.about img {border:#8bb666 thick solid;}

.designprocess {background:url(../../../images/stories/content_img/design-process.jpg) no-repeat; margin-left:5px; float:left; width:470px; height:344px; display:block;}

.buy {width:222px; padding:10px; float:left;}

.where {font-size:13px;}

.where ul li {margin-bottom:5px;}


/* Career Form Css*/

#contentCol .careerform_wrap {
	clear: both;
	padding: 20px 0px 5px 0px;
	width:400px;
}
 
#contentCol .careerform_wrap label {
	float:left;
	width:130px;
}

#contentCol .careerform_wrap #chrono_verification {
	border:1px solid #CCCCCC;
	color:#000000;
	float:right;
	font-size:12px;
	padding:3px 2px;
	width:251px;
}

#contentCol .careerform_wrap img {
	margin-left: 140px;
}



/* Career Form Css*/

ul.pagination {
	margin: 20px 0 40px 0;
}

ul.pagination li {
	display: inline;
	list-style: none;
	background: url(../images/li.jpg) no-repeat left top !important;
	margin: 0;
	color: #61af0e;	
	padding: 0 10px;
}

ul.pagination li:first-child {
	background: none !important;
}

ul.pagination li a:link,
ul.pagination li a:active,
ul.pagination li a:visited {
	color: #61af0e !important;
	margin: 0 !important;
}

.button {
	background: url(../images/button.jpg) no-repeat left top;
	width: 86px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	border: none;
	cursor: pointer;
	margin-top: 10px;
}

.search_result .word {
	width: 164px;
	float: left;
}

.search_result .only {
	width:85px;
	float:left;
	padding-left:30px;
}

#content  .results ol li.list {
	background: none;
	padding-left: 0; 
}

#content .contentform .formwrapper input#chrono_verification {
	background: red;
}

.main-button {background:url(../images/main-button.jpg) no-repeat 0 0; float:left; display:block; width:710px; height:131px; margin-bottom:3px; margin-left:4px;}
	.main-button:hover {background-position:0 -131px;}
	

	
/*---------------------Mobile Styles-------------------------*/

.mobile body { margin: 0; }


.mobile ul, .mobile ol { margin:0; padding: 0 0 0 40px; }
.mobile dd { margin: 0 0 0 40px; }
.mobile nav ul, .mobile nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

.mobile img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

.mobile form { margin: 0; }
.mobile fieldset { border: 0; margin: 0; padding: 0; }
.mobile label { cursor: pointer; }
.mobile legend { border: 0; *margin-left: -7px; padding: 0; }
.mobile button, .mobile input, .mobile select, .mobile textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
.mobile button, .mobile input { line-height: normal; *overflow: visible; }
.mobile table button, .mobile table input { *overflow: auto; }
.mobile button, .mobile input[type="button"], .mobile input[type="reset"], .mobile input[type="submit"], .mobile [role="button"] { cursor: pointer; -webkit-appearance: button; }
.mobile input[type="checkbox"], .mobile input[type="radio"] { box-sizing: border-box; padding: 0; }
.mobile input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.mobile input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.mobile button::-moz-focus-inner, .mobile input::-moz-focus-inner { border: 0; padding: 0; }
.mobile textarea { overflow: auto; vertical-align: top; resize: vertical; }
.mobile input:valid, .mobile textarea:valid {  }
.mobile input:invalid, .mobile textarea:invalid { background-color: #f0dddd; }


.mobile #container {margin:10px 5px 0 5px;}
.mobile header {margin:0 5px 0 5px; border-bottom:1px solid #e0e0e0; padding-bottom:20px; overflow:hidden;}
.mobile header .logo {width:158px; height:63px; float:left; display:block;}
.mobile header .btn-view-site { margin:22px 0 0 0; padding:3px 0 0 5px; float:right; width:85px; height:18px; display:block; background-image:url(../images/btn-view-full-site.jpg); color:#fff; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
.mobile header .btn-view-site:active, .mobile #main .section form input.submit:active {background-image:url(../images/btn-view-full-site.jpg); background-position:0 -21px;}

.mobile #main {overflow:hidden;}
.mobile #main .home-buttons {margin:10px 0 0 0;}
.mobile #main .home-buttons .btn-home-button { margin:0 5px 10px 5px; display:block; background-color:#fff; background-image:url(../images/img-large-button-arrow.jpg); background-position:right; height:57px; background-repeat:no-repeat; text-decoration:none; font-size:18px; color:#877a72; font-family:Georgia, "Times New Roman", Times, serif; padding:4px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
line-height:18px;
border:1px solid #ccc;
}
.mobile #main .home-buttons .btn-home-button:active {
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 70);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 70);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 70);
border:1px solid #c8c8c8;
}
.mobile #main .home-buttons .btn-home-button .first-line {display:block; margin-top:10px;}
.mobile #main .home-buttons .btn-home-button .second-line { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#61ae0f;}
.mobile #main .section { margin:10px 5px 0 5px; padding-top:10px; border-top:1px solid #ccc;}
.mobile #main .section h2 {margin:0; font-size:12px; text-align:center; color:#877a72; font-family:Georgia, "Times New Roman", Times, serif; background-color:#ded7cd; padding:3px 0 3px 0; letter-spacing:.2em; text-transform:uppercase; font-weight:normal;}
.mobile #main .section h3 {margin:0; font-size:14px; color:#61AE0F; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:5px;}
.mobile #main .section p, .mobile #main .section li, .mobile #main .section form label {font-size:12px; line-height:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:0 0 15px 0;}
.mobile #main .section .other-types-row { margin:15px auto 10px auto; overflow:hidden; width:300px;}
.mobile #main .section .other-types-row .planter-type {float:left; width:45px; height:20px; margin-right:40px; padding-top:46px; background-repeat:no-repeat; display:block; text-decoration:none; color:#877a72; text-align:center; font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.mobile #main .section .other-types-row .planter-type:active {color:#493f2f;}
.mobile #main .section .other-types-row .metal { background-image:url(../images/planter-metal.jpg);}
.mobile #main .section .other-types-row .ceramic { background-image:url(../images/planter-ceramic.jpg);}
.mobile #main .section .other-types-row .mineral { background-image:url(../images/planter-mineral.jpg);}
.mobile #main .section .other-types-row .handcrafted {margin-right:0px; background-image:url(../images/planter-hand-crafted.jpg);}
.mobile #main .section .btn-planter-questions { width:172px; height:15px; margin:10px auto 0 auto; background-image:url(../images/btn-questions.jpg); display:block; color:#fff; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:3px 3px 3px 5px; }
.mobile #main .section .btn-planter-questions:active {background-position:0 -21px;}
.mobile #main .section .other-products-row{ margin:15px auto 10px auto; overflow:hidden; width:300px; padding:5px;}
.mobile #main .section .other-products-row .btn-patio-furniture { display:block; float:left; background-image:url(../images/img-patio-furniture.jpg); width:138px; height:11px; font-size:10px; color:#877a72; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; padding:48px 0 0 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
border:1px solid #ccc;
}
.mobile #main .section .other-products-row .btn-storage-shelving { display:block; float:left; background-image:url(../images/img-storage-shelving.jpg); width:138px; height:11px; margin-left:20px; font-size:10px; color:#877a72; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; padding:48px 0 0 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 40);
border:1px solid #ccc;
}
.mobile #main .section .other-products-row .btn-patio-furniture:active, .mobile #main .section .other-products-row .btn-storage-shelving:active {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 90);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 90);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 90);
border:1px solid #c8c8c8;
color:#493f2f;
}
.mobile #main .section .recipe {margin:15px 0 0 0; border-bottom:1px solid #ccc;}
.mobile #main .section .recipe img {float:right; margin:0 0 10px 10px;}
.mobile #main .section form {margin:15px 5px 0 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.mobile #main .section form fieldset {margin:0 0 15px 0; display:block;}
.mobile #main .section form input, .mobile #main .section form textarea {width:100%; padding:5px 0 5px 0; color:#877A72; font-size:14px; background-color:#fff;}
.mobile #main .section form input:focus, .mobile #main .section form textarea:focus {bacground-color:#efeae3;}
.mobile #main .section form input.submit {border:none; margin:22px auto 0 auto; padding:0; width:90px; height:21px; display:block; background-image:url(../images/btn-view-full-site.jpg); color:#fff; text-decoration:none; font-size:12px;}

.mobile footer {background-image:url(../images/footer-repeat.jpg); background-repeat:repeat-x; height:32px;}

.mobile .nocallout {-webkit-touch-callout: none;}
.mobile textarea[contenteditable] {-webkit-appearance: none;}
.mobile .gifhidden {position: absolute; left: -100%;}
.mobile .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.mobile .ir br { display: none; }
.mobile .hidden { display: none !important; visibility: hidden; }
.mobile .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.mobile .visuallyhidden.focusable:active, .mobile .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }