/* Color Theme - generated from #c71f1f */
.w3-theme-l5 {color:#000 !important; background-color:#fdf0f0 !important}
.w3-theme-l4 {color:#000 !important; background-color:#f7cece !important}
.w3-theme-l3 {color:#000 !important; background-color:#f09e9e !important}
.w3-theme-l2 {color:#fff !important; background-color:#e86d6d !important}
.w3-theme-l1 {color:#fff !important; background-color:#e13d3d !important}
.w3-theme-d1 {color:#fff !important; background-color:#b31c1c !important}
.w3-theme-d2 {color:#fff !important; background-color:#9f1919  !important}
.w3-theme-d3 {color:#fff !important; background-color:#8b1616 !important}
.w3-theme-d4 {color:#fff !important; background-color:#771313 !important}
.w3-theme-d5 {color:#fff !important; background-color:#630f0f !important}
.w3-theme-navbar {color:#fff !important; background-color:#2e5d8b !important}

.w3-theme-cl5 {color: #fdf0f0 !important}
.w3-theme-cl4 {color: #f7cece !important}
.w3-theme-cl3 {color: #f09e9e !important}
.w3-theme-cl2 {color: #e86d6d !important}
.w3-theme-cl1 {color: #e13d3d !important}
.w3-theme-cd1 {color: #b31c1c !important}
.w3-theme-cd2 {color: #9f1919 !important}
.w3-theme-cd3 {color: #8b1616 !important}
.w3-theme-cd4 {color: #771313 !important}
.w3-theme-cd5 {color: #630f0f !important}

.w3-theme-light {color:#000 !important; background-color:#fdf0f0 !important}
.w3-theme-dark {color:#fff !important; background-color:#630f0f !important}
.w3-theme-action {color:#fff !important; background-color:#630f0f !important}

.w3-theme {color:#fff !important; background-color:#c71f1f !important}
.w3-text-theme {color:#c71f1f !important}
.w3-border-theme {border-color:#c71f1f !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#c71f1f !important}
.w3-hover-text-theme:hover {color:#c71f1f !important}
.w3-hover-border-theme:hover {border-color:#c71f1f !important}



img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.img_floatleft {float:left; margin:0 15px 5px 0;}
.img_floatright {float:right; margin:0 0 5px 10px;}


.center_text {
	text-align: center
}

*
{
border: 0;
margin: 0;
}

<style type="text/css">

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->


.shadow-bringer {
	width: 100px;
	height: 100px;
	margin: 20px auto;
	padding: 5px;
	background: #ffffa2;
}		

.shadow {
	-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 3px 3px 4px #444;		
	/* For IE 8 */		
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";		
	/* For IE 5.5 - 7 */		
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');	
}

hr.dashed-line {
   margin: 0px 0px 5px 0px;
   border-top: 2px dashed;
   border-top-color: #bfbfbf;
}


body
{
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   color: #222222;
   background: #ffffff url('/img/bg_main_grad.jpg') repeat-x;
}

/******************* begin navigation **************************/

#main_nav .w3-bar-item .w3-dropdown-hover {
   font-size: .5em;
   color: white;
   padding: 4px 8px 4px 8px;
}
.w3-button:hover {
   background-color: #9fbfdf !important; /*w3-theme-l4 */
}

/***************** end navigation ***************/

/***************** begin search form ****************/

/******************* end search form ******************/

/******************* begin main **********************/

#main
{
margin: 0px auto;
margin: 6px 11px 0px 11px;
border: 1px solid #ff5655;
overflow: visible;
background: #c71f1f;
}


/*************** begin header section **********/

#header
{
margin: 6px 0px 0px 0px;
border: 1px solid #bfbfbf;
background: #ffffff;
text-align: right;
}

#address
{
margin: 3px 15px 0px 0px;
padding: 3px 2px 0px 0px;
text-align: right;
color: #000000;
font-size: .625em;
text-decoration: none;
clear: right;
}

/*********** end header section ************/

/*********** begin content ************/

#content
{
margin: 0px 0px 5px 0px;
padding-bottom: 12px;
background: #c71f1f;
}

/*********** begin content *************/

#content h1
{
margin: 5px 0px 3px 0px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #2E5D8B;
padding: 3px 0px 6px 25px;
color: #2E5D8B;
background:url(/img/title_products_gpc_blue2.gif) no-repeat;
background-color: #cccccc;
font-size: 1.125em;
}

#content h2
{
margin: 0px;
padding: 3px 0px 6px 0px;
color: #2E5D8B;
font-size: 1.125em;
font-weight: bold;
text-decoration: underline;
}


#content p {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: .5em;
}

#content .line{
	margin-top: 10px;
	margin: 0px auto;
	padding-bottom: 10px;
   width: 90%;
	background:url(/img/line.gif) no-repeat;
	height: 3px;
}

#content img.right {
	float: right;
	margin: 5px;
}

#content img.left {
	float: left;
	margin: 5px;
}

/************ end content ****************/


/*********** begin left side *************/

#left{
float: left;
border: 1px solid #bfbfbf;
padding: 18px 18px 8px 18px;
min-height: 400px;
overflow: visible;
background: #ffffff;
}

#left h1
{
margin: 5px 0px 3px 0px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #2E5D8B;
padding: 3px 0px 6px 25px;
color: #2E5D8B;
background:url(/img/title_products_gpc_blue2.gif) no-repeat;
background-color: #cccccc;
font-size: 1.125em;
}

#left h2
{
margin: 0px;
padding: 3px 0px 6px 0px;
color: #2E5D8B;
font-size: 1.125em;
text-decoration: underline;
}

#left p {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: .875em;
}

#left .line{
	margin-top: 10px;
	margin: 0px auto;
	padding-bottom: 10px;
	background:url(/img/line.gif) no-repeat;
	width: 614px;
	height: 3px;
}

#left img.right {
	float: right;
	margin: 5px;
}

#left img.left {
	float: left;
	margin: 5px;
}

/************ end left side ****************/

/************ begin right side *************/

#right
{
float:right;
}

#right a{
	color: #666666;
}

#right H1
{
color: #ff0000;
font-size: 1.125em;
padding-bottom: 10px;
}

#right h2 {
	height: 19px;
	background-color: #ffffff;
	font-size: .75em;
	font-weight: bold;
	color: rgb(75,135,74);
	padding-top: 9px;
	padding-left: 25px;
	padding-bottom: 4px;
	margin: 5px;
}

#right h3 {
	margin: 5px 5px 0px 5px;
	border: 1px solid #990000;
	padding: 8px 0px 2px 25px;
   background: url(/img/title_news.gif);
	background-color: #cccccc;
	font-size: 1.125em;
   font-weight: bold;
	color: #990000;
}

/************** begin news ************/
#news_home {
	border: 1px solid #990000;
	padding: 0px 0px 10px 0px;
	min-height: 200px;
	background: #ffffff;
}

#news_home .newstitle {
	float: left;
   clear: left;
	padding: 0px 0px 2px 0px;
	font-size: .875em;
	font-weight: bold;
	color: rgb(75,135,74);
}

#news_home .newsdate {
	float:left;
   clear: left;
	background:url(/img/timeicon.gif) no-repeat 95% 50%;
	padding-right: 20px;
	text-align:right;
	font-size: .6875em;
	font-weight: bold;
	color: rgb(75,135,74);
}

#news_home p.clear {
	clear: left;
	font-size: .875em;
	padding: 0px 5px 5px 12px;
}

#news_home p {
	clear: left;
	font-size: .875em;
	padding: 0px 5px 0px 12px;
}

#news_home .newsline{
	 background:url(/img/line.gif) no-repeat;
	 height: 1px;
	 margin: 0 auto;
	 padding-bottom: 2px;
}
/************** end right side **************/

/************** begin DYK ************/
#DYK {
   margin: 0px 0px 0px 10px;
	border: 1px solid #990000;
	padding: 0px 0px 10px 0px;
	background: #ffffff;
}

#DYK h3 {
	margin: 5px 5px 5px 5px;
	border: 1px solid #990000;
	padding: 8px 0px 2px 25px;
        background:url(/img/title_dyk.gif) no-repeat;
	background-color: #cccccc;
	font-size: 1em;
   font-weight: bold;
	color: #990000;
}

#DYK h4 {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 12px;
        color: #2E5D8B;
	font-size: .875em;
   font-weight: bold;
	font-family: "Comic Sans", "Comic Sans MS", cursive;
	text-decoration: underline;
}

#DYK p {
	padding: 5px 5px 5px 12px;
	font-size: .875em;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
}

/************* end DYK **************/

.box {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #bfbfbf;
	padding: 15px 10px 15px 50px;
	background: url("/img/seal.jpg") no-repeat 5px 50%;
	font-size: .75em;
}

/************** begin storage ad ************/
#beside_products {
	float: right;
	margin: 0px 0px 8px 0px;
	border: 1px solid #2E5D8B;
	padding: 5px;
	background-color: #ddd;
}

#beside_products h4 {
	margin: 5px 0px 3px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #C51F1F;
	padding: 3px 0px 3px 4px;
	color: #C51F1F;
	background-color: #eee;
	font-size: .9375em;
	font-weight: bold;
}

#beside_products p {
	margin: 2px 0px 10px 0px;
	font-size: .75em;
	font-weight: bold;
}
/************** end storage ad *************/


.main_image {
	border: 1px solid #2E5D8B;
	padding: 10px 12px 10px 12px;
	width: 424px;
	background: #ffffff
}


/*------------- end content ---------------*/

/*------------- end main ------------------*/


/************** begin footer **************/
#footer
{
	margin: 6px 11px 6px 11px;
	border: 1px solid #991615;
	padding: 20px 0px 0px 0px;
	font-size: .75em;
	color: #991615;
	text-align: center;
	background-color: #dddddd;
	clear:both;
}

#footer a
{
color: #991615;
font-size: .75em;
text-decoration: underline;
}

#credits
{
	margin: 0 auto;
	font-size: .625em;
	color: #991615;
	padding-top: 6px;
	text-align: center;
	clear:both;
	padding-bottom: 20px;
}
#credits a
{
color: #991615;
font-size: .625em;
text-decoration: none;
}

.padding
{
padding: 10px;
color:#FF0000;
font-weight: bold;
}
/*-------------- end footer ---------------*/

#contact_information
{
	width: 400px;
	margin: 10px 0px 10px 130px;
	padding: 5px;
	border: solid 1px #990000;
	background-color: #fcffbc;
}

#contact_information .labels
{
	float: left;
	width: 100px;
	margin: 0 5px 0 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	text-align: right;
}

#contact_information .content
{
	width: 300px;
	margin: 0;
}

#contact_information .p .l
{
	color:rgb(70,122,167); 
	font-weight:bold; 
	font-size: 1.3em;	
}