/***** COLORS ******
e83e32 red

/*******************/

 /*get rid of browser stylistic issues*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
em {font-style: italic;}
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
strong {font-weight: bold;}
ol, ul {list-style: none; padding: 0; margin: 0}


/*******************************************************\
	Now re-enable the styles for the FCK editor pane
\*******************************************************/
.fck_editor_editing_area_body ul
{
	list-style: 		disc;
	margin-right:		10px;
	margin-top:			10px;
	margin-left:		20px;
	padding:			0px;
}

.fck_editor_editing_area_body ol
{
	list-style: 		decimal;
	margin-right:		10px;
	margin-top:			10px;
	margin-left:		30px;
	padding:			0px;
}

.fck_editor_editing_area_body strong
{
	font-weight: 		bolder;
}

.fck_editor_editing_area_body em
{
	font-style:			italic;
}

/* The next one is optional: In case the client wants a 'single' line instead of 'double'
	when they hit enter in the FCK editor */
.fck_editor_editing_area_body p
{
	margin:			0px;
	padding:			0px;
}
/****************************************************\
				end FCK editor style fix
\****************************************************/


/* FONTS */

 /* Default for standard tags */
body 
{
	/* Applies to editor */
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	background-color: #ffffff;
}

body#publicBody 
{
	/* Only applies to public site */
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	background-color: #000;
	padding: 0px;
	margin: 0px;
}

body#publicBody table
{
	/* applies to module tables on public site....keep the same as 'body#publicBody' above but background may need to change*/
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
	background-color: #fff;
}


h1
/* used for section title */
{	
	font: 18px/22px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
}

h2
/* used for title */
{
	font: 16px/16px arial, verdana, helvetica, geneva, sans-serif;	
	color: #e83e32;
}

h3
/* used for subtitle */
{
	font: 14px/22px arial, verdana, helvetica, geneva, sans-serif;	
	color: #e83e32;
}

h4
/* alternate color */
{
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #e83e32;
}

/*h5
{
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;
	color: #424242;
}
*/


.highlight
{
	font: 12px/16px arial, verdana, helvetica, geneva, sans-serif;	
	color: #e83e32;
}

.header
{
	font: 14px/20px arial, verdana, helvetica, geneva, sans-serif;	
	color: #e83e32;
}


/***** LIST STYLES *****/

/* ALL LIST STYLING HAS BEEN SHUT OFF BY DEFAULT.....THE FOLLOWING SETS LISTS TO HAVE BULLETS ETC ONLY FOR THE CONTENT AREA.
RENAME THE ID BELOW TO WHATEVER SURROUNDS YOUR MAIN CONTENT AREA.....*/

#main_content ul, #main_content ol
{
	list-style: disc;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0;
}


/***** TESTIMONIALS STUFF *****/

.chameleon_testimonials table tr td
{
padding-bottom: 10px;
}

#testimonialBlock
{
border: 0px solid #000;
width: 160px;
padding-left: 40px;
margin-top: 0px;
margin-bottom: 20px;
}

#testimonialBlock ul
{
list-style: none;
margin: 0;
padding: 0;
}

#testimonialBlock ul li
{
margin-top: 10px;
margin-bottom: 10px;
}

/*UNCOMMENT TO CHANGE STYLE OF TESTIMONIAL QUOTE....
#testimonialBlock blockquote
{
font-weight: bold;
color: #bb1902;
margin-bottom: 5px;
}
*/

/***** NEWS STUFF *****/
.chameleon_daily_news table tr td
{
padding-bottom: 10px;
}

#newsBlock
{
margin-bottom: 10px;
}

/**** EVIL AUTO TABLE STYLES. CHANGE TO MATCH CONTENT SPACE AVAILABLE!!!!!! ***/
#autoTable
{
width: 650px;
}

.autoFormInputs #autoTable
{
width: 450px;
}


/**** AUTO FORM STYLES ***/
.autoForm
{
margin-top: 10px;
}

.autoForm div
{
border: 0px solid #000000;
margin-bottom: 5px;
}

.autoForm label
{
border-top:0px dotted gray;
text-align:left;
padding-right:10px;
float:left;
width:150px;
display:block;
clear:both;
margin-bottom:7px;
}

.autoForm label 
{

}


/**** LOGIN FORM *****/
#login_form .autoFormText
{
padding-bottom: 5px;
}

#login_form label
{
padding-top: 5px;
padding-right: 5px;
}



/* LoVe HAte anchors */
a {color: #e83e32}
a:link {color: #e83e32 }
a:visited {color: #424242 }
a:hover {color: #e83e32 }
a:active {color: #e83e32 }

@media print {
	/* Fancy printed anchors */
	#clientContent a[href]:after {
		content: " (" attr(href) ") ";
	}
	/*
	#clientContent a[href^="/"]:after {
		content: " (http://jeffreysambells.com" attr(href) ") ";
	}
	*/
}

#website_by, #website_by a, #website_by a:hover 
{
	font: 12px arial, verdana, helvetica, geneva, sans-serif;
	line-height: 18px;
	color: #fff;
}



/*  MENU STUFF  */

/***FIRST LEVEL....***/
#navPublic *
{
display: inline;
border: 0px solid #000000;
}

#navPublic
{
text-align: center;
vertical-align: middle;
height: 28px;
line-height: 28px;
background-image: url(i/menu_btn_1px.gif);
background-repeat: repeat-x;
}


#navPublic ul li a
{
text-align: center;
vertical-align: middle;
font: bold 14px/18px arial, verdana, helvetica, geneva, sans-serif;
color: #424242;
text-decoration: none;
letter-spacing: -1px;

/*background-image: url(i/menu_btn_divider_2.gif);
background-repeat: no-repeat;
background-position: 0% 100%;*/
padding-left: 15px;
padding-right: 15px;
border: 0px solid #000000;
}


#navPublic ul li.active a, #navPublic ul li a:hover
{
color: #e83e32;

}

#menu_right_endcap
{
float: left;
height: 28px;
width: 20px;
background-image: url(i/menu_btn_end_2.gif);
background-repeat: repeat-x;
}



/*** SECOND LEVEL OF ALL LEVEL NAV ***/

#navPublic ul li ul li
{
border: 0px solid #000000;
background-image: none;
}

#navPublic ul li.active ul li a
{
font: 14px/51px arial, verdana, helvetica, geneva, sans-serif;
color: #245091;
text-decoration: none;
padding-left: 30px;
padding-right: 5px;
border: 0px solid #000000;
}

#navPublic ul li ul li.active a, #navPublic ul li ul li a:hover
{
color: #ffffff;
}


/***SEPARATE SECOND LEVEL....and admin***/

#nav2
{
padding-bottom: 20px;
}

#nav2 ul li a, #navAdmin  ul li a
{
text-align: left;
vertical-align: middle;
font: 12px/32px arial, verdana, helvetica, geneva, sans-serif;
color: #424242;
text-decoration: none;
border: 0px solid #ffffff;
width: 195px;
height: 44px;
background-image: url(i/webco_nav.jpg);
background-repeat: no-repeat;
padding-left: 40px;
display: block;

}


#nav2 ul li.active a, #nav2 ul li a:hover, #navAdmin ul li.active a, #navAdmin ul li a:hover
{
color: #e83e32;
}


/*** THIRD LEVEL (when 2nd level is seperate from the 1st)....***/

#nav2 ul li.active li a, #navAdmin ul li.active li a
{
text-align: left;
vertical-align: middle;
font: 11px/32px arial, verdana, helvetica, geneva, sans-serif;
color: #424242;
text-decoration: none;
border: 0px solid #ffffff;
padding-left: 60px;
width: 195px;
height: 44px;
background-image: url(i/webco_nav_small.jpg);
background-repeat: no-repeat;
display: block;

}

#nav2 .level1 li.active a, #nav2 .level1 li a:hover, #navAdmin .level1 li.active a, #navAdmin .level1 li a:hover
{
color: #e83e32;

}

/**** FLOATING NAV ****/
#footerNav *
{
display: inline;
border: 0px solid #000000;
}

#footerNav ul li a
{
font: 11px arial, verdana, helvetica, geneva, sans-serif;
color: #424242;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}



/**** MAIN LAYOUT ****/

#container
{
padding-top: 20px;
text-align: center;
margin: 0 auto;
}


	#container_2
	{
	border: 0px solid #000000;
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;	
	}
		
		
		#header
		{
		border: 0px solid #000000;
		position: relative;
		width: 1000px;
		height: 234px;
		background-image: url(i/webco_01.jpg);
		background-repeat: no-repeat;	
		display: block;
		}

		#header_with_nav
		{
		border: 0px solid #000000;
		position: relative;
		width: 1000px;
		height: 234px;
		background-image: url(i/webco_01_with_nav.jpg);
		background-repeat: no-repeat;	
		display: block;
		}			
					
		#banner_image
		{
		position: absolute;
		border: 0px solid #000000;
		width: 630px;
		height: 106px;
		top: 52px;
		left: 310px;
		}
		
			#title_cell
			{
			border: 0px solid #000000;
			position: relative;
			top: 180px;
			left: 60px;
			width: 800px;		
			display: block;
			}		
			
			#title_cell_with_nav
			{
			border: 0px solid #000000;
			position: relative;
			top: 180px;
			left: 248px;
			width: 600px;		
			display: block;
			}	
				
				#title_cell_padding
				{
				text-align: left;
				border: 0px solid #000000;
				padding-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;				
				}			
				
				
		#menu_container
		{
		text-align: center;
		border: 0px solid #000000;
		position: relative;
		top: 165px;
		width: 1000px;
		height: 30px;		
		display: block;
		}
			
			
		#content_container_with_nav
		{
		border: 0px solid #000000;
		width: 1000px;		
		min-height: 200px;
		background-image: url(i/webco_02_with_nav_repeating.jpg); 
		background-repeat: repeat-y; 
		padding-top: 0px;
		}
			
		#content_container
		{
		border: 0px solid #000000;
		width: 1000px;		
		min-height: 200px;
		background-image: url(i/webco_02_repeating.jpg); 
		background-repeat: repeat-y; 
		padding-top: 0px;
		}
		
			#left_column
			{
			border: 0px solid #000000;
			text-align: left;
			margin-left: 11px;
			float: left;
			width: 235px;	
			display: block;
			/*background-image: url(i/menu_divider_repeating.jpg); 
			background-repeat: repeat-y; */
			}
			
				#left_column_padding
				{
				text-align: left;
				border: 0px solid #000000;
				padding-left: 10px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;				
				}								
				
				
			#main_content
			{
			border: 0px solid #000000;
			position: relative;
			margin-left: 52px;
			float: left;
			width: 893px;			
			}
			
			#main_content_with_nav
			{
			border: 0px solid #000000;			
			position: relative;
			float: left;
			width: 700px;
			}
			
				#main_content_padding
				{
				padding-left: 20px;
				padding-top: 0px;
				padding-right: 20px;
				padding-bottom: 10px;
				}			
				
				
		#footer
		{
		border: 0px solid #000000;
		text-align: center;
		height: 218px;
		width: 1000px;
		background-image: url(i/webco_03.jpg); 
		background-repeat: no-repeat; 		
		}
		
		#footer_with_nav
		{
		border: 0px solid #000000;
		text-align: center;
		height: 218px;
		width: 1000px;
		background-image: url(i/webco_03_with_nav.jpg); 
		background-repeat: no-repeat; 		
		}
		
			#footer_nav_container
			{			
			border: 0px solid #000000;
			position: relative;
			text-align: center;
			top: 130px;
			}	
		
		
		#footer table
		{
		margin: 0 auto;
		}

				
/* Module and page specific items */

#image_cycler_container
{
width: 100%;
padding-left: 0px;
padding-top: 1px;
border: 0px solid #000000;
}

#image_cycler_container_2
{
position: relative;
height: 270px;
width: 441px;
height: 225px;
width: 300px;
background-image: url(i/image_cycler_bg.jpg);
background-repeat: no-repeat;
}

#image_cycler
{
text-align: center;
margin: 0 auto;
position: relative;
top: 14px;
left: -1px;

}


.catalogue_advanced_ups_and_taxes #autoTable table
{
	width: 100%;
	margin: 10px;
}