@CHARSET "ISO-8859-1";

body {
	background:#FFFFFF;
	text-align:center;
	font-family:arial,sans-serif;
}

#container {
	width:695px;
	margin:0 auto;
}

/************************************************/
/******************** header ********************/
/************************************************/
#header {
	width:695px;
	height:80px;
	text-align:left;
	float:left;
}

#header h1 {
	width:175px;
	height:80px;
	float:left;
	text-indent:-10000px;
	cursor:pointer;
	display:inline;
}

#header ul {
	width:125px;
	height:80px;
	float:right;
}

#header ul li {
	list-style:none;
}

#header ul li {
	clear:both;
}

#header ul li a:link,
#header ul li a:visited,
#header ul li a:hover,
#header ul li a:active {
	font-size:10px;
	font-weight:bold;
	padding-left:12px;
	text-decoration:none;
	color:#ababab;
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/header-bullet.gif) left center no-repeat;
	line-height:18px;
}

#header ul li a:hover {
	text-decoration:underline;
}

/*************************************************/
/******************** content ********************/
/*************************************************/
#content {
	width:695px;
	height:493px;
	margin-top:25px;
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/body-background3-with-blue-wagon_03.jpg) top left no-repeat;
	float:left;
}
	
#quote {
	/*
	this pushed picture down with exact width
	width:456px;
	*/
	width:650px;
	height:266px;
	float:left;
	margin-bottom:8px;
}

#quote h2,
#quote p,
#quote h3 {
	text-indent:-10000px;
}

#quoteForm {
	width:600px;
	height:90px;
	top:95px;
	left:0;
	margin:0 auto;
	position:relative;
}

#zipEdit {
	top:5px;
	left:34px;
	width:135px;
	text-align:center;
	position:absolute;
	margin:0;
	clear:both;
}

#quoteSubmit {
	top:32px;
	left:36px;
	width:136px;
	text-align:center;
	position:absolute;
	margin:0;
	clear:both;
}

#retrieveQuote,
#retreiveQuote link,
#retreiveQuote visited,
#retreiveQuote hover,
#retreiveQuote active {
	font-size:11px;
	line-height:12px; 
	font-weight:bold;
	color:#385547;
	top:75px;
	left:40px;
	position:absolute;
	margin:0;
	clear:both;
}

#phoneNum {
	color:#385547;
	font-size:11px; 
	line-height:12px; 
	top:75px;
	left:270px;
	position:absolute;
	margin:0;
	clear:both;
}

#findAgent,
#findAgent link,
#findAgent visited,
#findAgent hover,
#findAgent active {
	font-size:14px;
	line-height:13px; 
	font-weight:bold;
	color:#385547;
	top:102px;
	left:150px;
	position:absolute;
	margin:0;
	clear:both;
}

#picture {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/blue-wagon.gif) top left no-repeat;
	width:231px;
	height:342px;
	margin:2px 2px;
	float:right;
}

/**************************************************/
/******************** features ********************/
/**************************************************/
#features {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/features-background.gif) top left no-repeat;
	width:691px;
	height:130px;
	display:block;
	float:left;
	overflow:hidden;
	margin-top:5px;
	padding:2px;
}

#features .draws {
	width:691px; 
	height:130px;
	overflow:hidden; 
	cursor:pointer; 
	float:left;
}

/**********************************/
/********** normal draws **********/
/**********************************/
#features div div.afg {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/afg.jpg) -153px 0 no-repeat; 
	width:231px;
	height:130px;
	float:left;
}

#features div div.ncr {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/ncr.jpg) -154px 0 no-repeat; 
	width:232px;
	height:130px;
	float:left;
}

#features div div.emd {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/emd.jpg) -150px 0 no-repeat; 
	width:228px;
	height:130px;
	float:left;
}

#features div.draws p {
	width:150px;
	font-size:13px;
	line-height:18px; 
	color:#385547; 
	float:left;
	text-align:left;
	padding-top:85px;
	padding-left:15px;
}

#features div.draws p a:link,
#features div.draws p a:visited, 
#features div.draws p a:hover, 
#features div.draws p:active {
	color: #385547; 
}

#features div.draws img {
	width:35px; 
	height:35px;
	float:right;
	margin-top:90px;
	margin-right:5px;
}

/******************************************************************/
/******************** afg opened, other closed ********************/
/******************************************************************/
#features div.afg_opened div.afg {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/afg.jpg) -384px 0 no-repeat;
	width:387px; 
	height:130px;
	cursor:pointer; 
}

#features div.afg_opened div.ncr {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/ncr.jpg) 0 0 no-repeat;
	width:154px; 
	height:130px;
	cursor:pointer; 
}

#features div.afg_opened div.emd {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/emd.jpg) 0 0 no-repeat;
	width:150px; 
	height:130px;
	cursor:pointer; 
}

#features div.afg_opened p {
	width:320px;
	font-size:11px;
	line-height:14.5px; 
	color:#385547;  
	float:left;
	text-align:left;
	padding-top:50px;
	padding-left:10px;
}

/******************************************************************/
/******************** ncr opened, other closed ********************/
/******************************************************************/
#features div.ncr_opened div.afg {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/afg.jpg) 0 0 no-repeat;
	width:153px; 
	height:130px;
	cursor:pointer; 
}

#features div.ncr_opened div.ncr {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/ncr.jpg) -386px 0 no-repeat;
	width:388px; 
	height:130px;
	cursor:pointer; 
}

#features div.ncr_opened div.emd {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/emd.jpg) 0 0 no-repeat;
	width:150px; 
	height:130px;
	cursor:pointer; 
}

#features div.ncr_opened p {
	width:321px;
	font-size:11px;
	line-height:14.5px; 
	color:#385547;
	float:left;
	text-align:left;
	padding-top:50px;
	padding-left:10px;
}

/******************************************************************/
/******************** emd opened, other closed ********************/
/******************************************************************/
#features div.emd_opened div.afg {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/afg.jpg) 0 0 no-repeat;
	width:153px; 
	height:130px;
	cursor:pointer; 
}

#features div.emd_opened div.ncr {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/ncr.jpg) 0 0 no-repeat;
	width:154px; 
	height:130px;
	cursor:pointer; 
}

#features div.emd_opened div.emd {
	background:transparent url(http://www.libertymutualmedia.com/liberty-mutual-quote/img/emd.jpg) -378px 0 no-repeat;
	width:384px; 
	height:130px;
	cursor:pointer; 
}

#features div.emd_opened p {
	width:320px;
	font-size:11px;
	line-height:14.5px; 
	color:#385547;  
	float:left;
	text-align:left;
	padding-top:50px;
	padding-left:10px;
}

/************************************************/
/******************** footer ********************/
/************************************************/
#footer {
	height:42px;
	color:#5C5C5C;
	font-size:10px;
	line-height:14px;
	text-align:left;
	background-color:#D2D2D2;
	padding-top:10px;
	padding-right:10px;
	padding-left:15px;
	margin-top:10px;
	float:left;
}

#footer img {
	float:right;
	margin-left:10px;
	display:block;
}

#footer a:link, 
#footer a:visited, 
#footer a:hover, 
#footer a:active {
	color: #5C5C5C; 
	font-weight:normal;
	line-height:14px;
}

#footer span.copyright {
	color:#5C5C5C;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	float:left;
}

/****************************************************/
/******************** disclaimer ********************/
/****************************************************/
#disclaimer {
	width:100%;
	font-size:10px;
	line-height:16px;
	color:#5C5C5C;
	text-align:left;
	padding:10px 0 7px;
	margin-bottom:30px;
	float:left;
}

#disclaimer ol li {
	padding:0 0 0 8px;
}

#disclaimer sup {
	font-size:8px;
	vertical-align:top;
}
