/*** Default CSS - should be used on every page ***/


/* ------ GLOBAL ELEMENTS -------- */

html {

}

body {
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif !important;
	line-height: 1.4em;
}

.MsoNormal {
	font-size: 13px !important;
	font-family: Helvetica, Arial, sans-serif !important;
	line-height: 1.4em !important;
}

img {
	-ms-interpolation-mode: bicubic;
}

a img {
	border: none;
}

a:link {
	color:#ee3524;
	text-decoration: none;
}

a:visited {
	color:#ee3524;
	text-decoration: none;
}

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

a:active {
	color:#ee3524;
	text-decoration: none;
}

table {

}
tr {

}
td{
	vertical-align:top;
}

#left_nav ol {

}

#left_nav ul {
	margin:0;
	padding:0;
	list-style-type: none !important;
}

#left_nav ul li {
	margin:0;
	padding:0 0 5px 0;
	list-style-type: none !important;
}

hr {
	border: 1px solid #ee3524;
	color: #ee3524;
}

h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size: 28px;
	font-family: Georgia, "Times New Roman", serif;
}

h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size: 12px;
	color: #ee3524;
}

h3, h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size: 15px !important;
	color: #ee3524 !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	line-height: 1.1em;
}


.title { color: #ee3524; }

/* ------ CLASSES -------- */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: both;
}

.nav_divider {
	padding:0 7px;
}

/*       -------------------              */
.header_nav {
	padding-top: 3px;
	margin-top: 3px;
	float:left;
}

.header_nav a:link {
	color:#ee3524;
	text-decoration: none;
}

.header_nav a:visited {
	text-decoration: none;
	color: #ee3524;
}  /* visited link */

.header_nav a:hover {
	text-decoration: underline;
	color: #ee3524;
}   /* mouse over link */

.header_nav a:active {
	color: #ee3524;
	text-decoration: none;
}   /* selected link */


.main_nav {
	font-size:14px;
	margin:7px 0 0 30px;
}

.main_nav a:link {
	color:#666;
	text-decoration: none;
}

.main_nav a:visited {
	text-decoration: none;
	color: #666;
}  /* visited link */

.main_nav a:hover {
	text-decoration: none;
	color: #ee3524;
}   /* mouse over link */

.main_nav a:active {
	color: #666;
	text-decoration: none;
}

.active {
	color: #ee3524 !important;
}

#left_nav .active a:link {
	color:#ee3524;
	text-decoration: none;
}

#left_nav .active a:visited {
	text-decoration: none;
	color: #ee3524;
}  /* visited link */

#left_nav .active a:hover {
	text-decoration: none;
	color: #ee3524;
}   /* mouse over link */

#left_nav .active a:active {
	color: #ee3524;
	text-decoration: none;
}

#left_nav {
	font-size:15px;
	width:190px;
	font-family: Georgia, "Times New Roman", serif;
}

#left_nav a:link {
	color:#000;
	text-decoration: none;
}

#left_nav a:visited {
	text-decoration: none;
	color: #000;
}  /* visited link */

#left_nav a:hover {
	text-decoration: none;
	color: #ee3524;
}   /* mouse over link */

#left_nav a:active {
	color: #000;
	text-decoration: none;
}   /* selected link */

#left_nav ul li {
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}

#left_nav ul li ul li{
	font-size:13px;
	color:#666;
	margin:0;
	padding:3px 0 2px 10px;
	list-style:none;
}

#left_nav ul li ul li a:link {
	color:#666;
	text-decoration: none;
}

#left_nav ul li ul li a:visited {
	text-decoration: none;
	color:#666;
}  /* visited link */

#left_nav ul li ul li a:hover {
	text-decoration: none;
	color: #ee3524;
}   /* mouse over link */

#left_nav ul li ul li a:active {
	color:#666;
	text-decoration: none;
}   /* select */

#left_nav ul li ul li ul li{
	font-size:12px;
	color:#ee3524;
	margin:0;
	padding:3px 0 2px 20px;
	list-style:none;
}

#left_nav ul li ul li ul li a:link {
	color:#666;
	text-decoration: none;
}

#left_nav ul li ul li ul li a:visited {
	text-decoration: none;
	color:#666;
}  /* visited link */

#left_nav ul li ul li ul li a:hover {
	text-decoration: none;
	color: #ee3524;
}   /* mouse over link */

#left_nav ul li ul li ul li a:active {
	color:#666;
	text-decoration: none;
}   /* select */


/* */
#logo {
   float:left;
   margin:0 30px 0 0;
}

#container {
	margin: 0 auto;
	width:940px;
	padding:20px;
}

#header {

}

#content {

}

#left-column2{
	vertical-align:top;
	padding:20px 0 0 0;
	width:190px;
}

#right-column2{
	vertical-align:top;
	padding:0 0 0 20px;
	width:730px;
	margin-top: 15px;
}

#footer {
	margin: 0 auto;
	width:940px;
	padding:0 20px;
}

#footer_links {
	float: left;
	font-size: 11px;
}

#footer_links a:link {
	color:#000;
	text-decoration: none;
}

#footer_links a:visited {
	text-decoration: none;
	color: #000;
}  /* visited link */

#footer_links a:hover {
	text-decoration: none;
	color: #ee3524;
}   /* mouse over link */

#footer_links a:active {
	color: #000;
	text-decoration: none;
}   /* selected link */

#copyright {
	float:right;
	text-align:center;
	font-size: 11px;
}

.search_txt {
	color: #666666;
	padding-top: 3px;
	margin-top: 3px;
}
.search_box {
	width: 100px;
	height: 15px;
	margin-left: 5px;
}

.header_top {
	padding-bottom: 5px;
	margin-bottom: 5px;
	height: 25px;
}

.header_login {
	padding-right: 25px;
	margin-top: 3px;
	padding-top: 3px;
	float: right;
}

a.squarebutton {
	background: transparent url('../img/square-red-left.gif') no-repeat top left;
	display: block;
	float: right;
	font: normal 11px Arial;
	/*font-variant: small-caps;*/
	line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 19px) */
	height: 19px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	margin-right: 4px;
	text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {
	color:#000; /*button text color*/
}

a.squarebutton span {
	background: transparent url('../img/square-red-right.gif') no-repeat top right;
	display: block;
	color:#fff;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover { /* Hover state CSS */
							  background-position: bottom left;
							  color:#fff;
							  text-decoration: none;
}

a.squarebutton:hover span { /* Hover state CSS */
									 background-position: bottom right;
									 color:#fff;
									 text-decoration: none;
}

a.squarebutton:visited span { /* Hover state CSS */
										/*background-position: bottom right;*/
										color:#fff;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
					  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
					  /* float:right; */
}

.buttonwrapper a:link {
	text-decoration: none;
	color: #fff;
}

.buttonwrapper a:visited {
	text-decoration: none;
	color: #fff;
}  /* visited link */

.buttonwrapper a:hover {
	text-decoration: none;
	color: #fff;
}   /* mouse over link */

.buttonwrapper a:active {
	text-decoration: none;
	color: #fff;
}   /* selected link */

/*                                  FAQ                             */
.faq {
	padding: 0px 3px 0px 3px;
}

.faq .question_txt {
	font-size:13px;
	color: #ee3524;

}

.faq .answer_txt {
	margin-top: 0px;
}

/*                                  COMMUNITY SERVICE                          */
.community_service {
	padding: 20px 0px;
	border-bottom: 1px solid #ee3524;
}

.community_service table{
	padding: 0px 20px;
}

.community_service .cares_gallery {
	border: 1px solid #ee3524;
	margin-right: 20px;
}

.community_service .title {
	font-size: 14px;
	font-weight: bold;
}

.community_service .date {
	font-style: italic;
}

.community_service .content {
	padding-top: 10px;
}

/*                                  NEWS                         */
.news {
	padding: 10px 0px;
	border-bottom: 1px solid #ee3524;
}

.news .title {
	font-size: 14px;
	font-weight: bold;
}

.news .date {
	font-style: italic;
}

.news .content {
	padding-top: 0px;
}

.news .content p img { border: 1px solid #ccc; padding: 4px; margin-right: 10px; }


/*                           Before and After                         */
.before_after {
	padding: 10px 0px;
	border-bottom: 1px solid #ee3524;
}

.before_after .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.before_after .img_compare {
	width: 100%;
}

.before_after .content {
	padding-top: 10px;
}

/*                     PRODUCTS                                    */
.product {
	border-bottom: 1px solid #ee3524;
	margin-bottom: 10px;
}

.product .callout {
	width: 150px;
	border: 2px solid #ee3524;
	margin: 10px 5px;
	padding: 5px;
	font-size: 10px;
}

.product .prod_img {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

/*                                  Career                         */
.career {
	padding: 10px 0px;
	border-bottom: 1px solid #ee3524;
}

.career .title {
	font-size: 14px;
	font-weight: bold;
}

.career .content {
	padding-top: 5px;
}

/*                                      Site Map                            */
.siteMap {
	padding-left: 5px;
}

.siteMap div {
	padding: 5px 0px;
}

.siteMap a:link {
	color:#000;
	text-decoration: none;
}    /* unvisited link */

.siteMap a:visited {
	color:#000;
	text-decoration: none;
}  /* visited link */

.siteMap a:hover {
	color: #ee3524;
	text-decoration: underline;
}   /* mouse over link */

.siteMap a:active {
	color:#000;
	text-decoration: none;
}   /* selected link */

.siteMap .level_1 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.siteMap .level_2 {
	font-size: 14px;
	font-style: oblique;
	padding-left: 20px;
}

.siteMap .level_3 {
	font-size: 12px;
	padding-left: 40px;
}

.siteMap .level_4 {
	font-size: 12px;
	font-style: italic;
	padding-left: 60px;
}

.siteMap .level_5 {
	font-size: 10px;
	padding-left: 80px;
}

/*                          Support Center                          */
.support_center {
	border:1px solid #ccc;
	background:#f9f9f9;
}

.support_center .form_tabs {
	width: 100%;
	text-align: center;
}

.support_center .form_tabs td {
	background-color: #BBB;
	padding: 5px;
	font-weight: bold;
}

.support_center .form_tabs td.active {
	background-color: #ee3524;
}

.support_center .form_tabs .active a:link {
	color: #FFF;
}    /* unvisited link */

.support_center .form_tabs .active a:visited {
	color: #FFF;
}  /* visited link */

.support_center .form_tabs .active a:hover {
	color: #FFF;
	text-decoration: underline;
}   /* mouse over link */

.support_center .form_tabs .active a:active {
	color: #FFF;
}   /* selected link */

.support_center .form_tabs a:link {
	color:#FFF;
	text-decoration: none;
}    /* unvisited link */

.support_center .form_tabs a:visited {
	color:#FFF;
	text-decoration: none;
}  /* visited link */

.support_center .form_tabs a:hover {
	color: #ee3524;
	text-decoration: underline;
}   /* mouse over link */

.support_center .form_tabs a:active {
	color:#FFF;
	text-decoration: none;
}   /* selected link */

.form_callout {
	width: 200px;
	border: 2px solid #ee3524;
	margin: 10px 5px;
	font-size: 12px;
	padding: 10px;
}

/*                          Testimonials                                */
.testimonial {
	float: left;
	padding: 10px 10px;
	width: 340px;
}

.testimonial .image {
	padding-right: 5px;
}

.testimonial .content {
	text-align: left;
}

.testimonial .name {
	font-style: italic;
	text-align: right;
}

.testimonial .organization {
	font-style: italic;
	text-align: right;
}

.testimonial_callout {
	width: 100%;
}

.testimonial_callout .content_container {
	padding: 5px 0px 5px 10px;
	margin-top: 50px;
	width: 560px;
}

.testimonial_callout .image {
	padding-left: 10px;
}

.testimonial_callout .content {
	text-align: left;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 10px;
	color: #ee3524;
	font-weight: bold;
}

.testimonial_callout .content p {
	margin: 0px;
}

.testimonial_callout .name {
	font-style: italic;
	font-weight: bold;
	text-align: right;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 12px;
}

.testimonial_callout .organization {
	font-style: italic;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 12px;
}

.bubble_top {
	background: transparent url('../img/bubble_top.gif') no-repeat top left;
	height: 21px;
	margin-left: 0px;
}

.bubble_mid {
	background: transparent url('../img/bubble_mid.gif') repeat-y top left;
	height: 100%;
}

.bubble_mid .content {
	padding: 0px 20px 0px 17px;
	color: #ee3524;
}

.bubble_btm {
	background: transparent url('../img/bubble_btm.gif') no-repeat top left;
	height: 10px;
}

/*                          Testimonials                                */
.employee {
	float: left;
	padding: 5px 10px;
	width: 120px;
	text-align: center;
}

.employee .e_image {
	padding: 5px 0px;
}

.employee .name {
	font-weight: bold;
	text-align: center;
}

.employee .title {
	font-style: italic;
	text-align: center;
	font-size: 10px;
}


p { margin-top: 4px; padding-top: 0px; }

h3[style] {
	color: #ee3524 !important;
}

h3 span[style] {
	color: #ee3524 !important;
}

#right-column2 div ul, #right-column2 div p ul
{
	list-style-image: url("../img/list_bullet.gif");
	list-style-type: circle;
}

#faq_list h3, .faq .question_txt {
	padding-left: 25px;
	padding-top: 3px;
	background-image: url("../img/faq_q.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 15px !important;
	color: #ee3524 !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	line-height: 1.1em;
	font-weight: bold;
}

#faq_list p, .faq .answer_txt {
	padding-left: 25px;
	padding-top: 3px;
	background-image: url("../img/faq_a.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

#faq_list p.noa { background-image: none !important; border: 0px !important; }

.faq .answer_txt { padding-top: 0px; margin-top: 5px; }

.faq_item, .faq {
	margin-top: 18px;
	margin-bottom: 9px;
	border-bottom: 1px solid #ccc;
}

.gallery_image {
	width: 200px;
	height: 160px;
	padding: 10px;
	float: left;
	display: inline;
	border: 1px solid #ccc;
	margin-right: 20px; margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}


.img_container { height: 75px; overflow: hidden; display: inline; }
.txt_container { padding: 5px 10px 5px 10px; }

#homePromos {
	width: 936px; overflow: hidden; display: inline;
}

.promo_312 {
	width: 312px; height: 75px; overflow: hidden; float: left; display: inline;
}
.promo_624 {
	width: 624px; height: 75px; overflow: hidden; float: left; display: inline;
}
.promo_936 {
	width: 936px; height: 75px; overflow: hidden; float: left; display: inline;
}
