/*Sawtooth Software CSS Stylesheet*/
/*Created by Aaron King*/
/*©2007 Sawtooth Software, Inc. All rights reserved.*/

/*Get page to start the same distance from the top of the browser window in all browsers*/
	
	body
	{
		padding: 0px;
		text-align: center;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#page 
	{
		/*float: left; position: absolute; top: 10px; left: 10px;*/
		margin-left: auto; 
		margin-right: auto;
		display: block;
		width: 802px;
		margin-top: 0px;
	}

	* {line-height: 125%;}

	p {font-size:12px; color:#555555; ;line-height: 125%; margin-bottom: 10px; margin-top: 10px}
	p.nomargin {font-size:12px; color:#555555; ;line-height: 125%; margin-bottom: 0px; margin-top: 0px}

	li {font-size:12px; color:#555555; ;line-height: 125%;}

	* {-moz-box-sizing: border-box;} /*This changes the mozilla based (firefox) box model to the same box model that IE uses. This joins border,padding, and content into the same width area */ 
	
	.imagel {float: right;}

/*Hyperlinks */

	A:link      {color:#2865E3; font-size:12px;}
	A:visited   {color:#2865E3; font-size:12px;}
	A:hover     {color:#555555; font-size:12px;}
	A			{text-decoration:none}

	A.s9_w:link      {color:#FFFFFF; font-size:9px;} /*linknav [oldname]*/
	A.s9_w:visited   {color:#FFFFFF; font-size:9px;}
	A.s9_w:hover     {color:#555555; font-size:9px;}
	A.s9_w:active    {color:#FFFFFF; font-size:9px;}
	A.s9_w			{text-decoration:none}

	A.s10b:link      {color:#2865E3; font-size:10px; font-weight:bold;} /*small [oldname]*/
	A.s10b:visited   {color:#2865E3; font-size:10px; font-weight:bold;}
	A.s10b:hover     {color:#555555; font-size:10px; font-weight:bold;}
	A.s10b:active    {color:#2865E3; font-size:10px; font-weight:bold;}
	A.s10b			{text-decoration:none}


	A.s11b:link      {color:#555555; font-size:11px; font-weight:bold;} /*swhite [oldname]*/
	A.s11b:visited   {color:#555555; font-size:11px; font-weight:bold;}
	A.s11b:hover     {color:#2865E3; font-size:11px; font-weight:bold;}
	A.s11b:active    {color:#FFFFFF; font-size:11px; font-weight:bold;}
	A.s11b		      {text-decoration:none}

	A.s11breadcrumb:link		{color:#2865E3; font-size:11px;}
	A.s11breadcrumb:visited		{color:#2865E3; font-size:11px;}
	A.s11breadcrumb:hover		{color:#555555; font-size:11px;}
	A.s11breadcrumb:active		{color:#2865E3; font-size:11px;}
	A.s11breadcrumb				{text-decoration:none}


	A.s11:link      {color:#2865E3; font-size:11px;} /*small [oldname]*/
	A.s11:visited   {color:#2865E3; font-size:11px;}
	A.s11:hover     {color:#555555; font-size:11px;}
	A.s11:active    {color:#2865E3; font-size:11px;}
	A.s11			{text-decoration:none}

	A.s11b_w:link      {color:#FFFFFF; font-size:11px; font-weight:bold;} /*swhite [oldname]*/
	A.s11b_w:visited   {color:#FFFFFF; font-size:11px; font-weight:bold;}
	A.s11b_w:hover     {color:#dddddd; font-size:11px; font-weight:bold;}
	A.s11b_w:active    {color:#FFFFFF; font-size:11px; font-weight:bold;}
	A.s11b_w		      {text-decoration:none}

	A.s12b:link      {color:#2865E3; font-size:12px; font-weight:bold;} /*white [oldname]*/
	A.s12b:visited   {color:#2865E3; font-size:12px; font-weight:bold;}
	A.s12b:hover     {color:#555555; font-size:12px; font-weight:bold;}
	A.s12b:active    {color:#2865E3; font-size:12px; font-weight:bold;}
	A.s12b			  {text-decoration:none}

	A.s12b_w:link      {color:#FFFFFF; font-size:12px; font-weight:bold;} /*white [oldname]*/
	A.s12b_w:visited   {color:#FFFFFF; font-size:12px; font-weight:bold;}
	A.s12b_w:hover     {color:#555555; font-size:12px; font-weight:bold;}
	A.s12b_w:active    {color:#FFFFFF; font-size:12px; font-weight:bold;}
	A.s12b_w			  {text-decoration:none}

	A.s12_grey:link      {color:#555555; font-size:12px;}
	A.s12_grey:visited   {color:#555555; font-size:12px;}
	A.s12_grey:hover     {color:#2865E3; font-size:12px;}
	A.s12_grey:active    {color:#FFFFFF; font-size:12px;}
	A.s12_grey		     {text-decoration:none}

	A.s13b_grey:link      {color:#555555; font-size:13px; font-weight:bold; } /*bwhite [oldname]*/
	A.s13b_grey:visited   {color:#555555; font-size:13px; font-weight:bold; }
	A.s13b_grey:hover     {color:#2865E3; font-size:13px; font-weight:bold; }
	A.s13b_grey:active    {color:#FFFFFF; font-size:13px; font-weight:bold; }
	A.s13b_grey		     {text-decoration:none}

	A.s14b:link      {color:#555555; font-size:14px; font-weight:bold; } /*bwhite [oldname]*/
	A.s14b:visited   {color:#555555; font-size:14px; font-weight:bold; }
	A.s14b:hover     {color:#2865E3; font-size:14px; font-weight:bold; }
	A.s14b:active    {color:#FFFFFF; font-size:14px; font-weight:bold; }
	A.s14b		     {text-decoration:none}

	a.acbclink:link, a.acbclink:visited, a.acbclink:active  {color: #9A0201; font-size: 18px;}
	a.acbclink:hover {color: #808080; font-size: 18px; font-style: underline;}

/*headers and body text */
	body {font-size:12px; color:#555555; ;font-weight:normal}
	td {font-size:12px; color:#555555; ;font-weight:normal}

	h1 {font-size:12px; color:#555555; ;font-weight:bold; margin: 0px 0px 10px 0px;}
	h2 {font-size:12px; color:#555555; ;font-weight:normal}
	h3 {font-size:11px; color:#555555; ;font-weight:normal}
	h4 {font-size:12px; color:#FFFFFF; ;font-weight:bold}
	h5 {font-size:12px; color:#555555; ; font-style:italic; font-weight:bold}


/*align = "center" class = "s12b" style = "margin-top: 0px"*/

/*SPAN tags for internal text. They are named using the following scheme ".s(for style)[size][font-style][font-weight]" 
So if you want text size 10 with a style of italic, then your would use the "10i" class within in the span tag */
	.s9_red {font-size: 9px; color: red; ;}
	.s9i {font-size: 9px;color:#555555;; font-style:italic;font-weight:normal}

	.s10ib{font-size:10px; color:#555555; ; font-style:italic; font-weight:bold}		/* tred [oldname]*/
	.s10i{font-size:10px;color:#555555;; font-style:italic;font-weight:normal}		/* tsmalli [oldname]*/
	.s10b{font-size:10px;color:#555555;; font-weight:bold}		
	.s10{font-size:10px;color:#555555;; font-weight:normal}	
	.s10_red {font-size: 10px; color: red; ;}

	.s10b_w{font-size:10px;color:#FFFFFF;; font-weight:bold}		/* tbhead6 [oldname]*/


	.s11ib{font-size:11px;color:#555555;; font-style:italic;font-weight:bold}	
	.s11i{font-size:11px;color:#555555;; font-style:italic;font-weight:normal}		/* tbhead3 [oldname]*/
	.s11b{font-size:11px;color:#555555;; font-weight:bold}	
	.s11{font-size:11px;color:#555555;; font-weight:normal}			/* tbhead4 [oldname]*/

	.s11b_w{font-size:11px;color:#FFFFFF;; font-weight:bold}

	.s12ib{font-size:12px;color:#555555;; font-style:italic;font-weight:bold}			/* tbhead5 [oldname]*/
	.s12i{font-size:12px;color:#555555;; font-style:italic;font-weight:normal}	
	.s12b{font-size:12px;color:#555555;; font-weight:bold}			/* tbhead1 [oldname]*/
	.s12b_b{font-size:12px;color:#000000;; font-weight:bold}
	.s12{font-size:12px;color:#555555;; font-weight:normal}			/* tbhead2 & product_text [oldname]*/
	.s12b_w{font-size:12px;color:#FFFFFF;; font-weight:bold}

	.s13b_w{font-size:13px;color:#FFFFFF;; font-weight:bold}
	.s13b_red{font-size:13px;color:#900f0f;; font-weight:bold}
	.s13b_grey{font-size:13px;color:#555555;; font-weight:bold}
	.s13_red{font-size:13px;color:#900f0f;; font-weight:normal}
	.s14b{font-size:14px;color:#555555;; font-weight:bold}			
	.s14{font-size:14px;color:#555555;; font-weight:normal}
	
	.front_box
	{
		/*border: 1px solid #dddddd;  
		*/margin-top: 5px;
		margin-left: 10px;
		padding: 5px
		height:192;
		width: 240px;
	}

	.front_link
	{
		background: url('/images/arrow.gif') no-repeat 0px 3px;
		padding-left: 10px;
		margin-bottom: 8px;
	}

	.front_box .title
	{
		font-size:14px;
		color:#555555;
		font-weight:bold;
		margin-bottom: 7px;
	}


/*Userdirectory & Lists */
	.userdirectoryhead{font-size:16px;color:#555555;; font-weight:bold}
	
	ol {; font-size: 12px; color: #555555}


/* Interactive Box */
/*	#interactive_spacing img {margin-top: 10px;} */

/*Enews*/
	#enews form{margin: 0;}
	#enews{padding: 2px;}

/*hyper-ruler style */
	.hr1 {border-color: #555555; background-color: #ffffff; border-width: 1px; border-style: none none dotted;}
	.hr2 {border-color: #dddddd; border-width: 1px 0px 0px 0px; border-style: solid;}

	/*hr.A {border: none 0; border-top: 1px dashed #55555; width: 50%; text-align: center; height: 1px;}*/

/*table styles */
	/*#border_dotted {border-color: #555555; border-width: 0px 1px 1px 1px; border-style: dotted; margin: 0; padding: 1px; spacing: 0px;}
	#border_dotted2 {border-color: #555555; border-width: 0px 1px 0px 0px; border-style: dotted; margin: 0; padding: 1px; spacing: 0px;}
	#border_dashed {border-color: #555555; border-width: 0px 1px 1px 1px; border-style: dashed; margin: 0; padding: 1px; spacing: 0px;}
	*/

	#border_solid {border-color: #BBBBBB; background-color: #f7f7f7; border-width: 0px 1px 1px 1px; border-style: solid; margin: 0px; padding: 5px 5px 5px 8px} /*FOR Link Boxes (3 Sided Borders)*/
	#border_solid2 {border-color: #dddddd; background-color: #f7f7f7; border-width: 1px 1px 1px 1px; border-style: solid; margin: 0px; padding: 5px} /*FOR Link Boxes (4 Sided Borders WITH bgcolor)*/
	#border_solid3 {border-color: #dddddd; background-color: #ffffff; border-width: 1px 1px 1px 1px; border-style: solid; margin: 0px; padding: 5px 10px 10px 10px;} /*FOR Link Boxes (4 Sided Borders withOUT bgcolor)*/
	#border_solid4 {border-color: #dddddd; background-color: #ffffff; border-width: 0px 1px 1px 1px; border-style: solid; margin: 0px; padding: 5px 10px 10px 10px;} /*FOR Link Boxes (3 Sided Borders withOUT bgcolor)*/
	.forumBox {color: #555555; border:1px solid #cccccc; width: 350px;}

	#underline {border-color: #555555; border-width: 0px 0px 1px 0px; border-style: solid; margin: 0; padding: 0px 0px 5px 0px; text-align: right} /*Used on Product pages. A huge HR under the 'printer friendly' / 'email' buttons. */
	#blackback {background-color: #dddddd; border-width: 0px; margin: 0px; text-align: left; padding: 2px 0px 1px 6px}
	#greyback {background-color: #eeeeee; border-width: 0px; margin: 0px; text-align: right; padding: 2px 6px 1px 0px}

	/*The tabbing system for Downloads*/
	#blackback2 {background-color: #dddddd; border-width: 0px; margin: 0px; text-align: left; padding: 8px 0px 0px 6px;}
	.tabs {background-color: #ffffff; background: no-repeat url('/images/tab2.jpg'); background-position: top; padding: 2px 3px 3px 3px; text-align: center; margin: 0px; width: 100px; display: inline;;} /*This is used for the tabs in the 'downloads' part of the website

	/*style for utilities page*/
	#left_box {position: absolute; left: 0px; top: 0px; width: 159px; height: 100%; padding: 5px; background-color: #f7f7f7;}
	#center_box {position: absolute; top: 0px; left: 159px; width: 345px; margin-left: auto; margin-right: auto; height: 100%; padding: 5px; text-align: left; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #dddddd;}
	#right_box {position: absolute; right: 0px; top: 0px; width: 120px; height: 100%; text-align: left; padding: 25px 5px 5px 5px;}
	#outer_box {position:relative; width:635px; height:90px; border-style: solid; border-width: 1px; border-color: #dddddd;}
	/*background: no-repeat url('images/chs_logo.jpg'); background-position: bottom right;*/


	.footer {background-color: #777777; border-width: 0px;} /*FOR Footer*/
	.navbar {border-color: #bbbbbb; background-color: #dddddd; border-width: 0px 1px 1px 1px; border-style: solid; margin: 0; padding: 2px 0px 0px 0px;} /*FOR Navbar*/
	#workshops_box {background-color: #ffffff; border-color: #dddddd; border-width: 1px; border-style: solid; padding: 0px; width: 240px; height: 250px; float: left;}	/*For the Workshops Box on the Homepage */
	#customer_feedback_box2 {background-color: #ffffff; border-color: #dddddd; border-width: 1px; border-style: solid; padding: 0px; width: 250px; height: auto; float: right;}	/*For the Customer Feedback Box on the Homepage */

/* List Items */
	#list {margin: 1.3em 0em 1.3em 0}
	#dropdown {padding: 0px 0px 0px 10px; font-size:12px; color:#555555;;}

	#cellgrey {background-color: #f7f7f7; padding: 6px;}
	#cell {padding: 6px;}

/* Select Boxes */

	select {background:#FFFFFF none repeat scroll 0%;}
	select, textarea, input {; font-size:1em; color:#333333; padding-left:2px;}

	.quote {padding-top: 60px;}

/*
A.s12_grey:link      {color:#555555; font-size:12px;}
	A.s12_grey:visited   {color:#555555; font-size:12px;}
	A.s12_grey:hover     {color:#2865E3; font-size:12px;}
	A.s12_grey:active    {color:#FFFFFF; font-size:12px;}
	A.s12_grey	
*/
	
	.ssiweb_7 a:link
	{
		font-size: 20px;
	}	

	.contact_us_box
	{
		padding-left: 40px; 
		margin-bottom: 15px;
	}

	.forum_error {font-size: 18px; color: red; ;}