/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form,  ul, li, img {margin: 0; border: 0; padding: 0;vertical-align: baseline;}
:focus {outline: 0;}


/*

*/
/**
 * This is to ensure cross bowser font size constistency
 * See http://developer.yahoo.com/yui/fonts/ for more details.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/* Clearing floats issue */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




body	{
	color: #4C4C4C;
	font-family:Arial, 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding: 0px 0 0 0;
	background-color: #c73a00;
	}
	
	
	


/*LAYOUT
----------------------------------------------------------------------------- */



#outer {
	background-color:#f33e33;
	padding:0;
	margin:0
		
	}
	
#inner	{
	width: 950px;
	margin: 0 auto;

	padding:0px
	}
	
#pagebody
		{
	width: 925px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0px 0;
	text-align: left;
	background-image: url(images/design/pagebodybg.jpg);
	background-repeat: no-repeat;
		}
		
	


/*  IE6 Tranparency fix
----------------------------------------------------------------------------- */
img, #pagebody { behavior: url(iepngfix.html); }
	
	
/* BANNERS
----------------------------------------------------------------------------- */



#bannerbg {



margin: 0 auto;
overflow:none;
height:190px
	
}


#banner {
	margin: 0 auto;
	text-align:center;
	overflow:none;
	width:950px;
	height:190px;
	background-image: url(images/design/bannerbg.jpg);
	
}

#topbannerbg {
	margin: 0 auto;
	padding:0;
	overflow:none;
	background-color: #c73a00;
	background-position:top center;
	height:34px;
	background-image: url(images/design/topbannerbg.jpg);
	background-repeat: repeat-x;
}


#topbanner {



margin: 0 auto;
text-align:right;
overflow:none;
width:940px;

	
}


/* TOP MENU
----------------------------------------------------------------------------- */


#topmenu{
	float:right;
	width:100px;
	height:24px;
	padding-top:6px;
	color:#895e02;
	padding-left:0px
	  }
	  
	  

#topmenu ul {
	
	
	padding:0px 0 0 0;
	margin:0;
	LIST-STYLE-TYPE: none;
	width:100%
	
	

}
#topmenu li {
	
	FLOAT:left; 
	MARGIN: 0; 
	padding:0px 0 0 0;

	display:inline; 


	

	
	
}

#topmenu a {
	PADDING: 0px 8px 0px 8px;
	margin:0;
	DISPLAY: block;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:93%;
	line-height:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-right: 1px solid #fff
	


}



#topmenu a:hover {
	text-decoration:underline
}


#topmenu a.noborder {
	
	border-right:0px
}
	
	


#logo1 {
	float:left;
	width: 266px;
	height:84px;
	padding:23px 0 7px 0;
	
	

}





/* MAIN HORIZONTAL NAV
----------------------------------------------------------------------------- */


#logo1 {

	
	height:148px;
	width:623px;
	padding:15px 0px 0 0px

}




/* MAINCOL 
----------------------------------------------------------------------------- */




#maincol {
	padding:34px 35px 40px 35px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:631px;
}



#maincolhome {
	padding:34px 40px 40px 35px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:626px;
	
}



	 



			
/* LEFTCOL 
----------------------------------------------------------------------------- */
#leftcol {
	MARGIN:0;
	padding: 0px 0 0 0px;
	float:left;
	WIDTH:400px;
	

}

	
		
/* RIGHTCOL
----------------------------------------------------------------------------- */
	

#rightcol {
	MARGIN:0px 0 0 0;
	padding: 0px 0px 0 0px;
	float:left;
	WIDTH:224px;
	text-align:left;
	
}	
	


#leftcolhome {
	float:left;
	WIDTH:173px;
	text-align:left;
	MARGIN:0;
	padding: 0px 25px 0 0;
	min-height:150px;
	height:auto !important;
	height:150px;
}	



	



/* PRIMARY NAV
----------------------------------------------------------------------------- */

#rightcol #navcontainer {
	margin: 0px 0 10px 0px;
	padding:0px 0 0px 0px;
	
	width:224px;
	text-align:left;
	float:left
}

#rightcol #navcontainer ul
{
	margin: 0;
	padding: 0 0 0 0px;
	list-style-type: square;

}

#rightcol #navcontainer li {
	margin: 0;
	padding: 0 0 0 0px;	
	display:inline;
	
 }



#rightcol #navcontainer li a
{
	display: block;
	 line-height:normal;
	padding: 10px 0px 8px 15px;
	width:208px;
	COLOR:#000000;
	text-decoration: none;

	background-image: url(images/design/leftnavbg.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	font-size: 100%;
	font-weight:bold;
    margin: 0px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family:Arial, Helvetica, sans-serif
	
	 


}


#rightcol #navcontainer li a.selected { font-weight:bold; }


#rightcol #navcontainer li a:hover{
	text-decoration:none;
	background-color:#f3dc95;
	background-image:none
	
}

#rightcol #navcontainer ul ul li { margin: 0 0 0 0; }

#rightcol #navcontainer ul ul li a
{
	display: block;
	padding: 10px 0px 8px 15px;
	width:208px;

	text-decoration: none;
	font-size: 85%;
	margin: 0px;
	COLOR:#FFFFFF;
	font-weight:normal;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:#f0713c;
	background-image: none

}

#rightcol #navcontainer ul ul a:hover
{
	COLOR:#fff;
	background-color:#c73b00;
	
	background-image:none;
	
	
}

#rightcol #navcontainer  li a.current{  font-weight:bold;}
	









.clearboth {clear:both; margin:0; padding:0}





/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 3px 0px 20px 15px; }	
.imageleft {float: left; margin: 7px 7px 3px 0px; }
.imagecenter {float: left; width:100%; text-align:center; margin:3px 0px 3px 0px;

	}
	
#searchresults .imageright {float: right; margin: 3px 0px 0px 15px; }	
#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; }
#leftcol .imageleft{ float: left; margin: 7px 15px 0px 0px; clear:both }


#rightcol .imageright { float: right; margin: 7px 0px 10px 0px; }
#rightcol .imageleft{ float: left; margin: 7px 15px 10px 0px; }






/* TYPOGRAPHY
----------------------------------------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	letter-spacing: 1px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	}
	
	
	
	
	
#maincolhome  h1	{
	margin: 0px 0 7px 0px;
	color:#C73A00;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	font-size:174%;
    }	
	
	


#maincolhome  h2	{
	margin: 0px 0 7px 0px;
	color:#08084d;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold;
	font-size:100%;
    }	

	
	

#maincol  h1	{
	margin: 16px 0 10px 0px;
	padding:0;
	color:#C73A00;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	font-size:182%;
    }
	

#maincol  h2	{
	margin: 15px 0 20px 0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold;
	font-size:123.1%;
    }
	


#maincol  h3	{
	margin: 15px 0 20px 0px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold;
	font-size:123.1%;
    }
	
	
#maincol p, #maincolhome p{
	margin: 0px 0 0px 0;
	padding:0 0 0 0px;
	font-size:93%;
	color:#333;
	font-family:Arial, 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	text-align:left;
	line-height:1.87em;
}




	
	
#maincol ul, #maincolhome ul {

  
	MARGIN: 0px 0px 10px 0px;
	padding:3px;
	LIST-STYLE-TYPE: none;

	font-size:93%;
	font-weight:normal;
	
	    

}

#maincol li, #maincolhome li {
	PADDING: 5px 0 5px 31px;
	padding-top:4px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(images/design/bullet2.gif) no-repeat 4px 6px;
	MARGIN: 0px;
	line-height:1.7em;
	color:#333333;
		
		
}
	
	


	
	

		
		
#maincolhome a, #maincol a, #leftcolhome a
		{
	color:#C73A00;
	text-decoration: none;
		}
#maincolhome a:hover, #maincol a:hover,  #leftcolhome a:hover
		{
	color:#C73A00;
	text-decoration: underline;
		}
		
		



	

/*  BREADCRUMBS
----------------------------------------------------------------------------- */


#breadcrumbs{
	padding: 0px;
	margin:0;
	float:left;
	width:620px;
	height:42px;
}

#breadcrumbs p {
	
	font-family:  Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:85%;
	color:#333333;
	margin-left:0;
	padding:1px;
}


#breadcrumbs a {
	
	font-size:11px;
	text-decoration:none;
	color:#C73A00;
}



#breadcrumbs a:hover {

	
	font-size:11px;

	text-decoration:underline;
	color:#4c4c4c;

}
		
		




/*  FOOTER
----------------------------------------------------------------------------- */




#footerholder {
	
	width: 100%;
	height:80px;
	
		
	}


#footer {
	width: 950px;
	margin: 0 auto;
	height:70px;
	text-align: center;
	}




	
	



#footer a {
	color: #E4E4E4;
	
	font-weight:normal;
	text-decoration:none
	}
	
	

	
#footer a:hover {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:underline;
	font-weight:normal
	}


	
#footer p {
	
	padding:10px 0 0 0;
	margin:0;
	color:#FFFFFF;
	font-size:85%;
	line-height:1.62em
}


/* SAMMLER THUMBS
----------------------------------------------------------------------------- */

#featurelistsmall {
	width:600px;
	float:left;
	height:157px;
	padding-top:0px
}


.featuresmall {
	width:140px;
	height:147px;
	float:left;
	text-align:center;
	margin: 0px 10px 15px 0px;
}
.featuresmall img {padding:0; margin:0}

a.thumb {  padding:0; margin:0; border: 5px solid #f3dc95; display:block  }
a.thumb:hover {
	border: 5px solid #C73A00;
	display:block
}

.feature3 {
	width:140px;
	height:35px;
	float:left;
	text-align:center;
	margin: 0px 10px 15px 0px;
}


#maincol .feature3 a.thumb2 {  padding:5px 0 5px 0; margin:0; background-color:#C73A00; display:block; color:#FFFFFF  }
 .feature3 a.thumb2:hover {
	padding:5px 0 5px 0; margin:0; background-color:#C73A00; display:block; text-decoration:underline
}





/* FEATURED PRODUCTS ON HOME PAGE
----------------------------------------------------------------------------- */

#featurelist {
	width:600px;
	float:left;
	height:187px;
	padding-top:0px
}


.feature {
	width:178px;
	height:170px;
	float:left;
	text-align:center;
	margin: 0px 21px 15px 0px;
}
.feature img {padding:0; margin:0}

a.thumb {  padding:0; margin:0; border: 5px solid #f3dc95; display:block  }
a.thumb:hover {
	border: 5px solid #C73A00;
	display:block
}


#featurelist2 {
	width:600px;
	float:left;
	height:50px;
	padding-top:0px
}


.feature2 {
	width:178px;
	height:35px;
	float:left;
	text-align:center;
	margin: 0px 21px 15px 0px;
}


#featurelist2 .feature2 a.thumb2 {  padding:5px 0 5px 0; margin:0; background-color:#C73A00; display:block; color:#FFFFFF  }
#featurelist2 .feature2 a.thumb2:hover {
	padding:5px 0 5px 0; margin:0; background-color:#C73A00; display:block; text-decoration:underline
}






/*SIGN UP FORM
----------------------------------------------------------------------------- */



form.cmxform2 {
  margin: 0px 0 5px 0;
  padding:0px;
  


}



#footer form.cmxform2 fieldset {
  margin: 0px;
  padding:0px;
  display:inline;
  border:0;

}



.submit {
	width: 54px;
    height:26px;
    color:#3366cd;
	font-weight:bold;
	line-height:normal;
	padding:0px;
	margin:0;
	font-size:11px;

	background-position: 0 0px;
	border:none;
	display:inline;
	background: url(graphics/searchbutton.html) no-repeat;

}


.submit2 {
	width: 54px;
    height:26px;
    color:#3366cd;
	font-weight:bold;
	line-height:normal;
	padding:0px;
	margin:0;
	font-size:11px;

	background-position: 0 0px;
	border:none;
	display:inline;
	background: url(graphics/searchbutton2.html) no-repeat;

}





/* SUBSBRIBE BOX ON HOME PAGE
----------------------------------------------------------------------------- */
	
form.cmxform2  .textfield {
	margin: 0;
	padding: 3px;
	font-size: 93%;
	height:15px;
	border: 1px solid #a6a6a6;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif
	}




/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;

	}
	
fieldset { border: 1px solid #7F9DB9; }

legend {
	padding: 0;
	color: #000;
	}

 #outer #inner #pagebody #maincol form.cmxform input textarea {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	border: 1px solid #7F9DB9;
	color:#666666
	
	}
	
 select {
	margin: 0;
	padding: 1px;
	border: 1px solid #a6a6a6;
	color:#333;
	font-family:Arial, Helvetica, sans-serif

	
	
	}
	


	
#downloadpanel {

	float:left;
	background-color:#ead491;
	width:627px;
	height:225px



}

#downloadpanel img {

	float:left;
	margin-right:22px;
	border-right:10px solid #fff
	



}
	
	
#downloadpanel a {

	display:block;
	padding: 10px 0 10px 0px;
	margin:0;
	



}

#outer #inner #pagebody #maincol #downloadpanel .pic  {

	display:inline;
	
	



}

#downloadpanel a:hover {

	display:block;
	text-decoration:none;
	padding: 10px 0 10px 0px;
	margin:0;
	background-color:#dcc57f
	



}



a.dynamic_button{

	background: transparent url('images/design/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;

}

/*  IE6 Tranparency fix
----------------------------------------------------------------------------- */
img, a.dynamic_button { behavior: url(iepngfix.html); }

a.dynamic_button span {
    background: transparent url('images/design/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	color:#34383b
}
img, a.dynamic_button span { behavior: url(iepngfix.html); }

a.dynamic_button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

#maincol a.dynamic_button:hover {
    
	text-decoration:none;
	
	
	
}
#maincol a.dynamic_button:hover {
    
	text-decoration:none;
	
	
	
}

#maincol  a.dynamic_button:hover {
    
	text-decoration:none;
	
	
	
}

a.dynamic_button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}



/*CONTACT FORM
----------------------------------------------------------------------------- */

#outer #inner #pagebody #maincol form.cmxform fieldset {
  margin-bottom: 10px;
  padding:10px;
  border: 1px solid #ccc;
}
#outer #inner #pagebody #maincol form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	color: #4c4c4c;
}
#outer #inner #pagebody #maincol form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#4c4c4c;
}
#outer #inner #pagebody #maincol form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
   list-style: none;
}
#outer #inner #pagebody #maincol form.cmxform fieldset li {
  list-style: none;
  padding: 7px;
  margin: 0;
  background:none
  
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset {
  
  margin: 3px 0 0;
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
#outer #inner #pagebody #maincol form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #4c4c4c;
}
#outer #inner #pagebody #maincol form.cmxform label {
  width: 170px; /* Width of labels */
}
#outer #inner #pagebody #maincol form.cmxform fieldset fieldset label {
  margin-left: 173px; /* Width plus 3 (html space) */
}



a.dynamic_button2{

	background: transparent url('images/design/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;

}

a.dynamic_button2 span {
    background: transparent url('images/design/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	color:#34383b
}



#maincol a.dynamic_button2:hover {
    
	text-decoration:none;
	
	
	
}
#maincol a.dynamic_button2:hover {
    
	text-decoration:none;
	
	
	
}


/*TABLE STYLING
----------------------------------------------------------------------------- */



.contactstable {
	width: 578px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #C63A00;
}



th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C63A00;
	border-left: 1px solid #C63A00;
	border-bottom: 1px solid #C63A00;
	border-top: 1px solid #C63A00;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	background-color: #F7E6B3;
}

th.bg2 {
	border-top: 0;
	border-left: 0;
	padding: 4px 4px 4px 8px;
	borderlef: 1px solid #42A2DF;
	background-color:#C63A00;
}


th.bg3 {
	border-top: 0;
	border-left: 0;
	padding: 4px 4px 4px 8px;
	borderlef: 1px solid #42A2DF;
	background-color:#F0713C;
}


.contactstable td {
	border-right: 1px solid #C63A00;
	border-right: 1px solid #C63A00;
	border-bottom: 1px solid #C63A00;
	border-top: 1px solid #C63A00;
	background: #fff;
	padding: 6px 6px 6px 8px;
	color: #333333;
	font-size:12px ;
	text-align:left;
}


td.alt {
	background-color: #F0F0F0;
	color: #333333;
}