/*

Unless otherwise specified the main font for the entire Kirby Website is Arial, Helvetica, sans-serif

It is not necessary to put it in every id, class or anything else.  The font is set  by the body for every page.


Basic Colors For Kirby's site - Please Stick to this Pallet As Much As Possible
--------------------------------------------------------------------------------
Basic Copy is usually Black Copy

Some Mega Menu Does Have White Links.

Colors For Links, Breadcrumbs, headers and footers

Light Gray - #CCC
Medium Gray - #999
Dark Gray - #666

Dark Red - #C00

Color For Free Shipping Copy

Blue- #0071BC
	
--------------------------------------------------------------------------------
CSS style sheet goes in order from top to bottom for the main ids and classes. 

 #1 - Resets
 #2 - Basic Site Body Style
 #3 - IOS & Safari Specific Styles
 #4 - Main Header
 #5 - Body Content
 #6 - Footer


After Footer Section, are the typestyles, padding, and other special css classes and ids

 #7 - HTML Header Settings
 #8 - Body Content Fonts 
 #9 - Bullet Sections
#10 - Table Settings for ICE-O-Matic Size Chart
#11 - Floater Clears
#12 - Starts Accordion Code
#13 - Padding For Site
#14 - Miscellaneous CSS - Used For E-mails, Forms, Ads and Off Site

----------------------------------------- PLEASE NOTE --------------------------------------------------

To Change or Edit the Listing Pages or Product Details Pages please see the separate file new_list.css

--------------------------------------------------------------------------------------------------------*/

/* #1 - Resets */

*{
 margin:0;
 padding:0;

}

img{
	padding:0;
	margin:0;
}


/*--------------------------------------------------------------------------------------------------------*/


/* #2 - Basic Style for All Pages */

body {
	color: #000000;	
	margin:15px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;	
	text-decoration:none;
}

#Feb_Banner area {
outline:none;
}

/*--------------------------------------------------------------------------------------------------------*/

/* #3 - IOS & Safari Specific Styles */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */

html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}



/* iPhone-specific styles */

@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}

/* iPad-specific styles */
@media only screen and (max-device-width: 768px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}


/*--------------------------------------------------------------------------------------------------------*/
	
	
/* #4 - Main Header Section Settings */


	
#ad_space_780{ 
	
	width:780px;
	height:50px;
	padding-bottom:1px;
	padding-top:1px;
	border:#CCC solid 1px;
	border-right:none;
	border-left:none;
	
}

/*Kirby Logo, Phone Number, and Since 1970 in Main Header */	


#logo{

	width:213px;
	height:145px;
	position:relative;
	background-image:url(/Site_Graphics/Kirby_K_44.png);
	background-repeat:no-repeat;
	background-position:8px 0px;
	display:block;
	float:left;
	z-index:0;

	
}

#call{
	float:left;
	margin-left:8px;
	margin-top:50px;
	font-weight:bold;
	font-size:14pt;
	position:relative;
	z-index: 10;
}	

#company{
	
	margin-top:120px;
	position:relative;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	
}





	
	
	
/* First Menu in Main Header - Includes My Cart, Contact Us, Polices and About Us */	

ul#short_menu { 

list-style:none;
color:#000;
width:325px;  
float:right;
font-size:12px;
text-indent:0px;
margin-top:10px;

}


#short_menu li{  
    float:left;  
    display:block;  
    text-align:center;  
    position:relative;  
    padding: 4px 1px 4px 1px;  
    margin-right:2px;  
    margin-top:7px; 
	margin-left:10px; 
    border:none;  
}  

#short_menu li a{  
    color:#000;  
  
} 

#short_menu li a:hover{  
    color:#C00;  
  
}  

/* Changes The My Cart Submit Button To Text Only Link */

.text_button{
   border: none;
   background-color: transparent;
   padding: 0;
   text-decoration: underline; 
   color: #000;  
   overflow:visible; 
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   cursor: pointer;

}
.text_button:hover{  
    color:#C00;  
  
}  

/* Search menu and button in Main Header - Allows you to search by FreeFind*/

#search_for{
	float:left;
	margin-left:22px;
	margin-top:10px;
	width:237px;
	height:33px;
	background-image:url(/Site_Graphics/search_back_full.gif);
	background-repeat:no-repeat;
	padding-top:4px;

}

#search_for input[type=text]{
	margin-right:3px;
	font:Arial;
	font-size:12px;
	color:#666;
	width:220px;
	overflow:hidden;

}


/* Container for Button*/

#search_button{
	float:right;
	margin-top:10px;
	margin-left:0px;
	width:65px;
}

/* The Button*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0.42em;
	padding-left: 0.5em;	
	
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}


/* Makes Button red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* ===================================== Start of Mega Menu ==================================================*/


/* Starts the Mega Menu - Prime Divison Tabs*/


ul#main_menu {
	
	list-style:none;
	width:555px;
	height:40px;
	margin:12px auto 0px auto;  
	padding:0px 0px 0px 10px;  
	text-indent:0px;
	float:right;	
	 
}

ul#main_menu li{
 	
	margin-left:2px;
	text-indent:0; 
	margin-top:5px;
	margin-bottom:1px;
	
	
}

#main_menu li {  
    
	float:left;  
    display:block;  
    text-align:center;  
    position:relative;  
    padding: 4px 10px 4px 10px;  
    margin-right:17px;  
    margin-top:7px;  
    border:none;  
	
	
}  

#main_menu li:hover {  
    
	border: 1px solid #777777;  
    padding: 4px 9px 4px 9px;  
  
    /* Background color and gradients */  
  
    background: #FFF;  
    
  
    /* Rounded corners */  
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
  
   -moz-border-radius: 5px 5px 0px 0px;  
    border-radius: 5px 5px 0px 0px;  
	
}  


#main_menu li a{  
   
   	font-weight:bold; 
    font-size:16px;  
    color: #FFF;  
    display:block;  
    outline:none;  
    text-decoration:none;  
    text-shadow: 1px 1px 1px #000; 
	
}  


#main_menu li:hover a {  
    
	color:#b61318;  
    text-shadow: 1px 1px 1px #CCC;  
	 
}


/* Close Box Image for iPad, iPhone and iPod Touch - Closes Hover in IOS*/ 

#main_menu li.close a {
	
	position:absolute;
	width:65px;
	height:65px;
	padding:0;
	text-decoration:none;
	text-align:center;
	padding:0;
	top: -73px;
	background-color:#FFF;
	border:none;
	display:none;
	left: -385px;
	
}

#main_menu li.close a:hover {text-shadow:none;  border:none; background:#FFF;padding:0; }
#main_menu li.close:hover {text-shadow:none;  border:none; background:#FFF;padding:0; }
#main_menu li.close {text-shadow:none; padding:0;}



/* Starts the Mega Menu - Prime Divison Tab Drop Downs */


/* Drop Down Column*/ 

.dropdown_1column,  
.dropdown_2columns,  
.dropdown_3columns,  
.dropdown_4columns,  
.dropdown_5columns {  
    margin:4px auto;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 5px 10px 5px;  
    border:1px solid #777777;  
    border-top:none;  
  
    /* Gradient background */  
    background:#FFF;  
    
  
    /* Rounded Corners */  
	
	-webkit-border-radius: 5px; 
	-webkit-border-top-left-radius:0px;	
    -moz-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  
}


/* Use Different Column Classes, Depending on How May Columns you want in the drop down */  


.dropdown_1column {width: 140px;}  
.dropdown_2columns {width: 280px;}  
.dropdown_3columns {width: 420px;}  
.dropdown_4columns {width: 560px;}  
.dropdown_5columns {width: 700px;} 


/* Drop Down Menu Background (White with Rounded Corners)*/  

#main_menu li:hover .dropdown_1column,  
#main_menu li:hover .dropdown_2columns,  
#main_menu li:hover .dropdown_3columns,  
#main_menu li:hover .dropdown_4columns,  
#main_menu li:hover .dropdown_5columns {  
    left:-1px;top:auto;z-index:600;  
}


#main_menu .menu_right {  
    
	float:right;  
    margin-right:0px;  
	
}  


/*Prime Division Headers in The Drop Down Menu That Are Centered - (Kitchen Supplies)*/

#main_menu .menu_center {  
     
    margin-right:0px;  
	
}  
#main_menu li .align_center {  
    /* Rounded Corners */  
	-webkit-border-radius: 5px;
	
    -moz-border-radius: 5px 5px 5px 5px;  
      
    border-radius: 5px 5px 5px 5px;  
} 

#main_menu li:hover .align_center {  
    left:auto;  
    right:-310px;  
    top:auto;  
} 


/*Prime Division Headers in The Drop Down Menu That Are Centered - (Shop By Brands)*/

#main_menu li .align_right {  
    /* Rounded Corners */  
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius:0px;
    -moz-border-radius: 5px 0px 5px 5px;  
      
    border-radius: 5px 0px 5px 5px;  
} 

#main_menu li:hover .align_right {  
    left:auto;  
    right:-1px;  
    top:auto;  
}  

/* Items in The Drop Down Menu*/ 

.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5 {  
    display:table-cell; 
    float: left;  
    position: relative;  
	padding-right:3px;
    margin-left: 5px;  
    margin-right: 1px; 
	background-image:url(/Site_Graphics/background-vertical-line.gif);
	background-repeat:repeat-y; 
	background-position-x:100%;
	height:auto;
} 
/* Choose Different Column Class Based on Dropdown Column Size you selected -  Items in The Drop Down Menu*/ 

 
.col_1 {width:130px;}  
.col_2 {width:270px;}  
.col_3 {width:410px;}  
.col_4 {width:550px;}  
.col_5 {width:690px;}  

.col_1 ul,  
.col_2 ul,  
.col_3 ul,  
.col_4 ul,  
.col_5 ul{  

    list-style:none;
	text-indent:0px;
	
}


/*Turns off separator line in last column of Dropdown*/

.last{  
    background-image: none;
	background-repeat:no-repeat;
}


/* Items in The Drop Down Menu*/

/* Main Cat Headers and Links in The Drop Down Menu*/

#main_menu li:hover div a{ 

	font-size:13px;
 	color:#000;
 	padding-bottom:5px;
	   
} 
 
#main_menu li:hover div a:hover {
	color: #C00;
	text-shadow: none;
} 


#main_menu li ul {  
   
    list-style:none;  
    padding:0;  
    margin:0 0 5px 0;  
}  

#main_menu li ul li {  
     
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
	
    
}  

#main_menu li ul li a{  
     
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left; 
	
	
    
}  
#main_menu li ul li:hover {  

    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
	
} 


/* Secondary Cat Links in The Drop Down Menu*/

#main_menu li div .sec_cat {

	padding-top:1px;

}
#main_menu li div .sec_cat li{
	
	padding-left:3px;
	display:block;	

}	
	
#main_menu li div .sec_cat a{

	font-size:12px;
	text-decoration:underline;
	color:#666666;
	list-style-type:none;
	font-weight:normal;
	text-align:left;
	line-height:14px;
	text-shadow:none;
}	

/* ====================================== End Of Mega Menu ===============================================*/



/*--------------------------------------------------------------------------------------------------------*/


/* #5 - Body Section Settings */

#customerc{
	width:780px;
	height:85px;
	text-align: center;
	margin: 0 auto 0 auto;
	margin-bottom:10px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	text-decoration:none;
	height:100%;
}


#full_size_holder{
	width:100%;
	background-image:url(/Site_Graphics/Red_banner_repeat.gif);
	background-repeat:repeat-x;
	background-position:0 143px;
	height:100%;
	
}
#holder{
	width:780px;
	text-align: center;
	margin: 0 auto 0 auto;
	border-top-width: 1px;
	border-bottom-width: 2px;
	text-decoration:none;
	height:100%;
}

/* Breadcrumbs */

.breadcrumbs_list, .breadcrumbs_list a{
	
	margin-top:32px;
	font-size:12px;
	color:#999;
	text-decoration:none;
	text-align:left;


}

.breadcrumbs_list{
	
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#CCC solid 1.5px;

}

.breadcrumbs_list a:hover{
	
	color:#C00;
	text-decoration:underline;
	
}

/* Content Section Settings */
	

/* Homepage Company Info "42 years" Section Settings */	

#company_info{
	margin-top: 5px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:5px;
	padding-top:5px;
	display:block;
	border-top:2px solid #CCC;
	
	color:#999;
	line-height:20px;
	font-size:12px;
}

#company_info h1{ 
	
	font-weight:bold;
	font-size:20px;
	padding-top:10px;
	padding-bottom:5px;
	color:#999;
}

#company_info h2{ 

	font-size:18px;
	padding-top:10px;
	color:#999;
	font-weight:normal;
	
}


/* Sub Cat Menu on Cat FP page  */

#menu{
	float:left;
	width: 156px;
	background:#FFF;
	text-align: left;
	margin-top: 15px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	overflow:hidden;
	border-right:#CCC 1px solid;
	
}
#holder #menu *{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
}

#holder #menu h2{
	font-size: 18px;
	text-decoration: none;
	color: #000;
	font-weight:bold;
	display:block;
}	

#holder #menu h3{
	font-size: 14px;
	text-decoration: none;
	color: #C00;
	padding-top:18px;
	font-weight:bold;
	font-style:normal;
	text-align:left;
	display:block;

}	

#holder #menu a{
	
	font-size: 12px;
	text-decoration: underline;
	color: #000;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	display:block;
	

}
#holder #menu a:hover{
	
	color: #C00;
	

}


/* Content Section for Inculdes on Cat FP page  */

#content {
	
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	margin-top: 15px;
	font-size: 13px;
	text-decoration: none;
	float:left;
	overflow:hidden;
	width:575px;
}

#content h1{
	font-size: 36px;
	color:#CCC;
	font-weight:bold;
	padding-bottom:10px;
	
}



/* Content Section Homepage  */

#content_main_page{
	
	width: 760px;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 0;
	overflow:hidden;
	text-align:left;
	
	
}

/* Content Section for All other FP pages and Product Details  */

#content_full_size {
	text-align: center;
	padding-top: 2px;
	padding-left: 10px;
	margin-top: 5px;
	font-size: 13px;
	text-decoration: none;
	width:760px;
	padding-bottom:10px;
	
}

#content_full_size h1{
	font-size: 36px;
	color:#CCC;
	font-weight:bold;
	text-align:left;
	padding-bottom:10px;
	
}

#content a:hover, #content_full_size a:hover{
	color:#C00;
	
}


/* Category Boxes for All Main & Secondary Cat Pages*/

.boundry_box{
	
	padding:10px;
	padding-top:0px;
	padding-left:18px;
	width:740px;
	text-align:center;
	border-bottom:#CCC solid 2px;
	margin-bottom:20px;

}


/* The Box Image*/

.image_item{
	
	display: inline-block;
	width: 178px;
	vertical-align:top;
    float:left;
	
}

/* Box Category Name*/

.image_item .caption {

    display: block;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	

}
.image_item a:hover .caption{
	color:#C00;
	
}


/*--------------------------------------------------------------------------------------------------------*/


/* #6 -  Footer Section Settings */


#footer {
	padding: 5px 5px 5px 0px;
	margin-left: 0px;
	height:100%;
	width:780px;
	border-top:#CCC 2px solid;
}


#footer p{
	margin-top:2px;
	margin-bottom:2px;
	
}

/* Contact Info For Kirby */

#kirby_contact{
	
	float:left;
	padding-left:20px;
	padding-top:30px;
	color:#999;
	font-size:12px;
	text-align:left;
	line-height:18px;
}

#kirby_contact h2{
	
	padding-bottom:3px;
	color:#999;
	font-size:14px;
	font-weight:normal;
}

/* Site Links For Kirby */

#quick_links{
	
	float:right;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:20px;
	color:#999;
	font-size:12px;
	text-align:right;
	line-height:18px;
	width:460px;
	
}
	
	
.long_menu{ 
	list-style:none;
	color:#999;
	text-align:right;
	font-size:11px;
	text-indent:0px;
	margin-top:10px;

}


.long_menu a{  

    color:#999;  
  
}  
	
.long_menu a:hover{  

    color:#C00;  
  
}  	

/* Off Site Logos For Kirby */
	
.many_logos{ 
	
	padding-top:10px;
	padding-bottom:10px;
	border-top:#CCC solid 2px;

}
/* Floats for Off Site Logos & Kirby Building */

#newsletter{
	margin-top: 50px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:20px;
	padding-top:15px;
	display:block;
	border-top:2px solid #CCC;
	color:#999;
	line-height:20px;
	font-size:12px;
	
}

#newsletter h1{ 
	
	font-weight:bold;
	font-size:20px;
	padding-top:10px;
	padding-bottom:5px;
	color:#999;
	
}

#newletter h2{ 

	font-size:18px;
	padding-top:10px;
	color:#999;
	font-weight:normal;
	
}









.float_r{
	float:right;
	margin-right:20px;
	padding-bottom:20px;
}
	
.float_l{
	float:left;
	margin-left:20px;
}

.float_l10{
	float: left;
	margin-left: 10px;
	margin-top: 60px;
	width: 300px;
	text-decoration: none;
}

.float_l10 a{
	text-decoration:none;
}

#newsletter .float_l10 a:hover h1{ 
	color:#C00;
	text-decoration:none;


}



.float_l5{
	float:left;
	margin-left:5px;
}

#newsletter img {
	border:solid 6px #000 ;
	margin:-2px;
	
}

#newsletter a:hover img {
	margin:-2px;
	opacity: 0.6;
    filter: alpha(opacity=40);
}


.float_l30{
	float:left;
	margin-left:30px;
}


.float_r10{
	float:right;
	margin-left:10px;
}

/*------------------------------------Typestyles, Padding, and Other special css classes and ids------------------------------------*/





/* #7 - HTML Header Settings */

p{
	font-size:13px;
	margin:10px 0;
	text-decoration: none;
}

h2{
	font-size: 18px;
	text-decoration: none;
	color: #CC0000;
}	
h3{
	font: italic bold 28px Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-decoration: none;
	text-align: center;
}

.headercopy{
	color: #C00;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------*/


/* #8 - Body Content Fonts  */

.basictype {
	color: #CC0000;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
.basictypeplain {
	color: #000;
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#listcontent table tr .mediumlarge .basictype2 {
	text-decoration: underline;
}


.basictype2 {
	color: #000000;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.basictypelarge {
	color: #000000;
	font: italic bold 24px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.Extralargetype {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #006600;
}
.basictypemedium {
	color: #000000;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.basictypemedium_gray {
	color: #999999;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.itempriceslarge {
	color: #CC0000;
	font: bold 24px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.redbolditalics {
	color: #C00;
	font: bold 14px Arial, Helvetica, sans-serif;
	font-style:italic;
}


.redboldunderline {
	color: #C00;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: underline
}
.redbasicmedium {
	color: #C00;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.redbasicmediumsmall {
	color:#C00;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.itemprices {
	color: #C00;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.itemprices-18px {
	color: #C00;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.itemprices-48px {
	color: #C00;
	font: bold 48px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.itemprices-30px {
	color: #C00;
	font: bold 30px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.small {
    font-size: 9px;
	
	text-decoration: none;
}
.medium {
    font-size: 12px;
	
	text-decoration: none;
}
.mediumlarge {
    font-size: 13px;
	
	text-decoration: none;
}
.enzaptype {
	color: #0000FF;
	font: bold 30px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

#holder .smalltype font {
	font: 9pt Arial, Helvetica, sans-serif;
}

.bolditalics-14px{
	font: bold 14px Arial, Helvetica, sans-serif;
	font-style:italic;
	
}


/* Font Colors*/

/* Color For Free Shipping*/

.blue{
	color:#0071BC;
	}

/* Colors For Links, Breadcrumbs, headers and footers*/	
	
.gray_light{
	color:#CCC;
}	
	
.gray_medium{
	color:#999;
}
	
.gray_dark{
	color:#666;
}	

/* Dark Red */	

.red_dark{
	color:#C00;
}

/* Bright Red */

.red_bright{
	color:#F00;
}

/* Purple */

.purple{
	color:#88177a;
}

/* Green */

.green{
	color:#007246;
}
/*Teal */

.teal{
	color:#008ea0;
}
/*Magenta*/

.magenta{
	color:#cc007a;
}

/* Color For Free Shipping*/

.lblue{
	color:#005fa5;
	}

/*--------------------------------------------------------------------------------------------------------*/

/* #9 - Bullet Sections */

ul{
	text-indent:20px;
	list-style-type: disc;
	text-align: left;
}

ul li{
 	margin-left:25px;
	text-indent:0; 
	margin-top:5px;
	margin-bottom:1px; 
	
}

ul.header li{
	text-indent:0px;
 	margin-left:15px;
 
}
.header li{
 	margin-top:2px;
 	margin-bottom:1px;
 	margin-left:15px;
}

ul.header {
	background-color: #666;
	display: block;
	font: 20px Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight:bold;
	list-style-position: inside;
	padding-left: 0px;
	padding-top:4px;
	text-indent:10px;
	color: #CCC;
	width: 567px;
}
ul.header a{text-decoration: none; color: #CCC;}

ul.secondary {
	position:relative;
	top:0px;
	background-color: #999;
	display: block;
	font: 18px Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-align: left;
	text-indent:20px;
	font-weight:bold;
	list-style-position: inside;
	padding-left: 10px;
	padding-top:3px;
	padding-bottom:2px;
	color:#000;
}

ul.secondary a {text-decoration: none; color:#000;}

ul.disc {
	position:relative;
	top:0px;
	background-color: #CCC;
	display: block;
	font: 16px Arial, Helvetica, sans-serif;
	list-style-type: disc;
	text-align: left;
	text-indent:40px;
	font-weight:bold;
	list-style-position: inside;
	padding-left: 10px;
	padding-top:3px;
	padding-bottom:4px;
	color:#000000;

}

ul.disc a {text-decoration: underline; color:#000000;}

ul.disc li{
	text-indent:20px;
}

ul.circle {
	position:relative;
	top:0px;
	background-color:  #FFF;
	display: block;
	list-style-type: circle;
	text-align: left;
	font-size: 14px;
	text-indent:70px;
	font-weight:normal;
	list-style-position: inside;
	padding-left: 0px;
	padding-top:2px;
	padding-bottom:6px;
	color:#000000;

}
ul.circle a {text-decoration: underline; color:#666;}

ul.circle li{
	text-indent:60px;
}

ul.square{
	position:relative;	
	top:0px;	
	background-color: #C8F4A8;
	display: block;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	text-indent:90px;
	list-style-position: inside;
	font-weight:normal;
	padding-left: 0px;
	padding-top:2px;
	padding-bottom:6px;
	color:#006600;
}
ul.square a {text-decoration: underline; color:#006600;}

ul.square li{
	text-indent:80px;

}
ol{
	text-indent:55px;
	list-style-type: decimal;
	text-align: left;
}

ol li{
 	margin-left:55px;
	text-indent:0; 
	margin-top:10px;
	margin-bottom:1px; 
}

/*--------------------------------------------------------------------------------------------------------*/

/* #10 - Table Settings for ICE-O-Matic Size Chart */

.tableheader{
	font-size: 14px;
	font-weight:bold;
	color:#006600;
	border-bottom:2px;
	border-bottom-color: #999999;
	border-bottom-style:solid;
	white-space: nowrap;
	padding-top:10px;
	padding-bottom:1px;
	padding-left: 0px;
	border-spacing: 0px;
	text-transform: capitalize;
}

.tableinside{
	
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
	white-space: nowrap;
	text-indent:10px;

}

table#iceptable {
	border: solid 2px #000000;
	width: 400px;
	border-collapse: separate;
}



/*--------------------------------------------------------------------------------------------------------*/



/* #11 - Floater Clears */

.brclear { 
     clear:both; 
     height:0; 
     margin:0;
	 line-height: 0px;
}

p.clear{
 	clear:both;
 	margin:0;
 	padding:0;
 	margin-bottom:-1px;
}
.clear{
	height:1px;
 	clear:both;
 	margin-bottom:-1px;
}


/*--------------------------------------------------------------------------------------------------------*/


/* #12 - Starts Accordion Code */

#jQueryUIAccordion div div .medium tr td p a img {
	padding-bottom: 3px;
}
#jQueryUIAccordion div div .medium tr td p a {
	color: #999;
}


/* BeginOAWidget_Instance_2028523: #jQueryUIAccordion */

		
		#jQueryUIAccordion .ui-widget {
			font-family: inherit;
			padding: 20px; 
		}
		
		#jQueryUIAccordion .ui-accordion-header {
			line-height: 1em;
			letter-spacing:1px;
			color:  #666;
			text-decoration: underline;
			font-size:1em;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #cccccc;
			border-color: #d3d3d3;
			border-width: 1px;
		}
		
		#jQueryUIAccordion .ui-accordion-content {
			font-family: Arial, Helvetica, sans-serif;
			color: #333333;
			font-size:1em;
			background-color: transparent;
			border-color: #d3d3d3;
			border-width: 1px;
		}
		
		#jQueryUIAccordion .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
			color:  #666;
		}
		
		/* Active text color */
		#jQueryUIAccordion .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
			color:  #666;
		}
		
		/* Active background color */
		#jQueryUIAccordion .ui-state-active {
			background-color: #ffcc00;
		}
		
		/* text color when you hover */
		#jQueryUIAccordion .ui-state-hover a, .ui-state-hover a:hover {
			color: #ff9900;
		}
		
		/* background color when you hover */
		#jQueryUIAccordion .ui-state-hover {
			background-color: transparent;
		}
		
		/* Corner radius */
		#jQueryUIAccordion .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; }
		#jQueryUIAccordion .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; }
		#jQueryUIAccordion .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; }
		#jQueryUIAccordion .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; }
		#jQueryUIAccordion .ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; }
		#jQueryUIAccordion .ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; }
		#jQueryUIAccordion .ui-corner-right {  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; }
		#jQueryUIAccordion .ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; }
		#jQueryUIAccordion .ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; }
		
		
/* EndOAWidget_Instance_2028523 */



/*--------------------------------------------------------------------------------------------------------*/

/* #13 - Padding For Site*/


#content img, #content_full_size img {padding:5px;}

#content img.padding5, #content_full_size img.padding5{padding:5px}
#content img.padding8, #content_full_size img.padding8{padding:8px}
#content img.padding0, #content_full_size img.padding0{padding:0px}
#content img.padding10, #content_full_size img.padding10{padding:10px}
#content img.padding20, #content_full_size img.padding20{padding:20px}
#content img.padding10notop, #content_full_size img.padding10notop{padding:0px 10px 10px 10px;}
#content imgpadding5notop, #content_full_size img.padding5notop{padding:0px 5px 10px 7px;}


.paddingsides10{padding-left:10px; padding-right:10px;}
.paddingsides5{padding-left:5px;padding-right:5px;}
.paddingtop5{padding-top:5px;}
.paddingleftside15{padding-left:15px;}


.toppadding10{padding-top:10px;}
.toppadding20{padding-top:20px;}
.bottompadding10{padding-bottom:10px;}
.bottompadding5{padding-bottom:5px;}

.tbpadding{padding-bottom:5px;
padding-top:5px;}


/*--------------------------------------------------------------------------------------------------------*/

/* #14- Miscellaneous CSS - Used For E-mails, Forms, Ads and Off Site*/

/*Auction Inc Header*/


#headerauction{
	float:right;
	width:495px;
	height:56px;
	background: #006600;
	line-height: 20px;
	vertical-align: middle;
	
}

/* Coupons */

.tablecentered {
	text-align: center;
	display:block;
}

.coupon{
	display:block;
	border-style:dashed;
	border-color:#F00;
	text-align:center;
	background-color: #FF9;
	width: 361px;
}


/*CSS FOR E-mails*/

.emaillineb{border-collapse:collapse;
border-bottom: 2px solid #CCC;}

.emaillinel{border-collapse:collapse;
border-left: 1px solid #CCC;}

.emailliner{border-collapse:collapse;
border-right: 1px solid #CCC;}

.emaillinet{border-collapse:collapse;
border-top: 3px solid #CCC;}

.emailheaders{color: #006600;
	font: bold 18px Arial, Helvetica, sans-serif;
}
.emaillinetb{border-collapse:collapse;
border-top: 1px solid #000;}

.emaillinebb{border-collapse:collapse;
border-bottom: 1px solid #000;}


/*CSS FOR Cash and Carry*/

.carry_banner{
	
	width:355px;
	float:left;
	margin-left:80px;
}

.carry_copy{
	
	width:210px;
	float:left;
	margin-top:70px;
	margin-left:10px;
	text-align:left;
}

/* Makes a large Green Line */

.Line{
	border-top: solid #006600;
	border-top-width: 12px;
	padding-top: 0.3cm;
}

/* Use this for Line Spacing Around all lines */

.linespace{
	
	margin-top:2px;	
	margin-bottom:5px;
}


/*Use this to Hide Something */

.invisable {
	display: none;
}

/* Add Transparent PNG to Tell A Friend Form*/

.b_klogo_tell_form{
	display:block;
	width:177px;
	height:140px;
	background-image:url(/Site_Graphics/transparent_k_for_forms.png);
	background-repeat:no-repeat;
	position:absolute;
	top: 10px;
}

/* Form Sections - Contact US, Link to US and Tell a Friend */

#Head {
	background: #006600 center center;
	text-align: center;
	width: 310px;
	height: 56px;
	vertical-align: middle;
	margin-top: 3px;
}

#HeadEmail {
	background: #006600 center center;
	text-align: center;
	width: 410px;
	height: 56px;
	vertical-align: middle;
	margin-top: 3px;
}

.lheight18{ line-height:20px;
}


.lspace{letter-spacing: 0.0765em;}
.lspacesmall{letter-spacing: 0.0715em;}

.realp_type{font-size:18px;
font-style:italic;

}

.realp_list_type{font-size:14px;
letter-spacing:normal;

}

.realp_header_type{font-size:18px;
font-style: normal;
font-weight:bold;

}

.realp_list_header_type{font-size:18px;
letter-spacing:normal;
font-style: normal;


}

.basictypeplain20 {
	
	font: 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.basictype22 {
	color: #000000;
	font: bold 22px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.chemicalplus_image{display:block;
height:455px;
width: 133px;
margin-left:90px;
margin-top:100px;
float:left;
}

.chemicalplus_copy{
	display:block;
	margin-left:10px;
	margin-right:50px;
	float:right;
	width:450px;
	text-align:left;
	
}

.left_side{text-align:left;
width:500px;
display:block;}

.fields{
	width:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:2px 8px;
	margin-bottom:5px;
	border:3px solid #CCC;	
	color:#000;
	display:block;

}

.subject-select {
  
   	overflow: hidden;
	width: 260px;
   	padding:0px 8px;
   	background: url(/Quote_Me/red_arrow.gif) right no-repeat scroll ;
   	border:3px solid #CCC;
   	margin-left:0px;
	margin-bottom:15px;
	margin-top:10px;
	float:left;
	
  
}

select {
   border:0px;
 
    background:transparent;
    height:32px;
    width:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
    -webkit-appearance: none;
	*width:350px; *background:#58B14C;
	
}
#subject {
	color:#ACA9A9;
}