@charset "utf-8";

* { margin: 0; padding:0;}
img { border:none;}

h1{}
h2{}
h3 {
font-size: 18px;
margin-bottom: 10px;
}
h4 {
font-size: 24px;
color: #C00;
margin-bottom: 10px;
}


p{}

a{ text-decoration: underline;}
a:hover{ text-decoration: none;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body { background-image:url(../images/backdrop.jpg); background-repeat: repeat-x; background-position:top;}

/*---------------------framework-------------------------*/

#container {
	width: 852px;
	margin: 0 auto;
	}
#header{
	height: 81px;
	padding: 21px 0 12px 0;
	color: #4d83a5;
	}
	#header a { text-decoration: none; color:#4d83a5;} 
	#header a:hover { text-decoration: underline;} 
	#header p { padding-top: 17px;}

#nav { background-image:url(../images/nav.gif); background-repeat:repeat-x;}
#nav ul { list-style: none;}
#nav li { float: left;}
#nav a { display: block; height: 38px; background-repeat:no-repeat; text-indent: -3000px;}
	#nav-home { background-image:url(../images/nav-home.gif); width: 71px;}
	#nav-about { background-image:url(../images/nav-about.gif); width: 86px;}
	#nav-calc { background-image:url(../images/nav-calc.gif); width: 119px;}
	#nav-kits { background-image:url(../images/nav-kit.gif); width: 99px;}
	#nav-supplies { background-image:url(../images/nav-supplies.gif); width: 129px;}
	#nav-service { background-image:url(../images/nav-service.gif); width: 136px;}
	#nav-cart { background-image:url(../images/nav-cart.gif); width: 75px;}
		
#top-wrap { padding: 2px 0 20px 0;}
	#calc-box { width: 277px; height: 200px; border: 1px solid #e2e2e2; background-color: #FFFFFF; color: #73737a; padding-top: 10px;}
	#calc-box p  { padding: 0 14px;}
	#calc-box h2  { margin: 0 14px 10px 14px;}
	#calc-box input { margin: 0 0 5px 14px;}
		.greybox { padding: 5px 0px; background-color:#eeeeef; color: #f6a11c; font-size: 14px; font-weight: bold; margin: 5px 0;}
		#h2-boxcalc {
			background-image:url(../images/h2-boxcalc.gif);
			background-repeat:no-repeat;
			text-indent: -3000px;
			height: 27px;
			width: 250px;
			}
	
	#banner{ width: 566px; height: 212px;}

#wrapper {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 15px;
	width: 852px;
	}
	.wrap-drop { background-image:url(../images/wrapper.gif); background-repeat:repeat-y;}
	.modcol {
		width: 259px;
		height: 161px;
		padding: 12px;
		border-right: 1px solid #e2e2e2;
		color: #1a5e89;
		font-size: 11px;
		}
		.modcol img { border: 1px solid #e2e2e2;}
		.modcol a { text-decoration: none; color: #1a5e89;}
		.modcol a:hover { text-decoration: underline;}
		.modcol p { padding-bottom: 10px;}
		.modcol h2 { height: 20px; font-size: 1px; line-height: 1px; text-indent: -3000px; background-repeat:no-repeat; margin: 9px 0 5px 0;}
		.modcol.noborder { border-right:none; padding-right: 0px;}
		
		#h2-kits {background-image: url(../images/h2-kits.gif); width: 85px;}
		#h2-supplies {background-image: url(../images/h2-supplies.gif); width: 122px;}
		#h2-cart {background-image: url(../images/h2-cart.gif); width: 60px;}


	#leftcol{ width: 545px;}
		#leftcol p { color: #1a5e89; line-height: 14px; font-size: 11px; padding-bottom: 14px;}
		#leftcol a { color: #fb9f0f;}
	
		#leftcol h1 { font-size:12px; text-indent: -3000px; background-repeat:no-repeat; height: 25px; margin-top: 12px;}
		#leftcol h2 { font-size: 11px; color: #f6a11c; margin-bottom: 20px;}
		#h1-about { background-image:url(../images/h1-about.gif); width:91px;}
		#h1-boxcalc { background-image:url(../images/h1-boxcalc.gif); width:141px;}
		#h1-service { background-image:url(../images/h1-customerservice.gif); width:163px;}
		#h1-kits { background-image:url(../images/h1-movingkits.gif); width:113px;}
		#h1-supplies { background-image:url(../images/h1-movingsupplies.gif); width:157px;}
		#h1-mycart { background-image:url(../images/h1-mycart.gif); width:85px;}
		
	#rightcol{ width: 283px;}
		#rightcol .modcol { border-bottom: 1px solid #e2e2e2; padding-bottom: 17px; padding-right: 9px; border-right: none;}
		#rightcol .modcol.noborder-bottom { border-bottom: none;}


#foot-container{
	margin-top: 60px;
	background-image:url(../images/footer.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	height: 53px;
	}
	#footer{
		width: 852px;
		margin: 0 auto;
		text-align: right;
		color: #FFFFFF;
		font-size: 11px;
		padding-top: 15px;
		}



/*---------------------universal classes-------------------------*/

.select-width { width: 55px; border: 1px solid #f6a11c;}

.list-arrow {
	background-image:url(../images/list-arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 14px;
	}


.small { font-size: 9px;}
.normal {}
.large {}
.xlarge {}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */