/* 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;}



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: #FFCC66;
	}
	
	
	


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



#outer {
	
	padding:0;
	margin:0
		
	}
	
#inner	{
	width: 944px;
	margin: 0 auto;

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



	
/* BANNERS
----------------------------------------------------------------------------- */





#banner {
	margin: 0 auto;
	text-align:center;
	overflow:none;
	width:944px;
	height:220px;
}

#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:center;
	overflow:none;
	width:944px;
	height:42px;
	background-image: url(../images/design/topheader.jpg)
	
}


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


#topmenu{
	margin: 0 auto;
	text-align:center;
	background-image:url(../images/design/topnav-bg.jpg);
	width:923px;
	height:45px;
	padding:0px 0 0 21px;
	color:#FFFFFF;
	  }
	  
	  

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

}
#topmenu li {
	
	FLOAT:left; 
	MARGIN: 0; 
	padding:14px 0 0 0;
	height:31px;
border-right: 1px solid #ab451b;
border-left: 1px solid #f5b59b;
	display:block; 
	


	

	
	
}

#topmenu a {
	PADDING: 0px 13px 0px 12px;
	margin:0;
	DISPLAY: block;
	COLOR: #977A49;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:108%;
	line-height:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}



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



	#topmenu li.last {
	
	
}

#topmenu li.first {
	
	border-left:0px
}


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

}





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


#logo1 {
	height:242px;
	width:944px;
	padding:0px 0px 0 0px
}




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




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



#maincolhome {
	padding:20px 20px 15px 32px;
	FLOAT: left;
	margin: 0 0 0 0px;
	text-align:left;
	width:609px;
}



	 



			
/* 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:283px;
	text-align:left;
}	
	



	



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

#rightcol #navcontainer {
	margin: 0px 0 10px 0px;
	padding:0px 0 0px 0px;
	width:283px;
	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 25px;
	COLOR:#996633;
	text-decoration: none;
	background-image:url(../images/design/navbg.jpg);
	background-repeat: repeat-x;
	background-position:bottom left;
	font-size: 93%;
	font-weight:bold;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif	 


}


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


#rightcol #navcontainer li a:hover{
	text-decoration:underline;
	
	
}

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

#rightcol #navcontainer ul ul li a
{
	display: block;
	padding: 6px 10px 6px 24px;
	text-decoration: none;
	font-size: 85%;
	margin: 0px;
	COLOR:#4B4B4B;
	font-weight:normal;
	border-left: 0px solid #fff;
	border-bottom: 0px solid #fff;
	background-image: none
}

#rightcol #navcontainer ul ul a:hover
{
		text-decoration:underline

	
}


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

#rightcol #navcontainer ul ul ul li a
{
	display: block;
	padding: 5px 10px 5px 24px;
	text-decoration: none;
	font-size: 85%;
	margin: 0px;
	COLOR:#333333;
	font-weight:normal;
	border-left: 0px solid #fff;
	border-bottom: 0px solid #fff;
	background-image: none
}

#rightcol #navcontainer ul ul ul a:hover
{
	

	text-decoration:underline

	
	
}

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









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





/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {
	float: right;
	margin: 3px 0px 14px 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 11px 0px;
	text-align:left;
	padding-bottom:5px;
	display:block;
	color:#C73A00;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	font-size:189%;
    }	
	
	


#maincolhome  h2	{
	margin: 0px 0 12px 0px;
	color:#4E4E4E;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold;
	font-size:123.5%;
    }	


#maincolhome  h3	{
	margin: 0px 0 4px 0px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold;
	font-size:100%;
	padding: 6px 0 6px 0;
	border-bottom:1px solid #e1e1e1;
	border-top:1px solid #e1e1e1;
    }	
	
	

#maincol  h1	{
	margin: 12px 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 15px 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 15px 0;
	padding:0 0 0 0px;
	font-size:93%;
	color:#4E4E4E;
	font-family:Arial, 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	text-align:left;
	line-height:1.70em;
}




	
	
#maincol ul, #maincolhome ul {

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

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

}

#maincol li, #maincolhome li {
	PADDING: 3px 0 3px 27px;

	FONT-WEIGHT: bold;
	BACKGROUND: url(../images/design/disc.gif) no-repeat 4px 8px;
	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;
		}
		
		
		#rightcol #address  {
		
		float:left;
		padding:0 0 0 22px
		
		
		}
		
#rightcol #address p  {
margin: 0px 0 15px 0;
	padding:0 0 0 0px;
	font-size:93%;
	color:#4E4E4E;
	font-family:Arial, 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	text-align:left;
	line-height:1.87em;


}

#rightcol #address h2  {



}


#rightcol #address a  {

	color:#C73A00;
	text-decoration: none;

}

#rightcol #address a:hover  {

color:#C73A00;
	text-decoration: underline;

}

	

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


#breadcrumbs{
	padding: 0px;
	margin:0;

	width:610px;
	font-size:11px;
	height:32px;
}

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


#breadcrumbs a {
	
	
	text-decoration:none;
	color:#C73A00;
}



#breadcrumbs a:hover {

	

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

}
		
		




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




#footerholder {
	width: 944px;
	margin: 0 auto;	
	text-align: center;
		
	}


#footer {
	width: 918px;
	background-color:#ffcc66;
	background-image:url(../images/design/footerbg.jpg);
	background-repeat:repeat-x;
	padding: 15px 0 0 26px;
	height:90px;
	text-align: left;
	}

#footerlinks {
	float:left;
	width:540px;
}

#footerinfo {
	float:right;
	width:245px;
	padding-right:10px
}
	
	



#footer a {
	color: #FFFFFF;
	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 #ccc;
	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
----------------------------------------------------------------------------- */



.feature {
	width:180px;
	font-size:12px;
	height:200px;
	float:left;
	text-align:center;
	margin: 0px 21px 20px 0px;
}
.feature img {padding:0; margin:0}

a.thumb {
	padding:0;
	margin:0 0 4px 0;
	border: 5px solid #eaeaea;
	display:block
}
a.thumb:hover {
	border: 5px solid #ccc;
	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.gif) 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.gif) 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;

	}
	


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

	
 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;
	margin-bottom:10px



}

#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;

}







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
----------------------------------------------------------------------------- */

table {
	
	padding: 0;
	margin: 0 0 20px 0;
	border-left: 1px solid #C63A00;
	border-bottom: 1px solid #C63A00;
}


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



th {
	font: bold 12px "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:#C63A00;
}

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: 0px 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;
}




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

	
	
/* SEARCH BOX 
----------------------------------------------------------------------------- */


#searchholder {
	position: relative;
	text-align:left;
	padding:0px 0 55px 0px;
	width:283px;
	border-bottom:1px solid #e6dec7
}

	




#searchholder #ajaxSearch_input  {
	margin: 0;
	position: absolute;
  left: 20px;
  top: 12px;
	padding: 8px;
	width:178px;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #ddd9d5;
	color:#666666
	
	}
	
	

#searchholder #ajaxSearch_submit  {
	margin: 0;
	padding: 0px;
	 position: absolute;
  left: 220px;
  top: 12px;
  cursor: pointer;

	


	
	}
	
	
#searchholder label  {
	margin: 0;
	padding: 0px;
	
	

	
	}
	
	
	
	/* CONTACT
----------------------------------------------------------------------------- */



.contact {
	float:left;
	width:550px;
	padding:10px 10px 10px 20px;
	background-color:#fbf4e2;
	border:1px solid #ede3ca

}



#maincolhome .contact  p{
	display: block;
	width: 490px;
	float: left;
	clear: both;
	margin: 0px 0px 3px 0px;
}

.contact p span{
	width: 140px;
	font-size: 12px;
	font-weight: bold;
	color: #323232;
	float: left;
	margin: 13px 0px 0px 0px;
	text-align: right;
}

.contact p span.input{
	display: block;
	text-align:left;
	width: 300px;
	height:27px;
	padding: 9px;
	margin: 0px 0px 0px 13px;	
}

.contact p span.input input{
	width: 264px;
	height: 25px;
	padding: 3px;
	border: 1px solid #ddd9d5	
}

.contact p span.textarea{
	display: block;
	width: 250px;
	
	padding: 8px 9px 6px 8px;
	margin: 0px 0px 0px 13px;
	
}

.contact p span.textarea textarea{
	width: 270px;
	height: 101px;
	border: 1px solid #ddd9d5
}

.contact p span.button{
	display: block;
	width: 154px;
	height: 49px;
	margin: 0px 0px 0px 20px;
}


.anti-spam-image  { padding-left:163px  }




	/* PRODUCTS
----------------------------------------------------------------------------- */




.products {
	float:left;
	padding: 0 0 0 0;
	width:610px
}

.productlist {
	float:left;
	padding: 0 0 0 0;
	width:600px;
	min-height:60px;
	height:auto !important;
	height:60px;
	border-bottom:1px solid #e1e1e1;
}


#pagebody #maincolhome  .products .productlist ul.submenu {

	padding:0px;
	
	
	margin:0


}

#pagebody #maincolhome  .products .productlist ul.submenu li {
	display:inline;
	padding-right:18px;
	float:left;
	width:175px
}

 


#pagebody #maincolhome  .products .productlist  li {
	padding: 0px 0 0px 0;
	color:#4E4E4E;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	
		padding: 3px 0 3px 0;
	
	list-style:none;
	background-image:none;
	border:0
	
}
	


#pagebody #maincolhome  .products .productlist li a {
	margin: 0px 0 0px 0px;
	color:#C73A00;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	font-size:12px;
list-style:none;
	background-image:none;
	border:0
}
	
	
#pagebody #maincolhome  .products .productlist li li  {
	margin: 0px 0 0px 0px;
	list-style:none;
	background-image:none;
	color:#996633;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:bold;
	font-size:12px;
	padding: 0px 0 0px 0;
	border:0
}	
	
	
#pagebody #maincolhome  .products .productlist li li a {
	margin: 0px 0 0px 0px;
	color:#C73A00;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	font-size:12px;
	padding: 0px 0 0px 0;
	border:0
}

