/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Website:  Chapman Relocations							 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *		
 * 				     	 *
 * 															 *
 * 															 *
 * 															 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

/* IMPORT  */
@import "jquery-ui-1.8.custom.css";

/* Mini-reset */
html, body, div, span, applet, object, iframe, a, abbr, blockquote, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, p, q, s, samp, small, strike, strong, sub, sup, tt, var, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
}

/* General */
body {
	background: #FFF url(../images/body.gif) repeat-x left top;
	font-family: "Trebuchet MS";
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #003a8a;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
}
h1 {
	font-size: 2em;
	margin: 0 0 0.5em 0;
}
h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	color: #999;
}
a {
	color: #2690c0;
}

p {
	margin-bottom: 1em;
}

.submit {
	background: transparent url(../images/get-estimate.png) no-repeat left top;
	border: 0;
	color: #FFF;
	cursor: pointer;
	height: 40px;
	padding-top: 4px;
	width: 162px;
}

textarea {
	overflow: auto;
}

/* Toolbox CSS */
.clearboth {
	clear: both;
}

img.floatleft {
	display: inline;
	float: left;
	margin: 0 1em 0.75em 0;
}

img.floatright {
	display: inline;
	float: right;
	margin: 0 0 0.75em 1em;
}
	
/* Page Layout */
#container {
	background: transparent url(../images/container.jpg) repeat-x left top;
	color: #FFF;
	padding: 0 40px;
	width: 940px;
}
#header {
	height: 100px;
}
#main {
	background-color: #FFF;
	color: #333;
	font-size: 1.2em;
	min-height: 400px;
	margin: 13px 0;
}
#first-column {
	margin-top: 10px;
	width: 660px;
}

#left-column {
	background: transparent url(../images/left-col-bg.jpg) repeat-x left 70px;
	min-height: 419px;
	width: 180px;
}

#center-column {
	padding-left: 15px;
	width: 465px;
}

#right-column {
	padding-top: 28px;
}
	.home #right-column {
		padding-top: 0;
	}

#right-subcolumn {
	margin: 30px 0 0 40px;
}

/* Header */
#logo {
	display: inline;
	float: left;
	height: 100px;
	outline: 0;
	width: 280px;
}
	#logo img {
		border: 0;
	}
#phone-coa {
	display: inline;
	float: right;
	font-size: 1.6em;
	font-weight: 700;
	height: 31px;
	line-height: 31px;
	margin: 0 0 10px 0;
	text-align: center;
	width: 410px;
}
/*Social Media */
#social-media { 
	display: inline;
	float: right;
	font-weight: 700;
	height: 25px;
	line-height: 31px;
	margin-top: 1px;
	text-align: center;
	width: 300px;
}
#social-media a	{
	color: #fff;
	text-decoration:none;
	}
#social-media a:hover {
	color: #2b9dc8;
	}
#header p { /*Sugs*/
	margin-bottom: .5em;
	}
/******/
#global-nav {
	display: inline;
	float: right;
	list-style: none;
	margin: 0 20px 0 0;
}
	#global-nav li {
		background: transparent url(../images/global-nav-divider.gif) no-repeat left 7px;
		display: inline;
		float: left;
		padding-left: 10px;
	}
		#global-nav li a {
			color: #FFF;
			font-size: 1.4em;
			margin: 0 0.5em 0 0;
			text-decoration: none;
			white-space: nowrap;
		}
			#global-nav li a:hover {
				text-decoration: underline;
			}

/* Primary Navigation */
#primary-nav {
	height: 36px;
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0;
	width: 100%;
	z-index: 1000;
}
	#primary-nav li {
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 1000;
	}
	#primary-nav li:hover ul, #primary-nav li.sfhover ul {
		display: block;
	}	
		#primary-nav li a {
			color: #FFF;
			display: inline;
			float: left;
			font-size: 1.4em;
			font-weight: 700;
			height: 36px;
			line-height: 36px;
			margin: 0 0.9em;
			padding: 0;
			text-decoration: none;
			z-index: 1000;
		}				
		#primary-nav ul {
			display: none;
			list-style: none;
			padding: 0 0 0 1.25em;
			position: absolute;
			text-align: left;
			top: 36px;
			z-index: 1000;
		}
			#primary-nav ul li {
				display: block;
				float: none;
			}
				#primary-nav ul li a {
					background-color: #2b9dc8;			
					border-top: 1px solid #97cfe4;
					display: block;
					font-weight: 400;
					height: auto;
					line-height: normal;
					margin: 0;
					padding: 0.15em 1em;
					text-align: left;			
					white-space: nowrap;
					width: 100%;
				}
				#primary-nav ul li a:hover {
					background-color: #d8a72c;
				}

/* Home Page */
body.home {
	background: #FFF url(../images/body-home.jpg) repeat-x left top;
}
.home #main {
	background-color: transparent;
	margin-top: 0;
}
.home #estimate-form {
	margin-top: -77px;
}
#banner {
	height: 280px;
	width: 940px;
}
#warehouses {
	background: #665543 url(../images/storage-bucket-bg.jpg) no-repeat left top;
	color: #FFF;
	display: block;
	height: 94px;
	line-height: 1.2em;
	margin: 0 0 30px 0;
	padding: 0 10px 0 92px;
	text-decoration: none;
	width: 137px;
}
	#warehouses strong {
		display: block;
		font-size: 1.66em;
		font-weight: 400;
		padding: 10px 0;
	}
	#moving-aids {
		background: transparent url(../images/moving-aids-img.jpg) no-repeat right top;
		display: block;
		height: 95px;
		line-height: 1.2em;
		padding-right: 130px;
		text-decoration: none;
		width: 110px;
	}
		#moving-aids strong {
			color: #003a8a;
			display: block;
			font-size: 1.5em;
			font-weight: 400;
			padding: 15px 0 10px 0;
		}

blockquote {
	font-style: oblique;
	margin: 1em 0;
}

blockquote.emphasized-quote {
	background: transparent url(../images/left-quote.gif) no-repeat left top;
	display: inline;
	float: right;
	margin: 0 0 10px 20px;
	width: 208px;
}
	blockquote.emphasized-quote span {
		background: transparent url(../images/right-quote.gif) no-repeat 170px bottom;
		color: #d8a72c;
		display: block;
		font-size: 1.66em;
		height: 100%;
		padding-left: 40px;
		width: 168px;
	}
	blockquote.emphasized-quote a {
		color: #60aed1;
		display: inline;
		float: right;
		margin: 10px 15px 0 0;
		text-decoration: none;
	}
		blockquote.emphasized-quote a:hover {
			text-decoration: underline;
		}
#relocations {
	list-style: none;
	margin: 20px 0 0 0;
	padding-left: 0;
}
	#relocations li {
		background: #e7dfca url(../images/home-bucket-bg.gif) repeat-x left top;
		margin-bottom: 20px;
		overflow: auto;
		padding: 0 10px 2px 0;
	}
	.bucket-text {
		display: inline;
		float: left;
		width: 509px;
	}
		#relocations li img {
			display: inline;
			float: left;
			margin-right: 10px;
			width: 131px;
		}
		#relocations li h2 {
			color: #2690c0;
			line-height: 1em;
			margin: 0 0 0.5em 0;
		}
		#relocations li a.learn-more {
			white-space: nowrap;
		}
		#relocations p {
			margin-top: 0.25em;
		}

/* Left Column */
#secondary-nav {
	background: transparent url(../images/left-nav-bg.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0;
	padding: 91px 0 0 10px;
}
	#secondary-nav li {
		margin-bottom: 10px;
	}
		#secondary-nav li a {
			color: #d8a72c;
			text-decoration: none;
		}
			#secondary-nav li a:hover {
				text-decoration: underline;
			}

#aff {width:180px; margin:80px 0 20px 0px; text-align:center;}
#aff img {margin-bottom:8px;}
			
/* Center Column */
#breadcrumbs {
	border-bottom: 1px solid #cbcbcb;
	color: #999;
	margin-top: 28px;
}

	.B_crumbBox a {
		color: #2690c0;
		text-decoration: none;
	}
	
		.B_crumbBox a:hover {
			text-decoration: underline;
		}
	
	.B_crumb, .B_lastCrumb {
		background: transparent url(../images/bcrumb-pipe.gif) no-repeat left 3px;
		padding-left: 0.5em;
	}
	.B_crumb, .B_currentCrumb, .B_firstCrumb {
		padding-right: 0.5em;
	}
	
#print-page {
	margin: 0.5em 0 0.25em 0;
	padding; 0;
	text-align: right;
}
	#print-page a {
		background: transparent url(../images/print-icon.gif) no-repeat left top;
		padding: 2px 0 0 26px;
		text-decoration: none;
	}
		#print-page a:hover {
			text-decoration: underline;
		}

/* Content */

#newsletter_up li {
	margin-bottom: 0.5em;
}

#newsletter_up label {
	display: block;
}

.award {
	font-size: 0.92em;
}
	.award h3 {
		color: #333;
		font-size: 1em;
		font-weight: 700;
		margin-bottom: 1em;
		text-align: center;
	}

.chipman-office {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100%;
}
	td, th {
		border: 1px solid #333;
		padding: 3px;
	}
	th {
		text-align: center;
	}
		th.mini {
			width: 5%;
		}
		th.wider {
			width: 55%;
		}
		
p.inv-title {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 0;
	text-decoration: underline;
}

ul.inv-list {
	border: 1px solid #333;
	margin-bottom: 2em;
	padding: 10px 30px;
}
	ul.inv-list li {
		margin-bottom: 10px;
	}
	li.blank {
		border-bottom: 1px solid #333;
	}

.checklist th {
	font-size: 1.2em;
	font-weight: 700;
}

.checklist td input {
	vertical-align: bottom;
}

form ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
	form ul li {
		margin: 0 0 0.5em 0;
	}

form textarea {
	display: block;
}

#car_ref {
	background-color: #ddd;
	border: 1px solid #333;
	margin-bottom: 1em;
	padding: 0.5em;
}
	#car_ref label {
		margin-right: 1em;
		text-transform: uppercase;
	}

#cust_info {
	margin-top: 1em;
}
	
#cust_info td, #cust_info th {
	border: 0;
}
	#cust_info select, #cust_info label, #dec_val_prot_ques, #remarks_area label {
		display: block;
	}
	#cust_info .state_select {
		display: inline;
		float: left;
		margin-right: 0.75em;
	}
	#new_zip, #old_zip {
		width: 6.4em;
	}
	#emp_by_label {
		margin-left: 1em;
	}
	#dec_val_prot_lump_value, #dec_val_prot_full_value, #dec_val_prot_ded_value {
		width: 6em;
	}
	#claim_inv {
		margin: 2em 0;
	}
		#claim_inv th {
			text-align: left;
			text-transform: uppercase;
		}
			#claim_inv th span {
				display: block;
				text-transform: none;
			}
	#footnote {
		background-color: #ddd;
	}
	#total {
		padding-right: 0.5em;
		text-align: right;
	}
	#oath {
		display: inline;
		float: left;
		font-size: 1.2em;
		line-height: 1.5em;
		margin-right: 3em;
		text-transform: uppercase;
		width: 40em;
	}
	#remarks_area {
		background-color: #ddd;
		border: 1px solid #333;
		display: inline;
		float: right;
		padding: 1em;
	}
	#form_signoff {
		clear: both;
		padding: 2em 0;
	}
	#sign_date {
		margin-right: 3em;
	}

#email_us label {
	display: inline;
	float: left;
	margin-right: 1em;
	text-align: right;
	width: 5em;
}

.estimate-form-2 .main_label, .track-link {
	display: block;
}

#first-column #estimate-form {
	margin: 2em auto 0;
}

/* Right Column */
#estimate-form {
	background: transparent url(../images/get-estimate-form-2.png) no-repeat right top;
	/*height: 219px;*/
	color: #666;
	height: 279px;
	padding: 77px 9px 0 0;
	width: 272px;
}
	#estimate-form fieldset {
		background: transparent url(../images/get-estimate-arrow.png) no-repeat 10px -1px;
	}
	#estimate-form ul {
		list-style: none;
		margin: 20px 0 0 60px;
		padding: 0;
	}
		#estimate-form ul li {
			font-size: 11px;
			margin-bottom: 10px;
			overflow: hidden;
		}
		#estimate-form li.move-type ul {
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
		}
			#estimate-form li.move-type ul li {
				line-height: 1.2em;
				margin: 0;
			}
			#estimate-form ul li label {
				display: inline;
				float: left;
			}
				#estimate-form ul li label input {
					display: block;
				}
			#estimate-form ul li select {
				border: 1px solid #CCC;
				color: #999;
				display: block;
				height: 22px;
				margin-right: 9px;
			}
			#estimate-form .state_select {
				display: inline;
				float: right;
			}
			#estimate-form #from_city, #estimate-form #to_city {
				width: 70px;
			}
			#estimate-form ul li #movingDate_label, #estimate-form ul li .main_label {
				color: #666;
				/*font-size: 0.8em;*/
				margin: 3px 10px 0 0;
				text-align: right;
				width: 65px;
			}
			#estimate-form ul li .main_label {
				margin-top: 18px;
			}
			#estimate-form ul li input {
				border: 1px solid #ccc;
				color: #999;
				padding: 2px;
				height: 16px;
				width: 122px;
			}
		#estimate-form ul li.move-type {
			font-size: 1em;
			margin-bottom: 0;
		}
			#estimate-form ul li.move-type span {
				display: inline;
				float: left;
				font-size: 11px;
				margin: 4px 10px 0 0;
				text-align: right;
				width: 9em;
			}
			#estimate-form ul li.move-type label {
				display: inline;
				float: none;
				text-align: left;
				width: auto;
			}
			#estimate-form ul li.move-type input {
				border: 0;
				height: auto;
				padding: 0;
				position: relative;
				top: 0.3ex;
				width: auto;
			}
	#estimate-form .submit {
		float: right;
	}


#twitter-feed {margin-left:40px;}

#affiliates {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
	#affiliates li {
		display: inline;
		float: left; 
		margin-bottom: 15px;
		/*position: relative;*/
		text-align: center;
		
	}
		#affiliates li img {
			/*bottom: 0;
			left: 20%;
			position: absolute;*/
			display: block;
			margin: 0 auto;
		}

.estimate_form_2 label{
	display: inline;
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 100px;
}


.estimate_form_2 li {
	clear: both;
}

.estimate_form_2 li.section {
	float: left;
	margin-bottom: 1em;
	padding-left: 3em;
	width: 100%;
}

	.estimate_form_2 li.section select {
		width: 5em;
	}

.estimate_form_2 li.section label {
	width: auto;
}

.estimate_form_2 li.section label.first {
	clear: both;
}
		
legend {
	font-size: 1.3em;
	font-weight: 700;
}

.estimate_form_2 legend {
	padding-bottom: 1em;
}

.estimate_form_2 fieldset ul {
	margin-top: 0;
}

legend.section {
	clear: both;
	font-size: 1.2em;
	font-weight: 400;
	padding-left: 1em;
	text-decoration: underline;
}

#video-column {width:240px; float:right;}

/* Footer */	
#clients {
	color: #333;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	width: 100%;
}
	#clients p {
		border-bottom: 1px solid #cbcbcb;
		margin-bottom: 0.5em;
		padding: 0;
	}
	#clients ul {
		list-style: none;
		margin: 0 0 0 0;
		overflow: auto;
		padding: 0.5em 0 0 0;
		text-align: center;
	}
		#clients ul li {
			display: inline;
			margin: 0 16px;
		}
		
	#client-showcase {
		/*background-image: url(../images/clients-showcase.jpg);*/
		height: 60px;
		width: 940px;
	}
		
#footer {
	background-color: #959595;
	font-size: 1.2em;
	padding: 15px 0;
}
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
		#footer ul li {
			background: transparent url(../images/footer-divider.gif) no-repeat left 4px;
			display: inline;
		}
		#footer ul li.first {
			background: none;
		}
			#footer ul li a {
				color: #FFF;
				margin: 0 3px 0 10px;
				text-decoration: none;
			}
				#footer ul li a:hover {
					text-decoration: underline;
				}


/* 2009 - 2010 (c) | ez-css.org
 * ez.css ::  version 1.2 :: 01182010
 *
 * This styles sheet caters for IE 5 browsers. 
 * With this styles sheet, use the snippets from http://www.ez-css.org/layouts 
*/

/*
 * auto-centering in IE 5
 * we reset this value in the next rule so content is left aligned. 
 */
 
body {text-align: center;}

/* 
 * This wrapper, first child of body, is used to wrap "ez-css" modules. 
 * It will auto-center if it is given a width smaller than the width of the viewport.
 * Position relative is used to create a stacking context from the start (to prevent z-index issues). 
 */

.ez-mw {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position :relative;
	z-index: 1;
	text-align: left;
}

/*
 * to make sure modules clear previous containers
 */

.ez-wr {clear: left;}

/*
 * this is the clearfix metod
 * we rely on this to contain floats in "stand-alone" modules 
 */
 
.ez-wr:after,
.ez-box:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

/*
 * hacks for IE 5 (Win and Mac)
 * (min-height is the "hasLayout" trigger used for IE7)
 */
 
.ez-wr,.ez-box,.ez-last {display: inline-block;min-height: 0;}    
/* hides from IE-mac \*/  
* html .ez-wr,
* html .ez-box,
* html .ez-last {height: 1%;}  
.ez-wr,.ez-box,.ez-last {display: block;}  
/* end hide from IE-mac */

/*
 * the last DIV in the HTML flow (a column) must create a new block-formatting context.
 * by default, we rely on "overflow:hidden", but if this creates an issue with your design, then try one of these classes instead: 
 * ez-oa
 * ez-dt 
 * ez-it
 * ez-tc
 * ez-ib
 */
 
.ez-oh {
	overflow: hidden;
}

* html .ez-oh {
	overflow: visible;
}

.ez-oa {
	overflow: auto;
}
.ez-dt {
	display: table;
}

.ez-it {
	display: inline-table;
}
.ez-tc {
	display: table-cell;
}

.ez-ib {
	display: inline-block;
}

/* 
 * DIVs to be columns
 * we float them left or right depending on module or layout
 * the negative margin is used to fix a IE6 bug (3px jog).
 */
.ez-fl {
	float: left;
}

* html .ez-fl {
	margin-right: -3px;
}

.ez-fr {
	float: right;
}

* html .ez-fr {
	margin-left: -3px;
}

/*
 * every floated column in a module or layout need a width
 * here we have 5 default values: 1/4, 1/3, 1/2, 2/3 and 3/4
 */

.ez-25 {width: 25%;}
.ez-33 {width: 33.33%;}
.ez-50 {width: 50%;}
.ez-66 {width: 66.66%;}
.ez-75 {width: 75%;}

/* 
 * the following classes are used to make columns that are sibblings overlap by 1 pixel (to vertically align 1 pixel borders between containers)
 * for this to work, this class must be applied to the following elements: 
 * - column 1 of Module 2A, 
 * - column 2 of Module 3A,
 * - column 1 of Module 3B, 
 * - column 3 of Module 4A, 
 * - column 1 of Module 4B, 
 * - column 1 in column 1 of Module 4B, 
 * - column 2 in column 1 of Module 4B 
 */
 
.ez-negmr {
	margin-right: -1px;
}

* html .ez-negmr {
	margin-right:-4px;
}

/*
 * (star html hack is used here because of the cascade, to override "* html .ez-fl")
 * same as above, but for these elements:
 * - column 1 of Module 3A,
 * - column 1 of Module 4A,
 * - column 2 of Module 4A 
 */
 
* html .ez-negmx,
.ez-negmx {
	margin-right: -1px;
}

/* 
 * same as above, but for these elements:
 * - column 1 of Module 2B,
 * - column 2 of Module 3B 
 */
 
.ez-negml {
	margin-left: -1px; 
}

* html .ez-negml {
	margin-left:-4px;
}