/* CSS Document */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font: 11px arial, helvetica, sans-serif; color: #666; /*background: url(../images/pink_bg.gif) repeat-x*/ }
table, th, td { font: 11px arial, helvetica, sans-serif; color: #666; }

a img, :link img, :visited img { border: none; }
a:link { color: #666; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover, a:active { color: #666; text-decoration: none; }
h1 {font-size: 16px; padding-bottom:15px; padding-left:3px;}
h2 { font-size: 16px; font-weight: bold; color: #dd1468; padding:10px 0px 10px 0px;}
h3 {font-size: 16px; padding-bottom:15px;}
h4 { font-size: 14px; font-weight: bold; color: #999; }
h5 { font-size: 12px; font-weight: bold; color: #dd1468; }


#none {border-bottom:1px solid #ccc; clear:both;}
.space {height:15px;  clear:both;}
/* STYLING ELEMENTS
------------------------------------------------------------------------------------- */

#header_wrap { position: relative; height: 90px;  z-index: 50; }
#header	{  float:left; position: relative; width: 760px; height: 90px; text-align: left; background: #fff;  padding: 0px 10px 0px 20px; }
		#header .floatright { margin-right: 10px; }
		#headernav { color: #339; font-size: 10px; position: absolute; top: 121px; left: 420px; /*left: 476px;*/ }
		#headernav a { text-decoration: none; }
		#headernav span { margin-left: 9px; padding-right: 9px; background: url(../images/icon_lock.gif) no-repeat 100% 3px; }
		#headernav span a { font-size: 11px; font-weight: bold; }
		#headernav a:hover { text-decoration: underline;}

	
#right {padding: 10px 10px; color: #666;}

/* MAIN LOGO IMAGE */
#mainlogo {position: absolute; top: 10px; left: 20px; }
#logout {position: absolute; top: 30px; right: 20px;}

/* TITLE IMAGES */

#titlewelcome {position: absolute; top:10px;}

/* MAIN NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 62px; width: 760px; height: 27px; z-index: 500; padding-left:192px;}
#nav li { float: left; position: relative; height: 27px; font-size: 11px; list-style: none; }
#nav li a, #nav li div { position: relative; height: 27px; display: block; text-decoration: none;}
#nav li a { cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 27px; }

/* BUTTONS IMAGE */

#nav li.corporateon, #nav li corporateon:hover a, #nav li.corporateon a strong, #nav li.corporateon div 
{ background-image: url(../images/corporate.gif);}
#nav li.newson, #nav li newson:hover a, #nav li.newson a strong, #nav li.newson div 
{ background-image: url(../images/news.gif);}
#nav li.productson, #nav li productson:hover a, #nav li.productson a strong, #nav li.productson div 
{ background-image: url(../images/products.gif);}
#nav li.supporton, #nav li supporton:hover a, #nav li.supporton a strong, #nav li.supporton div 
{ background-image: url(../images/support.gif);}
#nav li.partneron, #nav li partneron:hover a, #nav li.partneron a strong, #nav li.partneron div 
{ background-image: url(../images/partner.gif); }
#nav li.wheretobuyon, #nav li wheretobuyon:hover a, #nav li.wheretobuyon a strong, #nav li.wheretobuyon div 
{ background-image: url(../images/wheretobuy.gif);}


/* BUTTONS IMAGE VISIBLE */

#nav li.corporate, #nav li.corporate a, #nav li.corporate a strong 
{ background-position: 0px 0px; background: url(../images/corporate.gif); width: 109px;}
#nav li.news, #nav li.news a, #nav li.news a strong 
{ background-position: 0px 0px; background: url(../images/news.gif); width: 58px; }
#nav li.products, #nav li.products a, #nav li.products a strong 
{ background-position: 0x 0px; background: url(../images/products.gif); width: 82px; }
#nav li.support, #nav li.support a, #nav li.support a strong 
{ background-position: 0px 0px; background: url(../images/support.gif); width: 76px; }
#nav li.partner, #nav li.partner a, #nav li.partner a strong 
{ background-position: 0px 0px; background: url(../images/partner.gif); width: 80px; }
#nav li.wheretobuy, #nav li.wheretobuy a, #nav li.wheretobuy a strong 
{ background-position: 0px 0px; background: url(../images/wheretobuy.gif); width: 162px; }

#nav li.corporate a,
#nav li.news a,
#nav li.products a,
#nav li.support a,
#nav li.partner a,
#nav li.wheretobuy a, { text-indent: -3000px;}

/* HOVER STATE */

#nav li.corporate:hover a, #nav li.corporate a:hover, #nav li.corporate:hover a strong, #nav li.corporate a:hover strong 
{ background-position: 0px -28px; width: 109px; }
#nav li.news:hover a, #nav li.news a:hover, #nav li.news:hover a strong, #nav li.news a:hover strong 
{ background-position: 0px -28px; width: 58px; }
#nav li.products:hover a, #nav li.products a:hover, #nav li.products:hover a strong, #nav li.products a:hover strong 
{ background-position: 0px -28px; width: 82px; }
#nav li.support:hover a, #nav li.support a:hover, #nav li.support:hover a strong, #nav li.support a:hover strong 
{ background-position: 0px -28px; width: 76px; }
#nav li.partner:hover a, #nav li.partner a:hover, #nav li.partner:hover a strong, #nav li.partner a:hover strong 
{ background-position: 0px -28px; width: 80px; }
#nav li.wheretobuy:hover a, #nav li.wheretobuy a:hover, #nav li.wheretobuy:hover a strong, #nav li.wheretobuy a:hover strong 
{ background-position: 0px -28px; width: 162px; }


/* ON STATE */

#nav li.corporateon, #nav li.corporateon strong, #nav li.corporateon div 
{ background-position: 0px -56px; width: 109px; }
#nav li.newson, #nav li.newson strong, #nav li.newson div 
{ background-position: 0px -56px; width: 58px; }
#nav li.productson, #nav li.productson strong, #nav li.productson div 
{ background-position: 0px -56px; width: 82px; }
#nav li.supporton, #nav li.supporton strong, #nav li.supporton div 
{ background-position: 0px -56px; width: 76px; }
#nav li.partneron, #nav li.partneron strong, #nav li.partneron div 
{ background-position: 0px -56px; width: 80px; }
#nav li.wheretobuyon, #nav li.wheretobuyon strong, #nav li.wheretobuyon div 
{ background-position: 0px -56px; width: 162px; }

#nav li.corporateon a,
#nav li.newson a,
#nav li.productson a,
#nav li.supporton a,
#nav li.partneron a,
#nav li.wheretobuyon a, { text-indent: -3000px;}


/* BUTTONS IMAGE ON VISIBLE HACK FOR IE  */

#nav li.corporateon, #nav li.corporateon a, #nav li.corporateon a strong 
{ background-position: 0px -56px; width: 109px;}
#nav li.newson, #nav li.newson a, #nav li.newson a strong 
{ background-position: 0px -56px; width: 58px;}
#nav li.productson, #nav li.productson a, #nav li.productson a strong 
{ background-position: 0x -56px; width: 82px;}
#nav li.supporton, #nav li.supporton a, #nav li.supporton a strong 
{ background-position: 0px -56px; width: 76px;}
#nav li.partneron, #nav li.partneron a, #nav li.partneron a strong 
{ background-position: 0px -56px; width: 80px;}
#nav li.wheretobuyon, #nav li.wheretobuyon a, #nav li.wheretobuyon a strong 
{ background-position: 0px -56px; width: 162px;}


/* ON HOVER IMAGE ON HACK FOR IE */
#nav li.corporateon:hover a, #nav li.corporateon a:hover, #nav li.corporateon:hover a strong, #nav li.corporateon a:hover strong 
{ background-position: 0px -138px; width: 109px;}
#nav li.newson:hover a, #nav li.newson a:hover, #nav li.newson:hover a strong, #nav li.newson a:hover strong 
{ background-position: 0px -138px; width: 58px;}
#nav li.productson:hover a, #nav li.productson a:hover, #nav li.productson:hover a strong, #nav li.productson a:hover strong 
{ background-position: 0px -138px; width: 82px;}
#nav li.supporton:hover a, #nav li.supporton a:hover, #nav li.supporton:hover a strong, #nav li.supporton a:hover strong 
{ background-position: 0px -138px; width: 76px;}
#nav li.partneron:hover a, #nav li.partneron a:hover, #nav li.partneron:hover a strong, #nav li.partneron a:hover strong 
{ background-position: 0px -138px; width: 80px;}
#nav li.wheretobuyon:hover a, #nav li.wheretobuyon a:hover, #nav li.wheretobuyon:hover a strong, #nav li.wheretobuyon a:hover strong 
{ background-position: 0px -138px; width: 162px;}



/* DROP DOWN */
#nav li ul { display: none; }
#nav li table, #nav li td { font: 11px helvetica, arial, sans-serif; text-indent: 30px;}

#nav li.corporate table tr td ul li a, 
#nav li.news table tr td ul li a, 
#nav li.products table tr td ul li a,
#nav li.support table tr td ul li a,
#nav li.partner table tr td ul li a,
#nav li.wheretobuy table tr td ul li a,

#nav li.corporateon table tr td ul li a, 
#nav li.newson table tr td ul li a, 
#nav li.productson table tr td ul li a,
#nav li.supporton table tr td ul li a,
#nav li.partneron table tr td ul li a,
#nav li.wheretobuyon table tr td ul li a { text-indent: -5px;}


#nav li:hover ul, #nav li a:hover ul { display: block; position: absolute; background: none; color: #fff; top: 27px; left: 0; }
* html #nav li:hover ul, * html #nav li a:hover ul { width: 150px; w\idth: 130px; }


* html #nav li:hover ul li, * html #nav li a:hover ul li { width: 150px; w\idth: 130px; padding-right: 0px;}
#nav li:hover ul li, #nav li a:hover ul li { height: auto; width: 130px !important; background: none; border-bottom: 2px solid #ddd; padding-right: 32px;}

#nav li:hover ul li a, #nav li a:hover ul li a { display: block; padding: 4px 15px 5px; background: #da1565; color: #fff; height:auto; width: 100% !important; opacity: .9; filter: alpha(opacity=90); ; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

#nav li:hover ul li a:hover, #nav li a:hover ul li a:hover { background: #909900 !important; }
#nav li:hover ul li ul, #nav li a ul li a ul { visibility: hidden; }









/* flash area background:url(../images/bg_vertical.gif) repeat-y; */
#flashcontent {padding: 0px 0 0;}

#content_wrap { position: relative; }
#main {  float:left; padding: 0 10px 0 20px; position: relative; clear: both; width: 760px; text-align: left; background: #fff; }

	
#s_sidebar { padding: 0 0px 0 0px; float: left; position: relative; display: inline; width: 193px; min-height: 53px; background: none;}

	

/* CONTENT background: url(../images/bg_flash_content.gif) no-repeat 100% 0%;*/
.content { padding: 0 0 40px; float: left; position: relative; width: 760px;  }


.s_content { padding: 0 0 20px; float: left; position: relative; width: 565px; color: #666; font-size: 11px; line-height: 16px; }
.s_content .section_title { height: 53px; background: #909900;}
.s_content table tr td p { padding: 10px 0px 0px 5px;}
	

#search	{ position: absolute;  left: 280px; display: inline; width: 300px; padding: 0px; }

#search .s_search { padding: 0px; height: 48px; background: none;}



#search .s_links { text-align: right; font-size: 10px; position: absolute; top: 18px; left: 190px}
#search .s_links a { color: #fff; text-decoration: underline }
#search .s_links a:hover { text-decoration: underline; }	
	
	
#search .s_search .s_search_box { padding: 2px; font-size: 11px; color: #999; width: 130px; height: 14px;  margin-bottom: 3px;}

* html #search .s_search .s_search_box { /*\*/margin: 13px -3px 0 0px;/**/ width: 125px; w\idth: 129px; }
#search .s_search .s_btn_go { vertical-align: bottom; margin-top: 10px;}

#col_wrap {  width: 760px; padding-top: 20px; padding-bottom: 20px; clear:both; border-bottom:1px solid #ccc;}

.col_1, .col_2, .col_3 { width: 233px; float: left; padding-left: 20px; }

.ad_1, .ad_2, .ad_3, .ad_4 { width: 185px; float: left;   margin: 20px 0px 20px; }

.ad_2, .ad_3, .ad_4{ border-left: 1px solid #ccc;}

.title_col1, .title_col2 { float:left;}		
.title_col1 {width: 550px; padding: 20px 0px 0px 10px;}
.title_col2 {padding: 20px 0px 0px 10px;}

/*.title_col1 h1 {padding: 5px 0 5px 8px; background-color:#CCCCCC; width: 540px; font-size: 11px; color: #d91664;}*/

.title_col1 ul {padding-left: 15px; padding-top: 5px;}

.title_col1  ul li{ list-style: none;  font: 11px arial, helvetica, sans-serif; font-weight: normal;  }

.title_col1 ul li a {background: url(../images1/bullets_yellow.gif) no-repeat 5px 10px; padding: 5px 5px 5px 15px; line-height: 25px; color:#38334f; text-decoration: none;}
.title_col1 ul li a:hover { color:#7f798c;  text-decoration: none; }
.title_col1 ul li p{ color:#6d6d6d;}


/* FOOTER
-------------------------------------------------------------------------------------background: #909900; background:url(../images/bg_footer.gif) repeat-y; background: url(../images/bg_footer.gif) no-repeat 50% 0%;*/
		
#footer_wrap { position: relative; clear: both; }
#footer {  float:left; padding: 5px 0px 10px 20px; position: relative; width: 780px; height: 57px; text-align: left; border-top:1px solid #ccc;}
	#footer p { font-size: 11px; color: #999; }
		#footer a { text-decoration: none; color: #999; padding-left:0px;}
		#footer a:hover { text-decoration: underline; }
		#footer .floatright a { color: #999; text-decoration: underline; }
		#footer .floatright a:hover {  text-decoration: none; }
	


/* SUB NAVIGATION
------------------------------------------------------------------------------------- */
/* GENERAL STYLES */
#subnav { margin: 0 0 0px; padding: 0 0px 0px; width: 170px; }

#subnav li { list-style: none; font: 11px/21px arial, sans-serif; border-bottom: 1px solid #ccc; }

/* ANCHOR LINKS*/
#subnav li a { display: block; color: #666; text-decoration: none; padding-left: 15px; }

/* HOVER LINKS */
#subnav a:hover { background: url(../images/bullet.gif) no-repeat 0px 6px; color: #d91664;}

/* ON STATE */
#subnav li div { padding-left: 15px; background: url(../images/bullet.gif) no-repeat 0px 6px; color: #d91664; }

/* 



/* GENERAL STYLES For NAV COOP */
#sidebar_nav { margin: 0 0 0px; padding: 0 10px 0px; width: 170px; }
* html #sidebar_nav { width: 210px; w\idth: 170px; }

#sidebar_nav .nav_coop ul { border: 1px solid #ccc; border-width: 1px 0 1px; }
#sidebar_nav .nav_coop ul ul { border: none; }

#sidebar_nav .nav_coop li { list-style: none; font: 12px/21px helvetica, arial, sans-serif; font-weight: bold; border-bottom: 1px solid #fff; }
#sidebar_nav .nav_coop li li { font: 11px/20px arial, helvetica, sans-serif; border-bottom: 1px solid #d8b4d8; }
#sidebar_nav .nav_coop li li li { font: 10px/19px arial, helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #c39ac3; }
#sidebar_nav .nav_coop li li li li { font: 10px/19px arial, helvetica, sans-serif; font-weight: bold; }

/* ANCHOR LINKS*/
#sidebar_nav .nav_coop a { display: block; color: #333; text-decoration: none; }
#sidebar_nav .nav_coop li a { padding-left: 15px; }


/* HOVER LINKS */
#sidebar_nav .nav_coop a:hover { background: url(../images/bullet.gif) no-repeat 0px 6px; color: #909900;}
/* 

/* ON STATE */
#sidebar_nav .nav_coop li div { padding-left: 15px; background: url(../images/bullet.gif) no-repeat 0px 6px; color: #909900 }




/* GENERAL STYLES For NAV COOP SUB LINKS*/


#sidebar_nav #smenu1 ul { border: 1px solid #fff; border-width: 1px 0 1px;}
#sidebar_nav #smenu1 ul ul { border: none;  }

#sidebar_nav #smenu1  li { list-style: none; font: 11px/21px helvetica, arial, sans-serif; border-bottom: 1px solid #fff; }
#sidebar_nav #smenu1  li li { font: 11px/20px arial, helvetica, sans-serif; border-bottom: 1px solid #d8b4d8; }
#sidebar_nav #smenu1  li li li { font: 10px/19px arial, helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #c39ac3; }
#sidebar_nav #smenu1  li li li li { font: 10px/19px arial, helvetica, sans-serif; font-weight: bold; }

/* ANCHOR LINKS*/
#sidebar_nav #smenu1  a { /*\*/height: 1%;/**/ display: block; color: #909900; text-decoration: none;}
#sidebar_nav #smenu1  li a { padding-left: 15px; }

/* HOVER LINKS */
#sidebar_nav #smenu1  li a:hover { background: url(../images/s_red_arrow.gif) no-repeat 5px 8px; color: #d91664; background-color: #ffe7a5;}
/* 

/* ON STATE */
#sidebar_nav #smenu1 li div { padding-left: 15px; background: url(../images/bullet_gray.gif) no-repeat 155px 7px; color: #d91664; background-color: #ccc; }
#sidebar_nav #smenu1 li p { padding-left: 15px; background: url(../images/s_red_arrow.gif) no-repeat 5px 8px; color: #d91664; background-color: #ffe7a5; }




/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { /*\*/height: 1%;/**/ }

.floatleft { float: left; position: relative; }
.floatright { float: right; position: relative; }
.h_floatright { float: right; padding: 5px 5px 0 0; }

img.floatleft { margin: 2px 15px 10px 0; float: left; position: relative; }
img.floatright { margin: 2px 0 10px 15px; float: right; position: relative;  }

.s_content .s_col1 img.floatright, .s_content .s_widecol img.floatright, .s_content .s_widecol img.margins { margin: 0 0 10px 20px; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.form_error { color:#f00; }
.checklist { list-style-image:url(../images/checkmark.gif); }
.checklist li {}



/* general Form styles */
.chanForms td											{ padding: 5px 5px 5px 5px; vertical-align: top;  }
.chanForms .requiredField 								{ color: #FF0000; }
.chanForms input, .chanForms textarea { padding: 2px; border: 1px inset #ccc; font-size: 11px; }
*html .chanForms select.select { padding: 2px; border: 1px solid #ccc; font-size: 11px; }

.chanForms input.checkbox, .chanForms input.radiobutton	{ border: 0; }
.chanForms input.checkbox, .chanForms td label 			{ line-height: 22px; }
.chanForms input.checkbox 								{ margin-right: 2px; }


/*
.chanForms td table td input							{ width: 110px; margin-left: 5px; float: left; }
.chanForms td table td .checkbox						{ width: 12px; line-height: 12px; margin-left: 0; }
.chanForms td table td label							{ line-height: 12px; }
.chanForms td .requirefield							{ background: #ffffa0;}
.clear { clear:both; }



.viewform .charttable td { padding: 3px 0px 3px 5px; vertical-align: top;  border: 1px solid #fff; line-height: 12px; font-size: 11px; color: #6c6c6c;}
.viewform .charttable td #butLink5 { line-height: 10px; font-size: 11px; color: #000; }
.viewform .charttable tr .title_chart { line-height: 10px; font-size: 14px; font-weight: bold; color: #e61559; padding: 10px 0px 10px 5px;}
*/

/* general View Form styles */
.viewform {width: 520px; padding: 20px 0px 0px 10px;}
.viewform .tableform td	{ padding: 3px 0px 3px 5px; vertical-align: top;  }
.viewform .tableform td	ul {list-style-image:url(../images/bulletred.gif);}
.viewform .tableform td	li { padding: 5px 0px 5px 5px; vertical-align: top;  }
.viewform td .requirefield					{ background: #ffffa0;}



/* CMR */

.title_colform {width: 546px; padding: 20px 0px 0px 10px;}

#cmr_container { position: relative; width: 878px;  text-align: left; padding-bottom: 50px; border: 10px solid #8dc63f; background-color: #FFFFFF;}


/* Contact Form cmr*/
#cmr_form							{ width: 546px; }
#cmr_form table 					{ margin-top: 20px; width:100%; }
#cmr_form th 						{ border-bottom: 1px solid #B7B3A7; border-bottom: 4px solid #909900; font-weight: normal; font-size: 12px;}
#cmr_form th.boxcell 				{ border-bottom: 1px solid #B7B3A7; border-right: 0px solid #B7B3A7; border-top: 0px solid #B7B3A7; border-left: 0px solid #B7B3A7; font-weight: normal; font-size: 11px;}

#cmr_form th.none 					{ border-bottom: 1px solid #B7B3A7; font-weight: normal; font-size: 12px;}

#cmr_form td, #cmr_form th, #cmr_form th.boxcell	{ padding: 9px 2px 9px 5px; background-color: #F7F4F4; }

#cmr_form td.rightcell 			{ padding-right: 10px; width:100%; font-size: 12px;}
#cmr_form td.leftcell 				{ font-size: 12px; width: 150px;}
#cmr_form td.leftcell2 			{ font-size: 12px; width: 300px;}
#cmr_form td.leftcell3 			{ font-size: 12px; width: 250px;}
#cmr_form td.leftcell4				{ font-size: 12px; width: 50px;}

#cmr_form input.EE, #cmr_form textarea	{ font-size: 12px; border: 1px solid #B7B3A7; }
#cmr_form td.rightcell input:focus, #cmr_form td.rightcell textarea:focus { background-color: #f3f3f3; }
#cmr_form select					{ font-size: 11px; }
span.required							{ color: #f00; vertical-align: top; }
input.button							{ background-color: #8B3B3E; font-size: 12px; color: #fff; border: 1px solid #8B3B3E; margin-right: 5px; }

#cmr_form td.leftcell				{ border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; border-left: 0px solid #B7B3A7; white-space: nowrap; }

#cmr_form td.leftcell2				{ border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; border-left: 0px solid #B7B3A7; white-space: nowrap; }

#cmr_form td.leftcell3				{ border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; border-left: 0px solid #B7B3A7; white-space: nowrap; }

#cmr_form td.leftcell4				{ border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; border-left: 0px solid #B7B3A7; white-space: nowrap; }

#cmr_form td.rightcell 			{  border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; font-size: 12px;}
#cmr_form td.bottomleft			{  border-bottom: 1px solid #B7B3A7; border-left: 1px solid #B7B3A7; }
#cmr_form td.bottomright			{  border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7;  }

/* ==================================== END CMR ============================================== */

.datatable tr td {padding: 5px 5px 5px 0px;}
.producttable{padding: 5px 0px 5px 0px;}