* { margin:0; padding:0;}
body { background:url(http://www.resslerpropane.com/images/tail-body.gif) repeat-x top #b4b4b5; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#000000;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.prev_next {margin: 20px 0 0 0}
.bleft {background:url(http://www.resslerpropane.com/images/fancy_left.png) no-repeat top left;padding: 7px 0 7px 32px; }
.bright {background:url(http://www.resslerpropane.com/images/fancy_right.png) no-repeat top right;padding: 7px 32px 7px 0 }
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;font-size:14px;}

p { margin:0; padding:0;}

#employees {
	font-size: 22px;
	font-weight: bold;
	line-height:22px;
}


#employees IMG {
	padding:5px;
}

#employees span {
	font-size: 14px;
	font-style: italic;
}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:194px; padding:2px 0 2px 3px; background:none; border:1px solid #bcbcbc; color:#414040; font-size:1.17em;}
textarea {width:194px; height:224px; overflow:auto; background:none; border:1px solid #bcbcbc; padding:2px 0 0 3px; color:#414040; font-size:1.17em; margin-bottom:20px;}

/*==================list====================*/
ul { padding:0 0 0 20px;}

.site-nav li { float:left; position:relative; display:block;}
//.navigation li {  float:left; position:relative; padding: 0px;  }
/*.navigation li*/
//.hover {  float:left; position:relative; padding: 0px; background:url(http://www.resslerpropane.com/images/menu-active.gif) no-repeat bottom; }
.navigation li a {   display:block; padding: 8px 10px 12px 10px; background:none; line-height:16px; color: #000000; text-decoration:underline; }
//.navigation li a:hover {   display:block; background:url(http://www.resslerpropane.com/images/menu-repeat.gif) repeat-x; line-height:16px; color: #ffffff; text-decoration:none; }

.list li { float:left; border-right:1px solid #5f676e; line-height:1em; padding:0 8px;}
.list li.last { border-right:0; padding-right:0;}
.list li a { color:#5f676e; font-size:.83em; text-transform:uppercase;}

.list1 { z-index: 10000; }
.list1 li {  background: #D6D9DD;} 
.list1 li span { display:block; }
.list1 li b { font-weight:normal; display:block; padding:5px 0 5px 37px}
.list1 li b.icon-1 { background:url(http://www.resslerpropane.com/images/email.png) no-repeat left top;}
.list1 li b.icon-2 { background:url(http://www.resslerpropane.com/images/statement.png) no-repeat left top;}
.list1 li b.icon-3 { background:url(http://www.resslerpropane.com/images/icon-3.gif) no-repeat left top;}
.list1 li b.icon-4 { background:url(http://www.resslerpropane.com/images/icon-4.gif) no-repeat left top;}
.list1 li b.icon-5 { }
.list1 li b.icon-6 { background:url(http://www.resslerpropane.com/images/pdf.png) no-repeat left top;}
.list1 li b.icon-7 { background:url(http://www.resslerpropane.com/images/icon-7.gif) no-repeat left top;}
.list1 li b.icon-8 { background:url(http://www.resslerpropane.com/images/icon-8.gif) no-repeat left top;}
.list1 li b.icon-9 { background:url(http://www.resslerpropane.com/images/icon-9.gif) no-repeat left top;}
.list1 li b.icon-10 { background:url(http://www.resslerpropane.com/images/icon-10.gif) no-repeat left top;}
.list1 li b.icon-11 { background:url(http://www.resslerpropane.com/images/icon-11.gif) no-repeat left top;}
.list1 li b.icon-account	{ background:url(http://www.resslerpropane.com/images/icon_account.png) no-repeat left top;}
.list1 li b.icon-new		{ background:url(http://www.resslerpropane.com/images/icon_new.png) no-repeat left top;}
.list1 li b.icon-invoice	{ background:url(http://www.resslerpropane.com/images/icon_invoice.png) no-repeat left top;}
.list1 li b.icon-work		{ background:url(http://www.resslerpropane.com/images/icon_work.png) no-repeat left top;}
.list1 li b.icon-delivery	{ background:url(http://www.resslerpropane.com/images/icon_delivery.png) no-repeat left top;}
.list1 li b.icon-contact	{ background:url(http://www.resslerpropane.com/images/icon_contact.png) no-repeat left top;}
.list1 li b.icon-paid		{ background:url(http://www.resslerpropane.com/images/icon_paid.png) no-repeat left top;}
.list1 li a { color:#414040; text-decoration:none;}
.list1 li a:hover { text-decoration:underline;}

.list2 li { font-size:.83em; text-transform:uppercase; padding:0 0 8px 20px; background:url(http://www.resslerpropane.com/images/marker-1.gif) no-repeat left 4px;}
.list2 li a { color:#dd2e18;}

.list3 li { font-size:.83em; text-transform:uppercase; padding:0 0 8px 22px; background:url(http://www.resslerpropane.com/images/marker-2.gif) no-repeat left 5px;}
.list3 li a { color:#3f3f3f;}

/*==================other====================*/
.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:20px;}
.p2 { margin-bottom:10px;}

.phone { float:right; margin-right:190px;}

#gallery1 {width:100%; overflow:hidden;}
#gallery1 a {position:relative; margin:5px;}
#gallery1 a span { display:none; background-image:url(http://www.resslerpropane.com/images/zoom.png); background-repeat:no-repeat; width:300px; height:225px; position:absolute; left:100px; top:60px;}
#gallery1 img { border: solid 1px #999; padding:5px;} 
#gallery1 a:hover span { display:block} 
#locations td {padding:5px;align:top;}
#products td {padding:10px; background:#E9E9EA;}
#products TD A {background-image:url(http://www.resslerpropane.com/images/pdf.png); background-repeat:no-repeat;padding: 5px 0 5px 30px;line-height: 32px;}
.on-top { z-index: 10000; }
#showroom img {padding:5px;}
#sub-header { width:100%;padding:0px;margin:0px;}
#sub-header span { color:white;padding:80px 15px 0 15px; }
#sub-header .spacer { width:300px }
#form {padding: 0px; margin:0px;}
#form textarea {background-color: #ffffff}
#form td {background-color: #E7E7E8; padding: 10px;}
#form td .hidden { background-color: #ffffff; }
#date_dropdown td { padding:0px; }


/*==================txt, links, lines, titles====================*/
a {color:#dd2e18;}
a:hover{text-decoration:none;}
h2 { color:#000000; font-size:14px;font-weight:normal}
h3 { color:#575555; font-size:1em; margin-bottom:10px;}
h4 { color:#414040; font-size:1.17em; font-weight:normal; margin-bottom:15px;}
h5 { color:#575555; font-size:1em;}

.txt1 { color:#ae0600; font-style:italic; font-size:1.17em;}
.txt1 a { color:#ae0600;}
.txt2 { color:#1e2328; font-size:.83em; text-transform:uppercase; display:block; padding:17px 0 18px 0;}
.txt3 { color:#ae0600;}
.txt4 { color:#dd2e18;}
.txt5 { color:#dd2e18; font-size:.83em; text-transform:uppercase;}
.txt5 a { color:#dd2e18;}

.divider { background:url(http://www.resslerpropane.com/images/divider-1.gif) repeat-y 194px 0;}
.divider1 { background:url(http://www.resslerpropane.com/images/divider-1.gif) repeat-y 425px 0;}
.divider2 { background:url(http://www.resslerpropane.com/images/divider-1.gif) repeat-y 655px 0; padding:26px 0 25px 0; min-height:122px; height:auto !important; height:122px;}

.title { padding-bottom:3px; color:#ffffff; font-size: 16px;}
.content-title { margin-bottom:20px; margin-top:3px; color:#ffffff; font-size: 24px; color:#000000;}
p.required {color: #ff2222; }
.asterisk {color: #ff2222; font-weight:bold;font-size: 24px}


/*==================boxes====================
background:url(http://www.resslerpropane.com/images/nav-tail.gif) repeat-x top;}
*/
.nav-box { width:100%; }
.nav-box .left { background:url(http://www.resslerpropane.com/images/nav-left.gif) no-repeat left top;}
.nav-box .right { height:168px; background:url(http://www.resslerpropane.com/images/nav-right.gif) no-repeat right top;}
.nav-box ul {list-style: none;}

.cont-box { width:100%;}
.cont-box .left { }
.cont-box .right {  padding:0 12px;}
.cont-box .border-top {background:url(http://www.resslerpropane.com/images/border-top.gif) repeat-x top #fff;}
.cont-box .left-top-corner {background:url(http://www.resslerpropane.com/images/left-top-corner.gif) no-repeat left top;}
.cont-box .right-top-corner {background:url(http://www.resslerpropane.com/images/right-top-corner.gif) no-repeat right top; min-height:300px; height:auto !important; height:485px;}

.cont-box .right-bot-corner {background:url(http://www.resslerpropane.com/images/right-bot-corner.gif) no-repeat right bottom; height:7px; padding-right:6px;}
.cont-box .left-bot-corner {background:url(http://www.resslerpropane.com/images/left-bot-corner.gif) no-repeat left bottom; font-size:0; line-height:0; height:7px; padding-left:6px;}
.cont-box .border-bot { background:#fff; height:7px;}

.cont-box .inner { padding:53px 34px 22px 21px;}

.box { background:#e5e5e5; width:100%; margin:-14px 0 0 0; position:relative;}
.box .border-top1 {background:url(http://www.resslerpropane.com/images/border-top1.gif) repeat-x top; width:100%;}
.box .border-bot1 {background:url(http://www.resslerpropane.com/images/border.gif) repeat-x bottom;}
.box .border-left1 {background:url(http://www.resslerpropane.com/images/border.gif) repeat-y left;}
.box .border-right1 {background:url(http://www.resslerpropane.com/images/border.gif) repeat-y right;}
.box .left-top-corner1 {background:url(http://www.resslerpropane.com/images/left-top-corner1.gif) no-repeat left top;}
.box .right-top-corner1 {background:url(http://www.resslerpropane.com/images/right-top-corner1.gif) no-repeat right top;}
.box .inner { padding:16px 1px 0 1px;}
.box .inner1 { padding:18px 16px 20px 16px;}
.box .title { margin:0 0 13px 18px;}
.box p { color:#414040;}

.box1 { background:#f6f6f6; width:100%;}
.box1 .border-top1 {background:url(http://www.resslerpropane.com/images/border-top2.gif) repeat-x top; width:100%;}
.box1 .left-bot-corner1 {background:url(http://www.resslerpropane.com/images/left-bot-corner1.gif) no-repeat left bottom; min-height:100px; height:auto !important; height:173px;}
.box1 .right-bot-corner1 {background:url(http://www.resslerpropane.com/images/right-bot-corner1.gif) no-repeat right bottom;}
.box1 .inner { padding:1px 29px 0 40px;}
.box1 p { color:#3f3f3f; font-size:.83em; text-transform:uppercase;}

.highlight { background:url(http://www.resslerpropane.com/images/arrow_state_grey_right.png) no-repeat 10px 3px;margin:10px;padding:0 0 0 35px;display:block;}


/*header*/
#header .indent { padding:39px 12px 0px 12px;z-index:5;height}
#header .row-1 { width:100%; overflow:hidden; height:111px;}
#header .row-1 .fleft { padding:14px 0 0 26px;}
#header .row-1 .fright { color:#ff7a0e; padding:25px 34px 0 0;}
#header .row-1 .fright a { color:#fff;}
#header .row-1 .fright a.txt1 { font-size:1em; font-style:normal; color:#e1e5ea;}
#header .row-2 { width:100%;height:94px;}
#header .row-2 .fleft { padding:3px 0 0 3px;}
#header .row-2 .fright { padding:12px 34px 0 0;}

/*content*/
#content p { line-height:1.5em;}
#content dl { line-height:1.5em; margin-top:-7px;}
#content dl dt { font-weight:bold; margin-bottom:7px; padding-top:7px; color:#575555;}
#content .banner { margin-top:-10px;margin-bottom:30px;}
#content .indent { padding-bottom:28px;}
#content .indent1 { padding-left:20px;}

.list3 p {text-indent: 30pt;}

.col-1 h1 {font-size: 14px; font-weight:bold; }
.col-2 h1 {font-size: 14px; font-weight:bold;}
.col-3 h1 {font-size: 14px; font-weight:bold;}

/*footer*/
#footer p { text-align:center; color:#626262; padding-top:17px;}
#footer p a { color:#626262; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*==========================================*/

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
