/* Pepperio.com CSS Document */

* {
	margin: 0;
	padding: 0;
}

	
/*** HTML elements */
/*******************/
body {
	margin: 0;
	padding: 0;
	font: 8.5pt/14pt 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #999;
	background: #ccc;
	}

h1 {
	font-size: 30pt;
	line-height: 33pt;
	color: #333;
	font-weight: normal;
	}

h2 {
	font-size: 18pt;
	line-height: 19pt;
	font-weight: normal;
	padding-bottom: 30px;
	}
	
h3, h3 a {
	font-size: 14pt;
	color: #333;
	font-weight: normal;
	padding: 15px 0;
	}
	
h4 {
	font-size: 12pt;
	color: #000;
	font-weight: normal;
	}

h6 {
	font-size: 10pt;
	color: #000;
	font-weight: normal;
	margin: 10px 0 2px 0;
	}

b {
	color: #666;
	font-weight: bold;
	}

p {
	padding: 0 0 10px 0;
	}

a {
	color: #527F34;
	text-decoration: none;
	}
	
a:hover {
	color: #35626B;
	text-decoration: underline;
	}

hr {
	border-top: 1px solid #eaede7;
	margin: 5px 0;
	}

.hidden {
	visibility: hidden
	}

/*** STRUCTURAL elements */
/*************************/
#page {
	margin: 0 auto;
	background: #fff url(page_bkgnd.jpg) repeat-y 0 0;
	width: 940px;
	min-width: 940px;
	}
	
#footer {
	height: 40px;
	background: #ccc url(footer_bottom.png) no-repeat center top;
	padding: 3px 0 0 60px;
	clear: both;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

#footer a:hover {
	color: #666;
	text-decoration: underline;
}

#group_logos {
	float: right;
	width: 270px;
	margin-top: -40px;
	}
	
#group_logos img {
	padding-right: 2px;
         padding-bottom: 5px;
         border: none;
	}

#primary_content {
	float: right;
	width: 900px;
	min-height: 600px;
	margin-right: 20px;
	}
	
.top_space {
	margin-top: 60px;
	}
	
#two_col_content {
	float: right;
	width: 900px;
	margin-right: 20px;
	}
	

#demos_frame {
	float: right;
	width: 720px;
	height: 344px;
	margin-right: 20px;
	padding: 14px 14px 0 14px;
	background: url(video_demos_bkgnd.jpg) no-repeat 0 0;
	}
	
#demos_frame .flash_object {
	margin: 0;
	padding: 0;
	width: 690px;
	height: 300px;
	border: 1px solid #999;
	}
	
.demo_video_nav {
	line-height: 10pt;
	}


#left_frame {
	float: left;
	padding-top: 34px;
	padding-left: 34px;
	width: 196px;
	}

#left_frame ul	{
	list-style-type: none;
	}

#left_frame li	{
	border-bottom: 1px solid #e8e8e8;
	padding: 5px 0;
	color: #ccc;
	font-size: 14pt;
	}


#left_frame li.rss_link	{
	padding: 5px 0;
	text-indent: 20px;
	background: #fff url(rss_9x9_icon.jpg) no-repeat 5px 10px;
	color: #ccc;
	font-size: 11pt;
	}


#left_frame .noline li	{
	border-bottom: none;
	padding: 5px 0;
	}

#left_frame li.lastt	{
	border-bottom: none;
	padding: 5px 0;
	}


#left_frame li.resellers {
	font-size: 10pt;
	padding-left: 12px;
	}

#left_frame li.resellershead {
	font-size: 10pt;
	color: #fff;
	background-color: #ccc;
	padding: 0 0 0 12px;
	background: #fff url(slash_tile.gif) 0 0;
	}

#left_frame li a {
	color: #666;
	}

#left_frame li.resellershead a {
	color: #51AF01;
	}

#left_frame li.resellershead a:hover {
	color: #51AF01;
	text-decoration: none;
	}


#left_frame li.release_notes {
	color: #51AF01;
	font-size: 11pt;
	}

#left_frame img	{
	padding-top: 40px;
	border: none;
	}
	
#centre_frame {
	float: right;
	width: 360px;
	margin: 0;
	padding: 0 0 0 20px;
	}

#centre_frame .icon {
	float: right;
	width: 0px;
	margin: 0;
	padding: 10px 20px 0 0;
	}

#centre_frame ul {
	margin: 0;
	padding: 0 0 0 20px;
	}

#full_width_centre_frame {
	float: right;
	width: 570px;
	padding: 0 80px 0 20px;
	}
#full_width_centre_frame_large {
         display:block;	
         width: 840px;
	padding: 0 0px 0 35px;
	}

#full_width_centre_frame ul {
	padding: 0 0 0 20px;
	}

#full_width_centre_list {
	float: right;
	width: 570px;
	padding: 0 80px 0 20px;
        margin-bottom: 100px;
	}

#full_width_centre_list ul {
	list-style-type: none;
	}

#full_width_centre_list li {
	margin-bottom: 15px;
	}





/****** Search Results List ******/
/*********************************/

#search_results h5 a {
	font-size: 11pt;
	color: #333;
	text-decoration: none;
	}

#search_results h5 a:hover {
	color: #000;
	text-decoration: underline;
	}

#search_results p {
	padding-bottom: 15px;
	color: #ccc;
	font-size: 9pt;
	}

#search_results p a {
	font-size: 8.5pt;
	display: block;
	color: #666;
	font-style: italic;
	text-decoration: none;
	}

#search_results p a:hover {
	color: #000;
	text-decoration: underline;
	}

#search_results .results_pages li {
	display: inline;
	}

#search_results .searchterm {
	margin: 0;
	padding: 0 8px;
	background-color: #999;
	color: yellow;
	}

#search_results h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12pt;
	color: #666;
	}


#search_results h4 {
	margin: 0;
	padding: 0;
	font-size: 11pt;
	color: #333;
	}

/***********/



/****** Search Results List ******/
/*********************************/

#sitemap a {
	font-size: 9pt;
	color: #000;
	text-decoration: none;
	}

#sitemap ul.sub li {
	margin: 0;
	padding-left: 20px;
	}


#sitemap ul.sub li a {
	font-size: 8pt;
	color: #333;
	}

#sitemap ul.subn li {
	margin: 0;
	padding-left: 20px;
	}

#sitemap ul.subn li a {
	font-size: 8pt;
	color: #666;
	}


#two_col_frame {
	float: left;
	width: 502px;
	margin: 0 0 0 60px;
	}

#right_frame {
	float: right;
	width: 269px;
	margin-left: 20px;
	}
#right_frame ul {
	margin: 10px 0 0 0px;
         padding-left: 0px;
         list-style-type: none;
	}

#right_frame li-not yet {
	font-size: 9pt;
	margin: 0;
	padding: 2px 0;
	color: #999;
	/*background: url(right_frame_li_arrow.jpg) no-repeat center left;*/
	text-indent: 15px;
	}
#right_frame p {
	padding-right: 15px;
	}

#right_frame img {
	padding: 0 10px 10px 0;
	}

#right_frame a {
	margin: 0;
	padding-left: 12px;
	background: url(right_frame_li_arrow.jpg) no-repeat center left;
	}

#right_frame a.noarrow {
	margin: 0;
	padding 0;
	background: none;
	}


/* CLASS VERSION */

.right_frame {
	float: right;
	width: 269px;
	margin-left: 20px;
	}
.right_frame ul {
	margin: 10px 0 0 0px;
         padding-left: 0px;
         list-style-type: none;
	}

.right_frame li-not yet {
	font-size: 9pt;
	margin: 0;
	padding: 2px 0;
	color: #999;
	/*background: url(right_frame_li_arrow.jpg) no-repeat center left;*/
	text-indent: 15px;
	}
.right_frame p {
	padding-right: 15px;
	}

.right_frame img {
	padding: 0 10px 10px 0;
	}

.right_frame a {
	margin: 0;
	padding-left: 12px;
	background: url(right_frame_li_arrow.jpg) no-repeat center left;
	}


/*** NEWS ITEMS ON HOMEPAGE & NEWS ARCHIVE PAGE ***/
/**************************************************/

#announcements_column {
	border-left: 1px solid #ccc;
	padding-left: 20px;
	}


#announcements_column ul li, #full_width_centre_list li {
	margin: 0 0 10px 0;
	padding: 0;
	}

#announcements_column ul li .calendar, #full_width_centre_list li .calendar {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: #fff url(calendar_bkgnd.gif) no-repeat 2px 0;
	width: 40px;
	height: 42px;
	}

#announcements_column ul li .news_right_col {
	float: right;
	width: 75%;
	padding-right: 10px;
	line-height: 9pt;
	}

#full_width_centre_list li .news_right_col {
	float: right;
	width: 90%;
	}

#announcements_column ul li .calendar h4, #full_width_centre_list .calendar h4 {
	color: #999;
	font: 14pt georgia, times, serif;
	margin-top: -4px;
	padding: 0;
	text-align: center;
	}

#announcements_column h5 a, #full_width_centre_list h5 a {
	color: #000;
	font-size: 9pt;
	padding: 0;
	background: none;
	}

#announcements_column h6, #full_width_centre_list h6 {
	color: #ccc;
	font-size: 9pt;
	padding: 0;
	}

#announcements_column ul li .calendar h6, #full_width_centre_list li .calendar h6 {
	color: #fff;
	font-size: 7pt;
	margin-top: -2px;
	padding: 0;
	text-align: center;
	}

#announcements_column ul li hr, #full_width_centre_list li hr {
      clear:both;
      height:1px;
      margin-top: 0; padding:0;
      border: none;
      background-color: #f7f7f7;
      }

#announcements_column p, #full_width_centre_list p {
	color: #999;
	font-size: 8pt;
	padding-bottom: 2px;
	}




/*** FEATURES LIST ON HOMEPAGE ***/
/*********************************/

#features_list {
	float: right;
	width: 269px;
	margin-left: 20px;
	}

#features_list h3 {
	margin: 0;
	padding: 0;
	}

#features_list ul {
	padding: 0;
	list-style-type: none;
	margin-top: 10px;
	}

#features_list ul li img {
	float: left;
	padding: 0;
	margin-right: 10px;
	padding-top: 10px;
	}
		
#features_list ul li .features_right_col {
	display: inline;
	float: right;
	width: 215px;
	padding: 5px 10px 0 0;
	}
		
#features_list ul li br {
	clear: both;
	}

#features_list ul li a {
	background: none;
	padding: 0;
	margin: 0;
	}


/*** PRODUCT RELEASES LIST ***/
/*****************************/

#full_width_centre_list li .release_stamp {
	float: left;
	margin: 0 10px 20px 10px;
	padding: 0;
	background: #fff url(release_stamp.gif) no-repeat 0 0;
	width: 89px;
	height: 91px;
	}

#full_width_centre_list .release_stamp h4 {
	color: #999;
	font: 10pt georgia, times, serif;
	margin-top: 33px;
	padding: 0;
	text-align: center;
	}

#full_width_centre_list .release_stamp h6 {
	color: #ccc;
	font: 10pt georgia, times, serif;
	margin-top: 0px;
	padding: 0;
	text-align: center;
	}

#full_width_centre_list li .release_right_col {
	float: right;
	padding-top: 10px;
	width: 80%;
	}



/*** CASE STUDIES LIST ***/
/*************************/

ul#casestudies {
	list-style-type: none;
	}

ul#casestudies li {
	float: left;
	margin:  0 20px 0 0;
	padding: 0;
	}

ul#casestudies li .cs_box {
	display: block;
	padding: 18px 30px 10px 20px;
	margin: 0;
	background: #fff url(casestudy_bkgnd.jpg) no-repeat 0 0;
	width: 210px;
	height: 246px;
	}

ul#casestudies p {
	font-size: 10px;
	line-height: 12px;
	}

ul#casestudies h6 {
	padding: 2px 0;
	margin: 0;
	font-size: 10px;
	color: #333;
	line-height: 11px;
	font-weight: bold;
	}

ul#casestudies img {
	border: none;
	}





/*** MANUAL LIST IN RIGHTHAND COLUMN ***/
/***************************************/

#manual_list {
	margin: 0;
	padding: 0;
	width: 240px;
	background: #f8f9f2 url(manual_bkgnd_mid.jpg) repeat-y 0 0;
	}

#manual_list h3 {
	margin: 0;
	padding: 20px 0 10px 20px;
	background: #f8f9f2 url(manual_bkgnd_top.jpg) no-repeat 0 0;
	}

#manual_list ul {
	margin: 0;
	padding: 0 20px;
	list-style-type: none;
	}

#manual_list ul li {
	margin: 0;
	padding: 0 0;
	}

#manual_list hr {
	margin: 0;
	padding: 0;
	height: 50px;
	border: none;
	background: #f8f9f2 url(manual_bkgnd_bottom.jpg) no-repeat 0 0;
	}

#manual_list hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
background: #f8f9f2 url(manual_bkgnd_bottom.jpg) no-repeat 0 0;
      }


/*** CONTACT FORM elements ***/
/*****************************/
#contact_form {
	background: #fff url(contact_bkgnd.jpg) no-repeat 0 0;
	padding: 21px;
	height: 520px;
	margin: 0 0 30px 0;
	}
	
#contact_form h3 {
	padding: 0 0 5px 0;
	margin: 0;
	color: #fff;
	}
	
#contact_form input, #contact_form textarea, #contact_form select {
	display: block;
	width: 209px;
	margin-bottom: 10px;
	border: 1px solid #666;
	font: 9pt 'Trebuchet MS', Arial, sans-serif;
	}
	
#contact_form input.button {
	width: 100px;
	margin: 30px 0 0 100px;
	}

#contact_form input.hidden {
	display: none;
	}


#resellers_account_application fieldset {
	xbackground-color: #E9F4D9;
	background-color: #F1F4ED;
	border: 1px solid #BCC89D;
	padding: 0 15px 15px 15px;
	}
	
#resellers_account_application legend {
	background-color: none;
	color: #fff;
	margin-top: 25px;
	padding: 5px 0;
	font-size: 18pt;
	border-top: 1px solid #BCC89D;
	}
	
#resellers_account_application label {
	display: block;
	color: #787F64;
	font: 9pt 'Trebuchet MS', Arial, sans-serif;
	padding: 5px 0 2px 0;
	}

#resellers_account_application p {
	color: #787F64;
	font: 9pt 'Trebuchet MS', Arial, sans-serif;
	padding: 10px 0;
	}
		
#resellers_account_application em {
	float: right;
	width: 250px;
	padding-top: 20px;
	color: #89B63E;
	}
	
#resellers_account_application .shortbox {
	width: 100px;
	}
	
#resellers_account_application .checkbox {
	display: inline;
	width: auto;
	margin: 0 15px 0 3px;
	}
	
#resellers_account_application .submit_btn {
	width: 120px;
	margin: 15px 0;
	float: right;
	}
	
#resellers_account_application .radio {
	display: inline;
	width: auto;
	margin: 0 15px 0 3px;
	}
	
#resellers_account_application input, #resellers_account_application textarea {
	display: block;
	width: 260px;
	padding: 2px 0;
	border: 1px solid #BCC89D;
	font: 9pt/12pt 'Trebuchet MS', Arial, sans-serif;
	color: #333;
	}

input#question {
         width: 520px;
}
	
/*** HEAD elements ***/
/*********************/
#head {
	margin: 0 20px;
	background: #fff url(head_gradient.jpg) no-repeat 0 0;
	height: 140px;
}

#head img {
	float: left;
	padding-left: 19px;
	border: none;
	}

#head ul {
	float: right;
	padding: 80px 0 0 230px;
	font-size: 12pt;
	}
		
#head li {
	display: inline;
	padding: 0 25px 0 0;
	color: #266F34;
	}
	
#head li a {
	color: #fff;
	}



/* --- search_form ------------------------------------------*/
#search_box {
	float: right;
	margin: 0 0 30px 0;
	padding: 0;
	border: none;
	width: 265px; }

#search_box fieldset {
	border: none; 
}

#search_box input:focus { color:#000000 }

#search_box input {
         border: 1px #527F34 solid;
         background: #F1F4ED;
         height: 20px;
         width: 175px;
padding-left: 5px;
padding-right: 5px;
}

#search_box button {
        border: 1px #527F34 solid;
        background: #F1F4ED;
        margin-left: 5px;
        height: 22px;
        color: gray;
} 


/*** BLOCKQUOTE elements ***/
/***************************/
blockquote {
	width: 196px;
	padding-bottom: 10px;
	margin: 20px 0;
	background: #C6E768 url(green_gradient_bottom.jpg) no-repeat left bottom;;
	color: #fff;
	}
	
blockquote p {
	background: url(green_gradient_top.jpg) no-repeat left top;
	padding: 7px 25px 0 25px;
	font-size: 12px;
	}
	
blockquote h5 {
	padding: 5px 10px 0 10px;
	font-size: 14px;
	}
	
blockquote em {
	padding: 10px 10px 0 10px;
	}
	
blockquote.wide {
	margin-left: 30px;
	}


body.txtEditorStyle {
	background-color: #fff;
	}

#map {
         border: 1px solid black;
}