/*	RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }
/* tables still need 'cellspacing="0"' in the markup */
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; }
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
abbr,acronym { border:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before,q:after { content: ''; content: none; }

/* -------------------------------------------------------------- 
   Blueprint typography.css
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #F2F2F2;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 1em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #7E89A0; text-decoration: underline;}
a           { color: #59606F; text-decoration: underline;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
th,td,caption { padding: 0 10px 0 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/*	FORMS
-------------------------------------------------------------- */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

#ie6Warning { margin: 0; }

/* ----------- MESSAGES ------------ */
.error, .notice, .success { 
	padding:.8em; margin-bottom:1em; border:2px solid #ddd; 
}
.error 		{ background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice 	{ background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success 	{ background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a 	{ color:#8a1f11; }
.notice a 	{ color:#514721; }
.success a 	{ color:#264409; }

.goodAlert {color:#008000; font-weight:bold;}

.wrap {
	width: 800px;
	margin: 0 auto;
}
.backLink {
	float: left; clear: left;
	width: 800px;
}

/*	MAIN BLOCKS
-------------------------------------------------------------- */
#header {
	background: #BFC5D2 url(/assets/images/burst.jpg) no-repeat center top;
	text-align: center;
	padding: 50px 0 30px 0;
	border-bottom: 1px solid #AFB5C1;
}
#content {
	background: transparent url(/assets/images/shadow.jpg) no-repeat center top;
	padding: 40px 0;
	display: block;
}
	
/*	HEADINGS
-------------------------------------------------------------- */
h1 { height: 53px; width: 800px; }
h1 a {
	background: transparent url(/assets/images/compare-moving-trucks.png) no-repeat center top;
	height: 53px; width: 800px;
	display: block;
}
.slogan {
	background: transparent url(/assets/images/get-prices.png) no-repeat center top;
	height: 100px;
}
	.vendorHeading {
		font-size:1.5em;
		text-align: center;
		margin: 20px 0 0 0;
		float: left; clear: left;
		width: 800px;
	}
#faq p {
	font-size:1.5em;
	text-align: center;
	margin: 20px 0 12px 0;
	float: left; clear: left; width: 800px;
}
/* Make headings prettier for mac */
h3.pageHeading {
	text-align: center;
	font-size: 24px;
	margin: 0 0 4px 0;
}
	.mac h3.pageHeading {
		font-style: italic;
		font-family: georgia, serif;
	}
.pageHeadingSub {
	text-align: center;
}
	.mac .pageHeadingSub {
		font-style: italic;
		font-family: georgia, serif;
	}

/*	CALL TO ACTION
-------------------------------------------------------------- */
#callToAction {
	background: #fff;
	margin: 0 50px;
	font-size: 18px;
	padding: 6px 0 10px 0;
	border: 1px solid #EBEBEB;
	position: relative;
	float: left; clear: left;
}
	.ctaShadow {
		float: left; clear: left;
		background: transparent url(/assets/images/shadow2.jpg) no-repeat center top;
		height: 20px; width: 800px;
	}
	.msie6 .ctaShadow {
		display: none;
	}
	#getStarted {
		position: absolute; top: 20px; right: 30px;
	}
#callToAction table {
	width: 700px;
	float: left; clear: left;
			/*outline: 1px solid red;*/
	/*border-bottom: 1px solid #F2F2F2;*/
	margin-bottom: 6px;
}
	#callToAction input.txtInput {
		padding: 4px;
		width: 140px;
		margin: 0;
		font-size: 12px;
	}
	#callToAction .col1 {
		width: 160px;
		text-align: right;
		vertical-align: top;
		padding: 8px 4px 0 0;
	}
	#callToAction .col2 {
		width: 140px;
		padding: 4px 0 0 8px;
	}
		#callToAction .col2 label { /* "same as pickup" */
			font-size: 12px;
		}
	#callToAction .directions {
		width: 320px;
		font-size: 12px;
	}
	#callToAction .directions div { /* message container */
		background: transparent url(/assets/images/arrow.png) no-repeat left top;
		height: 20px;
		margin: 0;
		position: relative;
	}
		#callToAction .directions div span { /* message content */
			width: 305px; padding: 4px 10px;
			position: absolute; left: 15px; top: 0;
			background:#E6EFC2; color:#264409;
			box-shadow: 2px 2px 2px #C6C6C6;
			-webkit-box-shadow: 2px 2px 2px #C6C6C6;
			-moz-box-shadow: 2px 2px 2px #C6C6C6;
		}
/* Calendar stuff */
#ui-datepicker-div {
	margin: 0 0 0 -75px;
	box-shadow: 2px 2px 2px #C6C6C6;
	-webkit-box-shadow: 2px 2px 2px #C6C6C6;
	-moz-box-shadow: 2px 2px 2px #C6C6C6;
}
.dateInputWrapper {
	position: relative;
}
.ui-datepicker-trigger {
	position: absolute; top: 5px; right: 17px;
}
	.msie7 .ui-datepicker-trigger {
		top: 5px; right: -5px;
	}
.formHead {
	float: left;
	padding: 4px 12px;
	background: #FCFFA2;
	font-weight: bold;
}
.goRight {
	text-align: right;
	width: 200px;
}
.callToActionErrors li {
	margin-left: 35px;
}
.chkSamePickup {
	float: left;
	font-size: 11px !important;
	padding: 0;
	margin: 0;
}
.samePickup {
	float: left;
	font-weight: normal;
	font-size: 11px !important;
	padding: 2px 4px;
	background: #efefef;
	margin: 4px 0 0 2px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
}
	.samePickup:hover {
		cursor: pointer;
	}
.ddlTruckType {
	margin: 8px 0 4px 0;
	float: left;
	font-size: 12px;
	width: 150px;
}
.truckSizeModal {
	font-size: 10px;
	float: left; clear: left;
	color: #666;
}
input:disabled {
	background: #F4F4F4;
}
.msie6 .ctaSubmit {
	display: inline-block;
}
.ctaSubmit:hover     { background-position: 0 -100px;}
.ctaSubmit {
	float: left;
	margin: 10px 0 0 250px;
	width: 200px;
	height: 100px;
	background-color: transparent;
	background-position: 0 0;
	background-image: url(/assets/images/cta.png);
	background-repeat: no-repeat;
	outline: none;
}
.ctaSubmit:active 	{ background-position: 0 -200px; outline: none; }

/*	CTA Validation
-------------------------------------------------------------- */
.invalid {
	background: #FBE3E4 !important;
}

/*	VENDORS ROW
-------------------------------------------------------------- */
#vendors {
	float: left;
	clear: both;
}
.companyFeature {
	float: left;
	width: 222px;
	margin: 20px 10px 0 10px;
}
	#vendors .first {
		margin-left: 50px;
	}
	.companyFeature p {
		margin: 0;
		float: left; clear: left;
		width: 222px;
		text-align: center;
	}
	.companyFeature a {
		width: 222px; float: left; clear: left;
		text-align: center;
	}
	.companyFeature .title {
		font-size: 1.5em;
		margin: 0 0 10px 0;
	}
	.companyFeature .thumb {
		height: 100px;
		background: white;
	}
	.companyFeature .reviewCount {
		margin: 0 0 1em 0;
		font-weight: bold;
	}
	.companyFeature .siteLink a {
		text-decoration: none !important;
		color: #949494;
	}

/*	FAQ
-------------------------------------------------------------- */
#faq {
	float: left; clear: left;
	padding: 20px 0 0 0;
}
#faq dt {
	font-size: 1.5em;
	font-style: italic;
	font-family: cambria, georgia, serif;
	font-weight: normal;
}
#faq dd {
	margin-bottom: 1em;
	color: #666;
}
/*	GOULET
-------------------------------------------------------------- */
#goulet {
	margin-top: 100px;
}
#goulet .wrap {
	background: #fff;
	width: 700px;
	padding: 20px 50px;
}
	#gouletMore { text-align: right; }
	#gouletMore a:focus { outline:none; }
#goulet dl table {
	width:300px;
	background:#efefef;
	margin: 4px 0 0 0;
}
	#goulet dl table th, #goulet dl table td {
		padding: 2px 4px;
	}
	#goulet dl table th {
		background:#E6E6E6;
		border-bottom: 1px solid #D4D4D4;
	}
#goulet dd {
	padding: 0 0 1em 0;
}
#goulet dd ul {
	margin: 0 0 0 30px;
}
/*	GATHERING PRICES PAGE
-------------------------------------------------------------- */
#spinner {
	text-align: center;
}
#gatheringComplete {
	text-align: center;
	margin: 0 auto;
	width: 200px;
}

/*	RESULTS PAGE
-------------------------------------------------------------- */
.result {
	background: #EBEBEB;
	float: left; clear: left;
	width: 800px;
	border: 1px solid #E5E5E5;
	margin: 0 0 20px 0;
}
	.msie6 .result, .msie7 .result {
		padding: 0 0 20px 0;
	}
.theCompany {
	float: left;
	width: 780px;
	background: #BFC5D2;
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid #F0F0F0;
}
	.theCompany h4 {
		float: left;
		font-size: 32px;
		width: auto;
		font-weight: bold;
		margin: 0;
		color: #3A383A;
		text-shadow: #DAE1F0 1px 1px 1px;
	}
	.theCompany p { /* Reviews */
		float: left;
		margin: 12px 0 0 10px;
	}
		.theCompany p a {
			color: #3A383A;
		}
.colHead {
	text-align: center;
	font-family: georgia, serif;
	font-size: 20px;
	margin: 0 0 .5em 0;
	color: #6A6E75;
	text-shadow : #fff 1px 1px 0;
}
	.mac .colHead{
		font-style: italic;
	}
	.msie .colHead { /* TEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEST THIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIS */
		color: #666666;
	}
.theTruck {
	float: left;
	border-right: 2px solid #E5E5E5;
	width: 240px;
	margin: 10px 20px 0 20px;
}
	.sizeTruck {
		position: relative;
		height: 90px;
		width: 130px;
	}
	.sizeTruck img {
		position: absolute; left: 0; top: 0;
	}
	.sizeTruck span {
		position: absolute; left: 28px; top: 22px;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
	}
.thePrice {
	float: left;
	border-right: 2px solid #E5E5E5;
	width: 240px;
	margin: 10px 20px 0 0;
}
.theDetails {
	float: left;
	width: 220px;
	margin: 10px 0 0 0;
}
.bookOnline {
	float: left; clear: both;
	text-align: right;
	width: 760px;
}
	.bookOnline a {
		font-size: 16px;
		text-decoration: none;
		float: right;
		background: #3A383A;
		padding: 10px 20px;
		color: #fff;
		text-shadow: #000 1px 1px 0;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;	
		-moz-border-radius: 8px;
	}
		.bookOnline a:hover {
			color: #fff;
			text-shadow: #59606F 1px 1px 0;
		}
.result .subhead {
	margin: 0;
	text-decoration: underline;
}
.smallCost {
	color: #008000;
	font-weight: bold;
	font-size: 18px;
}
.largeCost {
	color: #008000;
	font-weight: bold;
	font-size: 32px;
	margin: 0 0 .5em 0;
}
.moverDisabled .theCompany {
	background: #DFDDE2;
}
.moverDisabled h4 {
	color: #9C979C;
}
.disabledMessage {
	text-align: center;
	margin: 100px 0;
	float: left;
	padding: 10px 100px;
}
/*	COMPANY PROFILE PAGE
-------------------------------------------------------------- */
.profileHead {
	/*outline: 1px solid red;*/
}
	.profileHead div {
		background: #fff;
		padding: 10px 20px;
		float: left;
		width: 348px;
		border: 1px solid #E9E9E9;
	}
		.profileHead .first {
			margin-right: 20px;
		}
		.profileHead .first .profileTitle {
			margin-bottom: 1em;
		}
		.profileHead .profileTitle {
			font-weight: bold;
			text-align: center;
		}
		.profileHead p {
			float: left; clear: left;
			margin: 0;
			width: 340px;
		}
		.profileHead .reviewStars {
			margin: 0 0 0 90px;
			width: 258px;
		}
.profileSection {
	float: left;
	width: 780px;
	background: #BFC5D2;
	padding: 10px 0 10px 20px;
	margin: 20px 0;
	border-bottom: 1px solid #F0F0F0;
}
	.profileSection h4 {
		float: left;
		font-size: 24px;
		width: auto;
		font-weight: bold;
		margin: 0;
		color: #3A383A;
		text-shadow: #DAE1F0 1px 1px 1px;
	}
	.profileSection a { /* Reviews */
		float: left;
		margin: 8px 0 0 14px;
		color: #3A383A;
	}
.truckSizes {
	margin: 0; padding: 0;
}
	.truckSizes li {
		position: relative;
		float: left;
		margin: 0 0 0 10px; padding: 0;
		width: 390px;
		min-height:100px;
		height:auto !important; /* IE hack */
		height:100px;
		list-style-type: none;
		text-align: center;
	}
		.truckSizes li img {
			position: absolute; top: 0; left: 20px;
		}
		.truckSizes li strong {
			position: absolute; top: 18px; left: 0; /* size overlay */
			font-size: 24px;
			font-weight: bold;
			color: #fff;
			width: 140px;
		}
		.truckSizes li span.sizeName {
			margin: 1em 0 0 0;
			font-weight: bold;
		}
		.truckSizes li span {
			float: right; clear: right;
			text-align: left;
			width: 220px;
			/*background: aqua;*/
		}
/* CUSTOMER REVIEWS */
.customerReview {
	float: left; clear: left;
	width: 800px;
	/*outline: 1px solid red;*/
	margin: 0 0 20px 0;
	min-height: 70px;
}
	.reviewLeft {
		float: left;
		width: 300px;
		text-align: center;
	}
		.reviewLeft p {
			margin: 0;
			float: left; clear: left;
			width: 300px;
		}
	.reviewRight {
		float: left;
		width: 500px;
		position: relative;
	}
		.reviewRight span {
			position: absolute; left: 0; top: 0;
			font-family: georgia, serif;
			color: #E0E0E0;
			font-size: 90px;
			font-weight: bold;
			margin: -6px 0 0 0;
			line-height: 90px;
			height: 90px;
		}
		.reviewRight p {
			padding: 1em 0 0 50px;
			margin: 0 0 1em 0;
		}
		.reviewRight .horList {
			margin: 0 0 0 50px;
		}
		.reviewRight .horList li {
			margin: 0 12px 0 0;
			color: #757575;
		}
/* STAR RATINGS */
.reviewStars {
	width: 160px;
	height: 36px;
	position: relative;
	float: left; clear: left;
	background: transparent url(/assets/images/star-ratings-white.gif) no-repeat 0 0;
}
	.reviewStars span {
		text-indent: -9999px;
		overflow: hidden;
		font-size: 10px;
		position: absolute; left: 0; top: 0; 
		height: 36px;
		background: transparent url(/assets/images/star-ratings-white.gif) no-repeat 0 -36px;
	}
	.stars1 span {width: 32px;}
	.stars1-5 span {width: 48px;}
	.stars2 span {width: 64px;}
	.stars2-5 span {width: 80px;}
	.stars3 span {width: 96px;}
	.stars3-5 span {width: 110px;}
	.stars4 span {width: 128px;}
	.stars4-5 span {width: 142px;}
	.stars5 span {width: 160px;}
	
/* special for customerReview */
.customerReview .reviewStars  {
	margin: 0 0 0 70px;
	background: transparent url(/assets/images/star-ratings.gif) no-repeat 0 0;
}
.customerReview .reviewStars span {
	background: transparent url(/assets/images/star-ratings.gif) no-repeat 0 -36px;
}
/* Special for front page */ 
.companyFeature .reviewStars  {
	margin: 0 0 0 30px;
	background: transparent url(/assets/images/star-ratings.gif) no-repeat 0 0;
}
.companyFeature .reviewStars span {
	background: transparent url(/assets/images/star-ratings.gif) no-repeat 0 -36px;
}

/*	ADD REVIEW PAGE
-------------------------------------------------------------- */
#addReviewLeft {
	float: left;
	width: 390px;
	margin-right: 20px;
}
#addReviewRight {
	float: left;
	width: 348px;
	background: #fff;
	padding: 20px;
	border: 1px solid #E9E9E9;
}
.smallMessage {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}
.addReview table {
	width: 390px;
}
.addReview table td {
	vertical-align: top;
	padding: 0;
}
.addReview table input, .addReview table textarea, .addReview table select {
	font-size: 12px;
}
.addReview table .txtInput {
	padding: 4px;
}
#addReviewLeft td {
	width: 195px;
}
#addReviewLeft td input {
	float: left;
}
#addReviewLeft td .txtInput {
	width: 150px;
	margin: 4px 0;
}
#addReviewLeft td .inputCity {
	width: 150px;
}
#addReviewLeft td .inputState {
	float: left;
	margin: 7px 0 0 4px;
}
#addReviewRight .inputReview {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 335px;
}
#addReviewRight .inputStarRating {
	width: 345px;
}
#addReviewRight p {
	margin: 0;
}
.addReview h4 {
	width: 335px;
	text-align: center;
	color: #999;
	font-size: 24px;
	margin: 0 0 12px 0;
}
	.mac .addReview h4 {
		font-style: italic;
		font-family: georgia, serif;
	}
#addReviewLeft h4 {
	margin: 21px 0 12px 0;
}
.ctaReviewSubmit:hover     { background-position: 0 -100px;}
.ctaReviewSubmit {
	float: left;
	margin: 10px 0 0 250px;
	width: 200px;
	height: 100px;
	background-color: transparent;
	background-position: 0 0;
	background-image: url(/assets/images/ctaReview.png);
	background-repeat: no-repeat;
	outline: none;
}
.ctaReviewSubmit:active 	{ background-position: 0 -200px; outline: none; }
.reviewErrors {
	float: left; clear: both;
	padding: 20px;
	width: 760px;
	margin: 12px 0;
}
	.reviewErrors li {
		margin-left: 35px;
	}
	.lengthInvalid {
		background: #FFF6BF !important;
	}
	
	.warning {color:Red;font-weight:bold;}

/*	ELEMENT GROUPS
-------------------------------------------------------------- */
/* ----------- CLEARED ELEMENTS ------------ */
#header:after, .wrap:after, #callToAction:after, #vendors:after, .companyFeature:after, .result:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ----------- IMAGE REPLACED TEXT ------------ */
.ir {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 10px;
}
/* ----------- HORIZONTAL LIST ------------ */
.horList li {
	float: left;
	list-style-type: none;
}

/*	MISC
-------------------------------------------------------------- */
a:focus { outline: 1px dotted invert; }
/* Remove dotted lines from links */
a:active {outline:none;}
hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}
/* Line Height Fixes for sup and sub */
	sup { vertical-align: top; }
	sub { vertical-align: bottom; }

/* Ordered lists in ie6 and ie7 can get easily off track when li's are not inline */
	.msie6 ol, .msie7 ol {
		float: none;
		display: inline;
		width: auto;
	}
.nowrap { white-space: nowrap; }

.navlist li {
display: inline;
list-style-type: none;
padding-right: 20px;
}