
/*=== Setup ===*/

* {
	
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	background: url(../images/box_bgr.gif) #f7f6f6 repeat-x top;
	color: #404040;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
}
a {
	color: #dc2729;
	text-decoration:underline;
	
}

a:hover {
	text-decoration: none;
}

li {
	list-style:none;
}

p {
	line-height: 1.5em;
	padding: 0 0 1.0em;
	
}

hr{
	background: url(../images/hr_wide_bg.jpg) no-repeat;
	width: 550px;
	height: 28px;
	border: 0;
}

h2 {
	background: url(../images/phn.gif) no-repeat;
	width:245px;
	height:60px;
	z-index:0;
	float:right;
	margin-right:-3px;
	
}



h4 {
	color: #253a7b;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -1.7px;
	margin: 15px 10px 12px;
}

h5 {
	color: #333333;
	font-size: 1.2em;
	letter-spacing: -1px;
	margin: 0 10px .8em;
}
h6 {
	color: #253a7b;
	font-size: 1.2em;
	letter-spacing: -1px;
	margin: 0 0 .8em;
}
h7 {
	color: #253a7b;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -1.7px;
	margin: 0px 10px 0px;
}


.skipbins_title {
	margin: 15px -10px 12px;
}

.skipbins_title_sub {
	margin: 15px -10px 12px;
}







/*=== Layout ===*/
#page {
	background: url(../images/bgr.gif) #f7f6f6 repeat-x top;
	margin: 0 auto;
	width: 900px;
}
#page h1 {
	background: url(../images/logo.gif) no-repeat;
	width:280px;
	height:92px;
	z-index:0;
	float:left;
}
#page-bot {
	background: url(../images/page-bot.gif) repeat-x top;
	height: 39px;
}
/*=== Header ===*/
#header{
	height: 220px;
	margin: 0 0 1px;
}


.title {
	color: #404040;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	margin:0px;
	
}

.hotlinks {
	height:18px;
	vertical-align:middle
	
}

.skipbins_info {
	margin-left: 20px;
	margin-right:20px;
}


/*=== Navigation ===*/
/*- Top Nav -*/
.topnav {
	font-size: 9px;
	font-weight: bold;
	height: 92px;
	overflow: hidden;
	padding-top:0px;
	padding-right:0px;
	z-index:6;

}
.topnav ul { }
.topnav li {
	background: url(../images/topnav-sep.gif) no-repeat left;
	float: left;
	padding-top:0px;
}
.topnav li.first {
	background: none;
}
.topnav li.first a {
	padding: 0px;
}
.topnav li a {
	color: #666666;
	display: block;
	float: left;
	padding: 0 7px 0 8px;
	text-decoration: none;
 line-height:30px;
}
.topnav li a:hover,
.topnav li.active a {
	color: #999999;
	text-decoration: none;
}	
/*- Nav1 -*/
#nav1 {
	background: url(../images/nav1-sep.gif) no-repeat left top;
	height: 37px;
	font-size:10px;
}
#nav1 ul.sf-menu li {
	position: relative;
	background: url(../images/nav1-sep.gif) no-repeat right top;
	float: left;
	line-height: 37px;
	padding: 0 1px 0 0;
	text-align: center;
}
#nav1 ul.sf-menu li a {
	color: #333333;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	padding-left:24px;
	padding-right:23px;
	padding-top:13px;
	padding-bottom:13px;
	cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {
	text-decoration: none;
	background: #FEFEFE;
}

/*=== All Columns ===*/
#columns {
	margin: 10px 0 0;
	padding: 0 0 0px;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 600px;
	min-height: 600px;
}
/*=== Center Column ===*/
#centercol {
	float: left;
	width: 650px;
}
/*=== Right Column ===*/
#rightcol {
	float: right;
	width: 250px;
}
#rightcol a {
	color: #404040;
	text-decoration: none;
}

.main {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	border: 1px solid #cfcfcf;
	margin: 0 0 20px;
	
	padding: 1px;
	width:640px;
}

.main .content {
	padding: 10px;
	width:600px;
}




.main.ads .content {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

/*=== Styling Boxes ===*/
/*- Box1 -*/
.box {
	background: #ffffff;
	border: 1px solid #cfcfcf;
	margin: 0 0 10px;
	padding: 1px;
}
.box .content {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	height: 1%;
	padding: 10px;
}
.box.ads .content {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
 height:16px;
}
#rightcol .box {
	margin: 0 0 10px;
}

.boxtable {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	border: 1px solid #cfcfcf;
	border-bottom: 0px;
	margin: 0 0 10px;
	padding: 10px;
}
.fix {
	background: url(../images/fix.gif) #ffffff;
	border-bottom: 1px solid #cfcfcf;
	margin: 0px;
	padding: 0px;
}
.boxtable .content {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	padding: 10px;
}
.boxtable.ads .content {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
#rightcol .boxtable {
	margin: 0 0 0px;
}
/*- Box2 -*/
.box2 {
	background: #ffffff;
	border: 0px solid #cfcfcf;
	margin: 0 0 10px;
	padding: 1px;
}
.box2 .content {
	background-color:#dc2729;
	height: 1%;
	padding: 10px;
	color:#FFF;
	text-align: center;
	height:16px;
}
.box2.ads .content {
	padding-left: 0px;
	padding-right: 0;
	text-align: center;
}
#rightcol .box2 {
	margin: 0 0 10px;
}
/*- Box3 -*/
.box3 {
	background: #ffffff;
	border: 0px solid #cfcfcf;
	margin: 0 0 10px;
	padding: 1px;
	
}
.box3 .content {
	background-color:#253a7b;
	height: 1%;
	padding: 10px;
	color:#FFF;
	text-align: center;
	height:16px;
}
.box3.ads .content {
	padding-left: 0px;
	padding-right: 0;
	text-align: center;
}
#rightcol .box3 {
	margin: 0 0 10px;
}
/*- Box2 -*/
.module {
	background: #ffffff;
	border: 1px solid #cfcfcf;
	padding: 1px;
	width:200px;
	margin: 0 0 10px;
	margin-right:10px;
}
.module .content {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	height: 1%;
	padding: 10px;
	color:#dc2729;
	text-align: left;
}
.modulecopy {
	color: #dc2729;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}

.trucks {
	background: #ffffff;
	border: 1px solid #cfcfcf;
	padding: 1px;
	margin: 0 0 0px;
	width:635px;
}
.trucks .content {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	padding: 10px;
	color:#333333;
	text-align: left;
}

.welcome {
	background: #ffffff;
	border: 1px solid #cfcfcf;
	padding: 1px;
	width:416px;
	margin: 0 0 0px;
	margin-right:10px;
	height:350px;
}
.welcome .content {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	padding: 10px;
	color:#333333;
	text-align: left;
}

.news {
	background: #ffffff;
	border: 1px solid #cfcfcf;
	padding: 1px;
	width:200px;
	margin: 0 0 0px;
	margin-right:10px;
	height:350px;
}
.news .content {
	background: url(../images/box-bgr.gif) #ffffff repeat-x top;
	padding: 10px;
	color:#333333;
	text-align: left;
}

/*=== Styling Lists ===*/

/*- Post Lists -*/
.content ul {
	margin: -10px 0 3em;
}
.content ul li {
	margin: 0 0 .3em;
	padding: 0 20px 0 5px;
	margin-left: 23px;
	list-style:disc;
}


/*- List1 -*/
.list1 li {
	background: url(../images/ico-list1.gif) no-repeat 0 1.1em;
	border-bottom: 1px solid #e7e7e7;
	height: 1%;
	padding: 10px;
}
.list1 ul {
	padding: .7em 0 .7em 13px;
}
.list1 li.last {
	border: 0;
}
#rightcol .list1 li a:hover {
	color: #33707e;
}

/*=== Footer ===*/
#footer {
	color: #999999;
	font-size: 11px;
	line-height: 39px;
	margin: 0 auto;
	width: 900px;
}
#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #999999;
	text-decoration: none;
}
/*=== Misc. ===*/
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.hl, .hl2 {
	background: url(../images/hl-dot.gif) repeat-x top;
	clear: both;
	height: 2px;
	overflow: hidden;
	width: 100%;
}
.hl2 {
	background: none;
	border-top: 1px solid #e7e7e7;
	height: 1px;
	margin: 0 0 .8em;
}
.fl {
	float: left;
	
}
.fr {
	float: right;
}
.ac {
	text-align: center;
}
.ar {
	text-align: right;
}



.hours {
	margin:0px;
}





/* default element styles */
ol {
	margin:10px 0 0px 0px;
}

p {
	margin:10px;
}

.bins_content {
	margin:0px 10px -20px 10px; font-size:11px !important;
}

.indent {
	margin-left:75px;
	
}



blockquote {
  padding-left: 60px;
  line-height:1.5em;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 5px;
  background-image: url(../images/openquote.gif);
  background-position: center left;
  background-repeat: no-repeat;
 }
 
blockquote div {
    padding-right: 60px;
    display: block;
    background-image: url(../images/closedquote.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
} 
blockquote .caption {
	font-size:10px;
	margin-left:0px;
	line-height:40px;
}



img {
	border:none;
}

.table { background: url(../images/box-bgr.gif) #ffffff repeat-x top; border:solid; border-width:thin; border-collapse:collapse; border-color:#cccccc; }
.tabletitle {background-color:#1f367e; color:#FFF; border:solid; border-width:thin; border-collapse:collapse; border-color:#cccccc; }

  TABLE.main_table
  { 
     border-collapse:collapse;
     border-style:solid;
     border-color:#cccccc;
     border-width:1px;
  }


  TR.main_table
  { 
  }

  TD.main_table
  {  
     border-style:solid;
     border-width:1px;
     border-color:#cccccc;
  }


#acc { width:640px; list-style:none; color:#033; margin:0px;}

#acc h3 {
	width:598px; 
	border:1px solid #cfcfcf; 
	padding:20px 20px 20px; 
	font-size: 12px;
	line-height: 1.5em;
	font-weight:normal; 
	margin-top:0px; 
	cursor:pointer; 
	background:url(../images/box-bgr.gif) repeat-x top;
	
}
#acc h3:hover { background:url(../images/white.gif)}
#acc .title .copy { border:1px solid #cfcfcf; border-top:none; background:url(../images/box-bgr.gif) repeat-x top}
#acc .acc-section { overflow:hidden; background:#fff}
#acc .acc-content { width:638px; padding:0px; border:1px solid #cfcfcf; border-top:none; background:url(../images/box-bgr.gif) repeat-x top}







input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 2px 0; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
input.submit:hover { background:#444; }


span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

.succsess_page { display: block; height: 30px; line-height:30px; background: #44da44 url('assets/success.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#eeeeee;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

/*#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }*/


