/*
Theme Name: Client
Theme URI: http://www.auto-insurance-chicago.com/
Description: Theme for Insure on the Spot
Version: 1.0
Author: Rodney Organ, Mauricio Pina
Author URI: http://www.tseg.com/
Tags: client


*/

body 
{
 /*text-align: center;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding-top: 0;
  background-image: url(images/bg.gif);
  background-repeat: repeat-x;
  background-color: #086395;
  font-family: Arial;
  font-size: 12px;
  color: #ffffff;
  _text-align: center;
}
a:link, a:visited, a:active
{	
  color: #fde68b;
   text-decoration: none;
  padding: 0;
  margin : 0;
}
a:hover
{
  color: #000000;
	text-decoration: none;
}
img
{
  border: 0;
  padding: 0;
  margin: 0;
}
p
{
  margin: 0 0 15px 0;
  line-height: 18px;
}
/*=================New Stuff==================*/
#outer-container
{
	border: 0;
	background: #ffffff;
	margin: auto;
	width: 950px;
	_text-align: left;
}
#main-box
{
  background-image: url(images/mainboxbg.gif);
  background-color: #086395;
  vertical-align: top;
  background-position: top center;
  background-repeat: repeat-y;
  margin: 0 auto;
  width: 950px;
  vertical-align: top;
  _text-align: left;
}
.content-base 
{ 
  width: 681px;
  float: left;
  margin: 0;
  
}
.right-base 
{ 
  width: 269px; 
  float: right;
  margin: 0;
}


#maingraphic
{
  background-image: url(images/maingraphic.jpg);
  background-position: top center;
  display: block; 
  width: 950px;
  height: 372px;
  margin: auto;
}
#side-menu-top
{
	background-image: url(images/side-top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 269px;
	height: 50px;
}
#side-menu-bottom
{
	background-image: url(images/side-bottom.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 269px;
	height: 16px;
}
#side-menu-middle
{
	color: #000;
	background-image: url(images/sidebg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	width: 269px;
}
#side-menu-middle a:link
{
  color: #000000;
  text-decoration: underline;
}
#side-menu-middle a:visited
{
  color: #000000;
  text-decoration: underline;  
}
#side-menu-middle a:active
{
  color: #000000;
  text-decoration: underline;  
}
#side-menu-middle a:hover
{
  color: #086395;
  text-decoration: none;  
}
#middle
{
	background-color: #ffffff;
}
#middle #middle-content
{
	margin: 0 auto;
	width: 950px;
	vertical-align: top;
	_text-align: left;
}
#bottom-quote
{  
   background-image: url(images/bottom-quote.jpg);
   width: 651px;
   height: 299px;
   margin: 0;
   
}
#bottom
{
  clear: both;
  width: 100%;
  background-position: top center;
  background-color: #ffffff;
}
#bottom .text
{
  font-size: 13px;
  color: #000000;
  text-align: left;
  padding: 9px 0px 5px 0px;
  text-align: center;
}
#bottom .text a 
{ 
  color: #000000;
}
h1
{
  font-size: 20px;
  margin: 0 0 8px 0;
  color: #fff9b9;
  font-weight: normal;
}
h2
{
  font-size: 17px;
  color: #fff9b9;
  margin: 0 0 4px 0;
}
h3
{
  font-size: 14px;z
  color: #fffedb;
  padding: 0;
  margin: 0 0 3px 0;
  font-family: Garamond, Times New Roman, Serif;
}
h4
{
	margin: 0;
	padding: 0;
}
.generic-container
{
  background-image: url(images/mainbg.gif);
  background-repeat: no-repeat;
  margin: 0;
  padding: 15px 22px 30px 22px;  
  _padding: 15px 10px 30px 0px;
}

.right-content
{ 
 padding-left: 5px;
 padding-top: 75px;
}
 
.little-list
{
  list-style: none;
  margin: 5px 0 18px 2px;
  padding: 0;
}
.little-list li
{
  background:url(images/listarrow.gif) no-repeat left top;
  margin-top: 10px;
  padding: 0px 0px 0px 15px;
  margin-bottom: 5px;
}
.little-list-alt
{
  list-style: none;
  margin: 5px 0 18px 2px;
  padding: 0;
}
.little-list-alt li
{
  background:url(images/listarrow2.gif) no-repeat left top;
  margin-top: 10px;
  padding: 0px 0px 0px 15px;
  margin-bottom: 5px;
}

#props
{
  font-family: Arial, Helvetica;
  font-size: 9px;
  text-align: center;
  font: #000000;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  margin-bottom: auto;
  width: 100%;
  text-align: center;
}
.textbox
{
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #404040;
  border: solid 1px #000000;
}
.form-labels
{
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
}
.form-text
{
  font-family: Arial, Helvetica;
  font-size: 12px;
}
.smallform-text
{
  font-family: Arial, Helvetica;
  font-size: 9px;
}
.simpleform-container
{
  padding: 20px 15px 0px 0px;
  height: 103px;
  width: 480px;
  
}
.simpleform-right
{
  float: right;
  width: 174px;
}
.simpleform-left
{
float: left;
width: 163px;
height: 105px;
}
.simpleform-labels
{
  display: block;
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-align: right;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-top: 4px;
  float: left;
  white-space: nowrap;
}
.simpleform-text
{
  display: block;
  font-family: Arial, Helvetica;
  font-size: 12px;
  color: #000000;
  text-align: left;
  padding-bottom: 2px;
  padding-top: 2px;
  width: auto;
  float: left;
  white-space: nowrap;
}
.thank-container
{
 font-weight: bold; 
 color: Black; 
 width: 341px;
 padding-top: 10px;
 }
.error-val-text
{
  font-family: Verdana, Tahoma, Arial;
  font-size: 10px;
  color: #880000;
}
.watermarked 
{
  font-family: Arial, Helvetica;
  font-size: 12px;
	height: 16px;
	width: 195px;
	padding: 1px 0 0px 2px;
	border: 1px solid #bebebe;
	background-color:#f0f8ff;
	color:gray;
}
.watermarked-large
{
  font-family: Arial, Helvetica;
  font-size: 12px;
	height:75px;
	width:195px;
	padding:1px 0 1px 2px;
	border:1px solid #bebebe;
	background-color:#f0f8ff;
	color:gray;
}
.right-float-image
{
  float: right;
  margin: 0 5px 5px 10px;
  /*border: solid 1px #000000;*/
}
.left-float-image
{
  float: left;
  margin: 0 10px 5px 5px;
  /*border: solid 1px #000000;*/
}
.right-container
{
  margin: 0;
  padding: 0 10px 10px 15px;
}
.column-container
{
  margin: 0;
  padding: 7px 50px 7px 20px;
}
.attention
{
  margin: 0 0 10px 0;
  padding: 0;
  width: 200px;
  background-color: #ededed;
  border: solid 1px #c0c0c0;
  font-size: 11px;
}
.attention-container
{
  padding: 10px;
}






.MyCalendar .ajax__calendar_today {
    color: #701e19;
}
.MyCalendar .ajax__calendar_container {
    border: 1px solid #701e19;
    background-color: #ffffff;
    color: #000000;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day {
  color: #909090;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}















/* Start of Post/Wordpress stuff */
.post
{
  margin: 0 0 40px 0;
}
.post h2 a 
{
  border-bottom: 1px dashed;
  text-decoration: none;
}
.post h2 a:hover 
{
  border-bottom: 1px solid #ffffff;
  text-decoration: none;
}
.info 
{
  margin-bottom: 10px;
}
.info span 
{
  margin-right: 1.5em;
  font-size: 12px;
  padding-left: 20px;
  margin-bottom: 0.5em;
}
.info .date 
{
  background: transparent url(images/time.gif) no-repeat 0 -1px;
}
.info .author 
{
  background: transparent url(images/user.gif) no-repeat 0 -1px;
}
.info .comment 
{
  background: transparent url(images/comment.gif) no-repeat 0 -1px;
}
.info .cat 
{
  background: transparent url(images/cat.gif) no-repeat 0 1px;
  display: block;
}
.info .tag 
{
  background: transparent url(images/tag.gif) no-repeat 0 0;
  display: block;
}
.info .edit 
{
  background: transparent url(images/edit.gif) no-repeat 0 0;
}
.entry
{
  line-height: 18px;
}
.entry ul
{
  list-style: none;
  margin: 10px 0 15px 5px;
  padding: 0;
}
.entry ul li
{
  background:url(images/listarrow.gif) no-repeat 0 3px;
  margin: 0;
  padding: 0px 0px 0px 15px;
  margin-bottom: 5px;
}
.navigation 
{
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
}
.alignleft
{
  float: left;
}
.alignright
{
  float: right;
}
/* End of Post/Wordpress Stuff */
.side-list
{
  list-style: none;
  margin: 5px 0 15px 5px;
  padding: 0;
}
.side-list li
{
  background:url(images/listarrow2.gif) no-repeat left top;
  margin: 0;
  padding: 0px 0px 0px 15px;
  margin-bottom: 5px;
}
blockquote
{
	background-color: #f4f4f4;
	border: solid 1px #c5c5c5;
	padding: 15px;
}
.breadcrumbs
{
	font-size: 11px;
	padding: 5px;
	/*background-color: #f5f5f5;
	border: solid 1px #e4e4e4;
	margin: 0 0 5px 0;
	width: 648px;*/
}


ul#menu 
{ 
  display: block;
  margin: 0; 
  padding: 0; 
  width: 950px;
	height: 43px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(images/nav.jpg);
	background-position: top left;
	background-repeat: no-repeat;
    
}
ul#menu li ul 
{ 
  position: absolute; 
  display: block; 
  visibility: hidden; 
  width: 18em; 
  margin: 0 0 0 10px; 
  padding: 0; 
  /*border-bottom: .1em solid #39322b; */
  z-index: 99;
}
ul#menu li ul.scroll 
{ 
  max-height: 30em; 
  _height: 30em; 
  overflow-y: auto; 
  overflow-x: hidden; 
}
/* star HTML filter fixes mysteriously appearing margin bug in all versions/platforms of IE */ 
* html ul#menu li ul li 
{ 
  display: inline; 
} /* end filter */
ul#menu li ul li ul 
{ 
  position: absolute; 
  top: auto; 
  left: auto; 
  margin: -2.2em 0 0 17.9em; 
  padding: 0;
}
ul#menu li ul li ul.sublist 
{ 
  position: relative; 
  margin: -1.2em 0 0 0; 
  padding: 0; 
  border-bottom: 0;
}
/* Items */
ul#menu li 
{ 
  list-style: none;  
  height: auto; 
  display: inline; 
  /*float: none; */
  float: left;
  margin: 0; 
  position:relative; 
}
/*property + whitespace + empty comment filter positions top-level navigation in single row for IE 5.0 */ 
ul#menu li 
{ 
  display /**/: block; 
  float /**/: left;
} 
/* end filter */ 
ul#menu li ul li 
{ 
  display: block; 
  float: none;
}
/* Links */
ul#menu li a 
{ 
  display: block; 
  float: left; 
  /*background-color: #98BFEB; */
  background-color: #f0eedf;
  color: #39322b; 
  text-decoration: none; 
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  color: #7c775b;
}
/* commented backslash filter positions top-level navigation in single row for Mac IE \*/ 
ul#menu li a 
{ 
  float: none; 
} 
/* end filter */
ul#menu li a:hover, ul#menu li a:focus 
{ 
  background-color: #04173f; 
  color: #ffffff;
}
ul#menu li ul li a 
{ 
  /*line-height: 1.2em; */
  margin: 0; 
  /*border-top: .1em solid #4070AC; 
  border-left: .1em solid #4070AC; 
  border-right: .1em solid #4070AC;*/
  /*border-top: .1em solid #39322b; 
  border-left: .1em solid #39322b; 
  border-right: .1em solid #39322b;*/
  padding: 5px 5px 5px 20px;
  /*padding: .5em .5em .5em 1em; */
  text-indent: -.5em; 
}
ul#menu li ul li ul.sublist li a 
{ 
  padding-left: 3em; 
  border-top: 0;
}
ul#menu li li a.menuIndicator 
{ 
  background-image: url(/Includes/Templates/Active/images/bg-bullet4.gif); 
  background-position: 16.8em center; 
  background-repeat: no-repeat; 
  padding-right: 20px;
}
ul#menu li li a.menuIndicator:hover 
{ 
  background-image:url(/Includes/Templates/Active/images/bg-bullet4-o.gif);
}











/*SPRITE BACKGROUP POSITIONING*/	
#menu a.home, #menu a.freequote, #menu a.sr22filing, #menu a.customercare, #menu a.aboutus, #menu a.locations, #menu a.faqs, #menu a.contact
{
	/*float: left;*/
	background: url(images/nav.jpg) no-repeat;
	height: 43px;
	text-indent: -999999px;
}
#menu a.home {	
	background-position: left 0;
	width: 108px;
}
#menu a.freequote {	
	background-position: -119px 0;
	width: 119px;
}			
#menu a.sr22filing {	
	background-position: -236px 0;
	width: 121px;
}	
#menu a.customercare {	
	background-position: -350px 0;
	width: 144px;
}
#menu a.aboutus {	
	background-position: -487px 0;
	width: 102px;
}
#menu a.locations {	
	background-position: -594px 0;
	width: 135px;
}
#menu a.faqs {	
	background-position: -730px 0;
	width: 76px;
}
#menu a.contact {	
	background-position: -805px 0;
	width: 145px;
}
		
#menu a.home:hover {	
	background-position: 0px -43px;
	}
#menu a.freequote:hover {	
	background-position: -119px -43px;
	}
#menu a.sr22filing:hover {	
	background-position: -236px -43px;
	}
#menu a.customercare:hover{	
  background-position: -350px -43px;
  }
#menu a.aboutus:hover{	
  background-position: -487px -43px;
  }
  #menu a.locations:hover{	
  background-position: -594px -43px;
  }
#menu a.faqs:hover{	
  background-position: -730px -43px;
  }
#menu a.contact:hover{	
  background-position: -805px -43px;
  }

/*END NAVIGATION*/