@charset "utf-8";
.bg {
	background-color: #E6E298;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
.topbg {
	background-color: #E6E298;
	background-image: url(images/top_homebg.gif);
	background-repeat: no-repeat;
	height:39px;
}

.tahoma11yellowl {
	font-family: Tahoma;
	font-size: 11px;
	color: #fcfad6;
	text-decoration: none;
}
.tahoma11yellow2 {
	font-family: Tahoma;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.tahoma11yellow3 {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.tahoma11yellow4 {
	font-family: Tahoma;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.tahoma11yellow5 {
	font-family: Tahoma;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.tahoma14redbold {
	font-family: Tahoma;
	font-size: 14px;
	color: #dc3632;
	text-decoration: none;
	font-weight: bold;
}
.tahoma12darkgray {
	font-family: Tahoma;
	font-size: 12px;
	color: #222522;
	text-decoration: none;
	font-weight: normal;
}

.logomatbg1 {
	background-color: #e7e7e7;
	background-image: url(images/logomatbg_in.gif);
	background-repeat: repeat-x;
}
.logomatbg2 {
	background-color: #efeeee;
	background-image: url(images/logomatbg_in1.gif);
	background-repeat: repeat-x;
	border: 1px solid #eae7e7;
}
.tahoma11gray {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.viewlinks {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.viewlinks:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #0c0c0e;
	text-decoration: none;
	font-weight: normal;
}

.fotoborder {
	background-color: #FFFFFF;
	border: 1px solid #eae7e7;
	width:148px;
	height:94px;
	background-position: center center;
}

.tahoma11darkgray {
	font-family: Tahoma;
	font-size: 11px;
	color: #222522;
	text-decoration: none;
	font-weight: normal;
}
.arial12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.arial13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.arial15red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ed2722;
	text-decoration: none;
	font-weight: bold;
}

.mattd {
    background:url(images/logomat_shadeline.gif) right;
	background-repeat:no-repeat;
	height:190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}

.mattd1 {
    background:url(images/logomat_shadeline1.gif) right;
	background-repeat:no-repeat;
	height:190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}
.mattd2 {

	height:190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}

.yellowborder {
	background-color: #FFFFFF;
	border: 3px solid #fcfad6;
	background-position: center center;
	height:110px;
}

.logoprobdr {
	border: 1px solid #e9e7c0;
	}

.logoprobdr1 {
	border: 5px solid #fcfad6;
	
}


.arial12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #232222;
	text-decoration: none;
	font-weight: bold;
}
.arial11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #232222;
	text-decoration: none;
}
.arial12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #232222;
	text-decoration: none;
}
.arial12white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.arial12white2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-right:4px;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	background-color: #ed2722;
	text-decoration: none;
	font-weight: bold;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #dfdfdf;
	background-image: url(images/textfield_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.arial12redbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ED2722;
	text-decoration: none;
	font-weight: bold;
}
.arial12redbold2 {
	font-family: "Arial Black",Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ED2722;
	text-decoration: none;
	font-weight: bold;
}
.shoptable {
	background-color: #FFFFFF;
	border: 1px solid #ae4141;
}
.shopimagebdr {
	border: 1px solid #e7e5c5;
	background-color: #fcfad6;
	height: 100px;
	width: 131px;
}
.arial12gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474747;
	text-decoration: none;
	font-weight: bold;
}

.title {
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #e6e298;
	text-decoration: none;
}

#button1 {
	background-color: #b8892e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	padding-right:4px;
	padding-left:2px;
	padding-bottom:2px;
	background:url(images/button1_bg.gif) no-repeat;
	height:20px;
	width:131px;
	border:none;
	cursor:pointer;
	
}

#button2 {
	background-color: #b8892e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
    padding-right:4px;
	padding-left:2px;
	padding-bottom:2px;
	background:url(images/button2_bg.gif) no-repeat;
	height:20px;
	width:101px;
	border:none;
	cursor:pointer;
	
}

#button3 {
	background-color: #b8892e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	padding-right:4px;
	padding-left:2px;
	padding-bottom:2px;
	background:url(images/button_maroon_bg.gif) no-repeat;
	height:20px;
	width:66px;
	border:none;
	cursor:pointer;
	
}
#button4 {
	background-color: #b8892e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	padding-right:4px;
	padding-left:2px;
	padding-bottom:2px;
	background:url(images/button_maroon_bg1.gif) no-repeat;
	height:20px;
	width:130px;
	border:none;
	cursor:pointer;
	
}

.innerbg {
	background-color: #E6E298;
	background-image: url(images/inner_bg.jpg);
	background-repeat: repeat-x;
}
.heading {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #ae4141;
	text-decoration: none;
}
.arial12maroonbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ae4141;
	text-decoration: none;
	font-weight: bold;
}

.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ae4141;
	text-decoration: underline;
}

.links:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474747;
	text-decoration: none;
}

.arial11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.grayborder {
	border: 1px solid #E0E0E0;
}


.footerlinks {
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.footerlinks:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #0c0c0e;
	text-decoration: none;
	font-weight: normal;
}

#homeNav ul{ margin:2px; padding:0px; float:right;}
#homeNav li{ list-style-type:none; float:left; font-family:Tahoma; font-size:10px;  }

#homeNav a{
      float:left;
      display:block;
      background:none;
      padding:3px 8px 0px 15px;
      color:#000000; text-decoration:none;
	  background:url(images/home_icon.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	  
	  
}
#homeNav a:hover{
      float:left;
      display:block;
      padding:3px 8px 0px 15px;
	  background:url(images/home_icon_over.gif)left;
	  background-repeat:no-repeat;
      color:#000000;
	  color:#dc3632;
 	  margin-right:3px;
	  

}
#homeNav #current a {
            color:#dc3632;
			background:url(images/home_icon_over.gif) left;
	  background-repeat:no-repeat;
	  font-weight:bold;
      
}



#aboutNav ul{ margin:2px; padding:0px; float:right;}
#aboutNav li{ list-style-type:none; float:left; font-family:Tahoma; font-size:10px; }

#aboutNav a{
      float:left;
      display:block;
      background:none;
      padding:3px 8px 0px 15px;
      color:#000000; text-decoration:none;
	  background:url(images/aboutus_icon.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	 
	  
}
#aboutNav a:hover{
      float:left;
      display:block;
      padding:3px 8px 0px 15px;
	  background:url(images/aboutus_icon_over.gif)left;
	  background-repeat:no-repeat;
      color:#000000;
	  color:#dc3632;
 	  margin-right:3px;
	  

}
#aboutNav #current a {
            color:#dc3632;
			background:url(images/aboutus_icon_over.gif) left;
	  background-repeat:no-repeat;
	  font-weight:bold;
      
}



#contactNav ul{ margin:2px; padding:0px; float:right;}
#contactNav li{ list-style-type:none; float:left; font-family:Tahoma; font-size:10px; }

#contactNav a{
      float:left;
      display:block;
      background:none;
      padding:3px 8px 0px 15px;
      color:#000000; text-decoration:none;
	  background:url(images/contactus_icon.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	 
	  
}
#contactNav a:hover{
      float:left;
      display:block;
      padding:3px 8px 0px 15px;
	  background:url(images/contactus_icon_over.gif)left;
	  background-repeat:no-repeat;
      color:#000000;
	  color:#dc3632;
 	  margin-right:3px;
	  

}
#contactNav #current a {
            color:#dc3632;
			background:url(images/contactus_icon_over.gif) left;
	  background-repeat:no-repeat;
	  font-weight:bold;
      
}


#shopNav ul{ margin:2px; padding:0px; float:right;}
#shopNav li{ list-style-type:none; float:left; font-family:Tahoma; font-size:10px; }

#shopNav a{
      float:left;
      display:block;
      background:none;
      padding:3px 8px 0px 15px;
      color:#000000; text-decoration:none;
	  background:url(images/shop_icon.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	 
	  
}
#shopNav a:hover{
      float:left;
      display:block;
      padding:3px 8px 0px 15px;
	  background:url(images/shop_icon_over.gif)left;
	  background-repeat:no-repeat;
      color:#000000;
	  color:#dc3632;
 	  margin-right:3px;
	  

}
#shopNav #current a {
            color:#dc3632;
			background:url(images/shop_icon_over.gif) left;
	  background-repeat:no-repeat;
	  font-weight:bold;
      
}

#loginNav ul{ margin:2px; padding:0px; float:right;}
#loginNav li{ list-style-type:none; float:left; font-family:Tahoma; font-size:10px; }

#loginNav a{
      float:left;
      display:block;
      background:none;
      padding:3px 8px 0px 20px;
      color:#000000; text-decoration:none;
	  background:url(images/myaccount_icon.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	 
	  
}
#loginNav a:hover{
      float:left;
      display:block;
      padding:3px 8px 0px 20px;
	  background:url(images/myaccount_icon_over.gif)left;
	  background-repeat:no-repeat;
      color:#000000;
	  color:#dc3632;
 	  margin-right:3px;
	  

}
#loginNav #current a {
            color:#dc3632;
			background:url(images/myaccount_icon_over.gif) left;
	  background-repeat:no-repeat;
	  font-weight:bold;
      
}


#leftNav ul{ margin:0px; padding:0px;}
#leftNav li{ list-style-type:none; 
             font-family:tahoma;
			 font-size:12px; 
			 line-height:30px; 
			 font-weight:bold;
	         text-align:left;
			 border-bottom:#7d9c8b dotted 1px ; 
			 
}

#leftNav a{
      background:none;
      color:#6b6945; text-decoration:none;
	  background:url(images/nav_bullet.gif) no-repeat -1px 4px; 
	  padding-left:15px;
	  font-weight:none;
	  margin:0px;
	
	  
	  }
	  
#leftNav a:hover{
    	  color:#343231;
}

#leftNav #current a{
          font-weight:bold;
    	  color:#343231;
}



/*   MainNav--Starts   */

#mainNav ul{ margin:2px; padding:0px; float:right; }
#mainNav li{ list-style-type:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding-top:2px; height:18px; width:155px; border-left:1px solid #c8a35c; font-weight:bold; padding-left:10px; margin-top:10px; }

#mainNav a{
      float:left;
      display:block;
      background:none;
      color:#000000; text-decoration:none;
	  background:url(images/main_bullet.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	  }
	 

#mainNav .logomats a{
      float:left;
      display:block;
      background:none;
      padding:1px 8px 0px 15px;
      color:#f2e935; text-decoration:none;
	 background:url(images/main_bullet.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	  }
	  
	  #mainNav .entrancemats a{
      float:left;
      display:block;
      background:none;
      padding:1px 8px 0px 15px;
      color:#fecb69; text-decoration:none;
	 background:url(images/main_bullet.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	  }
	  
	  #mainNav .cocoamats a{
      float:left;
      display:block;
      background:none;
      padding:1px 8px 0px 15px;
      color:#ffcccb; text-decoration:none;
	  background:url(images/main_bullet.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	  }
	  
	  #mainNav .store a{
      float:left;
      display:block;
      background:none;
      padding:1px 8px 0px 15px;
      color:#bdfcfe; text-decoration:none;
	  background:url(images/main_bullet.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	  }
 #mainNav .tradeshow a{
      float:left;
      display:block;
      background:none;
      padding:1px 8px 0px 15px;
      color:#E6E298; text-decoration:none;
	  background:url(images/main_bullet.gif) left;
	  background-repeat:no-repeat;
	  margin-right:3px;
	  }
	  
#mainNav a:hover{
      float:left;
      display:block;
      padding:1px 8px 0px 15px;
	  background:url(images/main_bullet_over.gif) left;
	  background-repeat:no-repeat;
      color:#000000;
	  margin-right:3px;
	  

}
#mainNav #current a {
      color:#000000;
	  background:url(images/main_bullet_over.gif)left;
	  background-repeat:no-repeat;
	  font-weight:bold;
      
}


.producttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222522;
	text-decoration: none;
}

.productlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222522;
	text-decoration: none;
}
.productlinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ae4141;
	text-decoration: underline;
}
.clickhere {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ae4141;
	text-decoration: none;
	}
.clickhere:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ae4141;
	text-decoration: underline;
	}
.innerheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ED2722;
	text-decoration: none;
	font-weight: bold;
}
#logorightprint{
float:right;
margin-right:30px;
font-family: Arial, Helvetica, sans-serif;
padding-left:55px;
font-size:12px;
color:#000000;
font-weight:bold;
padding-bottom:10px;
}
.bottomaddress {
	  font-family: Tahoma;
	  font-size: 11px;	
      float:left;
      display:block;
      background:none;
	  margin-top:10px;
      color:#222522; text-decoration:none;
	  background-repeat:no-repeat;
	  }
.bottomaddress1 {
font-family: Tahoma;
font-size: 11px;	
float:middle;
display:block;
background:none;
color:#222522; text-decoration:underline;
background-repeat:no-repeat;
}
.btbg {
	background-image: url(images/bt_bg.gif);
	background-repeat: repeat-x;
	height:19px;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	cursor:pointer;
}