/* =================== */
/* = GLOBAL ELEMENTS = */
/* =================== */
body { 
	font-family              : sans-serif; 
	color                    : #383838; 
	text-align               : center; 
	/*
	PRE-CRM STYLE
	margin                   : 0 auto;
	padding                  : 20px;
	*/
	margin                   : 0;
	padding                  : 0;
	-webkit-text-size-adjust : 100%;/* keeps webkit from zooming text on orientation change */
}

#crmbannermargin {
    margin				: 0 auto !important;
	padding 			: 0 20px !important;
	background-color	: #ffd200 !important;
}

/* ADDED FOR CRM HAS RELATED STYLE AND CODE IN SITEWRAPPER */
#pagemargin {
	margin 	: 0 auto;
	padding : 20px;
}

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

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-ms-border-radius    : 5px;
	-o-border-radius     : 5px;
	border-radius        : 5px;
}

#content table.hasheaders th {
	background-color: #4D4D4D;
	color: #FFFFFF;
	padding: 5px 0 5px 10px;
	font-size: 1.1em;
}

#content img.right    {
	margin: 9px 0 10px 15px;
}
#content img.left    {
	margin: 9px 15px 10px 0;
}

/*add to .right.caption for "click to enlarge" text under images */
.enlarge {
	font-size    : .8em;
	background   : url('../images/icons/MagnifyingGlass.jpg') no-repeat 2px 2px;
	padding-left : 15px;
}





/* ========== */
/* = SEARCH = */
/* ========== */
#search {
	padding-top: 10px;
}
#searchtxt {
	display    : block;
	margin-left: 2px;
}
#searchtxt_mobile {
	display      : none;
	margin-bottom: 6px !important;
}
#searcherror {
    display: none;
    left: 2px;
    top: -3px;
}


/* =================== */
/* = GOOGLE TRANLATE = */
/* =================== */
.goog-te-gadget-simple {
	/* ie8 fix for goofy display... sigh... */
	padding-right: 20px\9;
}
#google_translate_element {
	margin: 0 10px 8px 0;
}
#google_translate_element a:hover{
	text-decoration: none;
}


/* ================= */
/* = ORBIT/BANNERS = */
/* ================= */
/*hide banners while loading*/
#featured { 
	background: url('../images/spinner.gif') no-repeat center #F4F4F4; 
	height    : 317px !important; 
}
#featured img, 
#featured .content { 
	display: none;
}
#featured.orbit { 
	background: none;
	height    : 290px !important; 
}
#featured.orbit img,
#featured.orbit .content { 
	display: block; 
}

/* hide timer gaphic */
div.orbit-wrapper div.timer {
	display: none;
}

div.orbit.with-bullets {
	margin-bottom: 27px;
}

/* 
fix to fix the orbit ie8 fix below for banner-dark/light; foundation 3.2 added filter 
and opacity css to this selector, which hose the semi-transparent background on IE8 
*/
.orbit div.orbit-slide {
	filter  : none !important;
}

/* spacing for slide bullets */
ul.orbit-bullets {
	bottom        : -27px;
	margin-top    : 0;
	margin-bottom : 0;
}
ul.orbit-bullets li {
	margin: 0 5px;
}
.banner-light { 
	padding    : 10px 10px 20px 20px;
	background : rgba(0, 0, 0, 0.2);
	width      : 60%;
	margin     : 30px 0 0 30px;	 
}
.text-light { 
	color       : 	#ffffff;
	font-weight : 	bold;
	text-shadow : 	0 2px rgba(0, 0, 0, 0.7);
}
.banner-dark { 
	padding    : 10px 10px 20px 20px;
	background : rgba(255, 255, 255, 0.2);
	width      : 60%;
	margin     : 30px 0 0 30px;	
}
.text-dark { 
	color       : 	#000000;
	font-weight : 	bold;
	text-shadow : 	0 1px rgba(255, 255, 255, 0.7); 
}




/* ============ */
/* = WRAPPERS = */
/* ============ */
#crmbannerwrap { 
	margin              : 0 auto !important; 
	padding             : 10px 40px 10px 0 !important; 
}
#crmbannerwrap > div { 
	font-size			: 1.3em; 
	font-weight 		: bold; 
	color 				: #205699;
}
#crmbannerwrap > div > span { 
	float 				: right;
}
#crmbannerwrap > div > span > img { 
	width 				: 100%;
	max-width 			: 17px;
}

#pagewrap { 
	margin                : 0 auto; 
	padding               : 20px; 
	text-align            : left; 
	background-color      : #FFFFFF; 
	-webkit-box-shadow    : 0 0 20px rgba(0,0,0,0.5);
	-moz-box-shadow       : 0 0 20px rgba(0,0,0,0.5);
	box-shadow            : 0 0 0px rgba(0,0,0,0.3);
	-webkit-border-radius : 10px;
	-moz-border-radius    : 10px;
	-ms-border-radius     : 10px;
	-o-border-radius      : 10px;
	border-radius         : 0px;
}

#headerwrap {
	margin-bottom: 5px;
}

/* alert box */
#sitealertwrap {
	display      : none;
	margin-bottom: 15px;
}
#sitealertwrap > div {
	margin-bottom: 0;
}
#sitealertwrap > div > div.alert-box {
	box-shadow         : inset 0 3px 10px rgba(0,0,0,0.2);
	-moz-box-shadow    : inset 0 3px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow : inset 0 3px 10px rgba(0,0,0,0.2);
	text-shadow        : 0 1px rgba(0, 0, 0, 0.3);
	margin-bottom      : 0;
}
#sitealertwrap > div > div.alert-box a.close {
	width              : 30px;
	height             : 30px;
	margin             : 0;
	top                : 4px;
	opacity            : 1;
	background         : url('../images/carousel/button/close.png');
	background-position: top left;
}
#sitealertwrap > div > div.alert-box a.close:hover, 
#sitealertwrap > div > div.alert-box a.close:focus {
	background-position: bottom left;
	text-decoration    : none; 
}
#sitealertwrap > div > div.alert-box p {
	text-shadow: none;
	font-weight: bold;
}
#sitealertwrap > div > div.alert-box h4 {
	color     : #FFFFFF;
	margin-top: 8px;
}
#sitealertwrap > div > div.alert-box p {
	margin-bottom: 5px;
}

/* menu */
#menuwrap {
	margin: 0 0 15px 0;
}

/* banner */
#bannerwrap {
	margin: 0 0 15px 0;
}

/* breadcrumb */
ul.breadcrumbs {
	padding   : 0;
	background: none;
	border    : 0;
	margin    : -10px 0 15px 0; /*25px*/
}

/* carousel */
#carouselwrap {
	margin: 0 0 15px 0;	
}
#carouselwrap > div.main-container {
	position: relative !important;
	z-index : 0 !important;
	padding : 20px 20px 20px 27px;
	width   : auto !important;/* remove pixel based width specification from this container to allow responsive resizing */
}

/* content wrapper */
#contentwrap {
	margin-bottom: 15px;
}
/* prevent images from being resized by css/browser */
#contentwrap img {
	max-width: inherit;
}
#contentwrap #content > h1:first-child {
	margin : 0 0 20px -4px; /*30px*/
	line-height: 0.9;
	color: #CCCCCC;
	padding: 0;
}
#contentwrap #content > h4 {
	margin-left: -2px;
}
#contentwrap #content > h4:first-child {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
#contentwrap #content {
	padding-left: 17px;
}

/* show tabs instead of accordion */
#tabswrap {
	display: block;
}
#accordionwrap {
	display: none;
}
/* put border on non-active tabs */
dl.tabs dd {
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}
dl.tabs dd:first-child {
	border-left: 1px solid #EEEEEE;
}

/* sidebar */
#sidebarwrap div aside,  
#sidebarnav {
	margin    : 20px auto;
	margin-top: 0;
}

/* sitemap */
#sitemapwrap {
	margin-bottom: 15px;
}
#sitemapwrap h6 {
	margin-bottom: 5px;
	font-weight  : normal;
}

/* footer */
#disclaimerwrap {
	line-height: 20px;
}

#socialwrap {
	margin-top: 6px;
	/*border: 1px solid red;*/
}
#socialwrap > div {
	margin: 0;
	padding: 0;
}
#socialwrap > div > span {
	top     : 18px;
	/*right : -130px;*/
	position: relative;
	float   : right;
	/*border: 1px solid red;*/
}
#socialwrap > div > a,
#socialwrap_menu > a {
	height             : 32px;
	width              : 32px;
	margin-right       : 4px;
	float              : right;
	background-position: no-repeat top;
}
a#facebook,
a#facebook_menu {
	margin-left: 5px;
	background : url('../images/icons/social/facebook.png');
}
a#twitter,
a#twitter_menu {
	background: url('../images/icons/social/twitter.png');
}
a#pinterest,
a#pinterest_menu {
	background: url('../images/icons/social/pinterest.png');
}
a#googleplus,
a#googleplus_menu {
	background: url('../images/icons/social/googleplus.png');
}
a#youtube,
a#youtube_menu {
	background: url('../images/icons/social/youtube.png');
}
a#linkedin,
a#linkedin_menu {
	background: url('../images/icons/social/linkedin.png');
}
a#ourblog,
a#ourblog_menu {
	background  : url('../images/icons/social/wordpress.png');
	margin-right: 0 !important;
}
/* default view is grayscale, light-up on hover */
a#facebook:hover,
a#twitter:hover,
a#pinterest:hover,
a#googleplus:hover,
a#youtube:hover,
a#linkedin:hover,
a#ourblog:hover {
	background-position: bottom;
}
/* default for menu is color version */
#socialwrap_menu > a {
	float: left;
	/*margin-top:  15px;*/
	margin: 15px 0 0 5px;
	background-position: bottom;
}
a#facebook_menu {
	margin-left: 0;
}








/* ============ */
/* = CAROUSEL = */
/* ============ */
.theme1 ul {
	list-style: none;
}
.teaser{
	width : inherit;
	height: 78px; 
	margin: 0 0 5px 0; 
}
.desktopbtn {
	display: inline;
}
.mobilebtn {
	display: none;
}
.page-more {
	width: 100% !important;
}
.theme1 .closer{
	margin: -17px -17px 0 0 !important;
}
.slider_holder {
	width : 100% !important;
	height: 100% !important;
}
.slide {
	width: 160px !important;
}
.slide p {
	font-size: 12px;
	margin-top:5px;
}
.slide h2 {
	font-size: 16px;
}
.theme1 .details_double {
	min-width: 280px;
	width    : 45%;
}
.theme1 .big-image, 
.theme1 .video_clip {
	max-width : 400px;
	/*max-height: 100%;*/
	max-height: 235px;
	width     : 50%;
	height    : auto;
}
.theme1 .video_clip {
	height    : 100%;
}
.theme1 .check {
	margin-top: 10px;
}
.theme1 .check li{
	line-height        : inherit;
	background-position: 0.4em 0.25em !important;
}
.theme1 .imgholder {
	cursor: pointer !important;
}





/* ================== */
/* = TECO COMPANIES = */
/* ================== */
ul#tecocomplist {
	padding: 0;
	display: inline-block;
	margin : 0;
}
ul#tecocomplist li { 
	margin    : 0; 
	padding   : 0 6px 0 0; 
	/*float     : left; */
	display: inline-block;
	list-style: none; 
}
ul#tecocomplist li a,
ul#tecocomplist li span { 
	padding-left: 6px; 
}
ul#tecocomplist li:first-child a,
ul#tecocomplist li:first-child span {
	padding-left: 4px;
}
ul#tecocomplist li:first-child {
	padding-left: 0;
}
ul#tecocomplist li:before { 
	content: "|"; 
}





/* ======================== */
/* = REVEAL MODAL DIALOGS = */
/* ======================== */
.reveal-modal-bg {
	z-index : 101;
	background : rgba(0, 0 ,0 , 0.45);
} 
.reveal-modal {
	z-index   : 102;
	text-align: left;
}




/* ========= */
/* = PANEL = */
/* ========= */
.panel.gradient {
	background         : #F4F4F4;
	background         : -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
	background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
	background         : -o-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
	background 		   : -ms-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%) !important;
	background         : linear-gradient(to bottom, #FFFFFF 0%, #F4F4F4 100%) !important;

	-webkit-box-shadow : 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow    : 0 2px 5px rgba(0,0,0,0.15);
	box-shadow         : 0 2px 5px rgba(0,0,0,0.15);
}
.panel.radius {
	-webkit-border-radius: 7px;
	-moz-border-radius   : 7px;
	-ms-border-radius    : 7px;
	-o-border-radius     : 7px;
	border-radius        : 2px;
}






/* ========= */
/* = FORMS = */
/* ========= */
label.required {				/* adds star to input labels */
	padding    : 0 10px 0 9px;
	background : url('../images/astr.gif') no-repeat top left;
}

label.required2 {			/* adds star to input labels with more indention */
	background : url('../images/astr.gif') no-repeat -1px 4px;
	padding    : 0 10px;
}
h5.alert,
p.alert,
div.alert,
strong.alert,
span.alert {
	color : #FF0000;
}
.togglebox {
	position   : relative;
	visibility : hidden;
	display    : none;
}
div.custom.dropdown ul {
	width 	 : inherit !important;
	height   : 250px !important;
	overflow : auto !important;
}
form.custom div.custom.dropdown {
	margin-bottom : 15px;
}





/* =========== */
/* = BUTTONS = */
/* =========== */
a.button,
a.button:hover {
	text-decoration : none;
	border          : 0px solid #1e728c;
}
.button.disabled, 
.button[disabled],
.button.disabled:hover, 
.button[disabled]:hover {
	background   : #CCCCCC;
	color        : #000000;
	text-shadow  : 1px 1px rgba(255, 255, 255, 0.5);
	border-color : #999999;
}
/* foundation CSS omits this element */
input[type="button"].button{ 
  -webkit-appearance: none; 
}
/* match look of iOS buttons */
.button {
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	-ms-border-radius     : 5px;
	-o-border-radius      : 5px;
	border-radius         : 0px;
}
div.banner-light .button,
div.banner-dark .button {
	padding: 7px 15px !important;
}
/* remove radius from left-side to "meld" with input element overlay */
#searchbtn a {
	-webkit-border-top-left-radius    : 0;
	-webkit-border-bottom-left-radius : 0;
	-moz-border-top-left-radius       : 0;
	-moz-border-bottom-left-radius    : 0;
	-ms-border-top-left-radius        : 0;
	-ms-border-bottom-left-radius     : 0;
	-o-border-top-left-radius         : 0;
	-o-border-bottom-left-radius      : 0;
	border-top-left-radius            : 0;
	border-bottom-left-radius         : 0;
	display                           : block;
}
#searchbtn a,
#searchbtn a:hover {
	width          : 36px;
	padding-top    : 9px;
}
#searchbtn_mobile a,
#searchbtn_mobile a:hover {
    text-decoration: none;
}
#searchbtn_mobile {
    display: none;
}
#mobilemenubtn {
	-webkit-border-radius : 0;
	-moz-border-radius    : 0;
	-ms-border-radius     : 0;
	-o-border-radius      : 0;
	border-radius         : 0;
}





/* ============== */
/* = MISC STUFF = */
/* ============== */
#logo {
	min-width: 171px;
}

/* addthis customizations */
#addthis {
	margin-right: 2px;
}
.addthis_button > img {
	border   : 0; 
	margin   : 0;
	padding  : 0;
	min-width: 125px;
}
#at_auth {
	height: auto !important;
}
#at15pf, 
#at16pf,
#at3winfooter {
	height: 20px !important;
}

.aside p,
.aside ul.disc.lioutside li { 
	font-size  : 13px; 
	line-height: 1.35; 
	font-style : normal; 
}

#footerlogo {
	display: inline;
	vertical-align: middle;
}

/* accordion */
.accordion > li > div.content {
	overflow-x: hidden; 
	overflow-y: hidden; 
	display   : none;
}
.accordion > li.active > div.content {
	display: block;
}


/* tool tips for images won't show underline */
img.has-tip {
	vertical-align : text-bottom; 
	border         : 0;
}
img.has-tip:hover {
	border: 0;
}

/* genric styles to add border and/or shadow to elements (mostly images) */
.bordered {
	padding               : 5px;
	border                : 1px solid #CCCCCC;
	-webkit-border-radius : 3px; 
	-moz-border-radius    : 3px;
	-ms-border-radius     : 3px; 
	-o-border-radius      : 3px; 
	border-radius         : 3px;
}
.shadowed {
	-webkit-box-shadow : 0 0 10px rgba(0, 0, 0, 0.25); 
	-moz-box-shadow    : 0 0 10px rgba(0, 0, 0, 0.25); 
	box-shadow         : 0 0 10px rgba(0, 0, 0, 0.25);
}

/* move text/button elments onto input slightly more to account for larger border radius*/
.postfix {
	right : 4px;
}
.prefix {
	left : 4px;
}

/* enable traditional list item display */
ol.lioutside,
ul.lioutside {
	list-style-position: outside;
}
#content > ul,
ol.disc { 
	margin-left: 17px; 
}


#content ul.disc,
#content ol.disc {
	margin-bottom: 15px;
}

/* eliminate hover on drop down default selected element */
a.current:hover {
	text-decoration: none;
}

.caption {
	font-style: italic !important;
	color: #666666 !important;
}

.faqQ {
	font-size: 1.2em !important;
}


#sitemap ul li {
	list-style: none;
}

/* use for galleries [see PGS Natural Gas Appliances] */
ul.gallery-list { 
	margin     : 0 0 22px 0px; 
	padding    : 0; 
	list-style : none; 
	overflow   : hidden; 
}
ul.gallery-list li { 
	list-style : none; 
	float      : left; 
	margin     : 0 21px 22px 0px; 
	display    : block; 
}
ul.gallery-list li a { 
	display : block; 
}

/* float images with captions left and right */
.subcontentleft {
	padding : 10px;
	margin  : 0 15px 5px 0;
	float   : left;
	display : block;
}
.subcontentright {
	padding : 10px;
	margin  : 0 0 5px 15px;
	float   : right;
	display : block;
}

/* hide stuff */
.noshow {
	display : none;
}

/* make symbols smaller */
sup {
	font-size: small;	
}

/* fancybox "wrapper" background color */
.fancybox-skin {
	background-color: #FFFFFF;
}

/* our blockquote or blockquote2 */
.quote {
	background-color:#efefef; 
	font-style:italic; 
	line-height: 1.5em;
	margin:15px 30px 5px 20px;
	padding:20px 20px 5px 30px;
	background-image: url(../images/openquote.png);
  	background-position: 10px 10px;
  	background-repeat: no-repeat;
  	text-indent: 13px;
}

/* switch out payment location links */
.desktopmaplink {
	display: block;
}
.mobilemaplink {
	display: none;
}

.disclaimer { 
	font-size: 80%; 
}

.newstitle {
	font-size: 44px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #cccccc;
}


/* ========= */
/* = PRINT = */
/* ========= */
@media print {
	/* override foundations code to output hrefs (and other things) in printouts, we no likey */
  	a[href]:after { 
  		content: "" !important; 
  	}
  	abbr[title]:after { 
  		content: "" !important; 
  	}
 }



/*
iPad portrait
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}*/




/* ============================ */
/* = ALL MOBILE/TOUCH DEVICES = */
/* ============================ */
@media only screen and (max-device-width: 768px) {
	/* light up social icons on initial state for touch devices */
	a#facebook,
	a#twitter,
	a#pinterest,
	a#googleplus,
	a#youtube,
	a#linkedin,
	a#ourblog {
		background-position: bottom;
	}
	a#facebook:hover,
	a#twitter:hover,
	a#pinterest:hover,
	a#googleplus:hover,
	a#youtube:hover,
	a#linkedin:hover,
	a#ourblog:hover {
		background-position: top;
	}

	/* 
	used only to prevent iOS devices from firing on initial menu tap;
	changing the display or visibility property is required between
	the initial and hover states

	more info: http://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem/
	*/
	.menu > li > a:first-child {
		display: block;
	}
	.menu > li > a:first-child:hover {
		display: inline-block;
	}
	/* increase spacing between slides bullets */
	ul.orbit-bullets li {
		margin: 0 10px;
	}

	/* don't show flash download prompt on mobile devices */
	#getflashplayer {
		display: none;
	}

	/* increase space between custom radios/checkboxes */
	form.custom span.custom {
		top           : 8px;
		margin-bottom : 5px;
	}
}






/* ======================================= */
/* = "SMALL TABLET" RESOLUTION AND BELOW = */
/* ======================================= */
@media only screen and (max-width: 767px) {
	body{
		padding: 0;
		margin : 0;
	}

	#crmbannermargin {
		padding : 0 !important;
	}

	#pagemargin {
		padding: 10px;
		/*margin : 0 auto;*/
	}

	#pagewrap {
		padding               : 10px;
		box-shadow            : 0 0 0px rgba(0,0,0,0.5);
		-webkit-box-shadow    : 0 0 0px rgba(0,0,0,0.5);
		-moz-box-shadow       : 0 0 0px rgba(0,0,0,0.5);
		/*-webkit-border-radius : 10px;
		-moz-border-radius    : 10px;
		-ms-border-radius     : 10px;
		-o-border-radius      : 10px;
		border-radius         : 10px;*/
	}

	/* search */
	#searchtxt {
		display: none;
	}
	#searchbtn {
		display: none !important;
	}
	#searchtxt_mobile {
		display: block;
	}
	#searcherror {
		left: 0;
		margin-top: 6px;
	}
	#searcherror small {
		font-size: 10px;
	}
	#searchbtn_mobile {
		display: inline !important;
	}
	
	/* add this */
	#addthis {
		display: none;
	}

	/* site alert */
	/*#sitealertwrap {
		margin-bottom: 10px;
	}*/
	#sitealertwrap > div > div.alert-box h4 {
		font-size    : 18px;
		margin-bottom: 8px;
	}
	#sitealertwrap > div > div.alert-box p {
		font-size: 12px;
	}
	
	/* menu */
	/*#menuwrap {
		margin-bottom: 7px;
	}*/
	#mobilemenu ul {
		margin-top: 0;
	}
	#desktopmenu {
		display: none;
	}

	/*
	15px set in misc section
	ul.breadcrumbs {
		margin-bottom : 15px;
	}*/

	#contentwrap #content h1:first-child {
		margin-bottom: 20px;
		font-size    : 2.5em;
	}
	
	/* carousel */
	#carouselwrap .desktopbtn {
		display: none !important;
	}
	#carouselwrap .mobilebtn {
		display: inline !important;
	}
	.theme1 .closer{
		margin: -10px -10px 0 0 !important;
	}

	/* reveal modal dialogs, used by carousel for mobile display of "desktop" slides */
	.reveal-modal {
		margin-top : 10px;
		width      : 92%;
		margin-left: -46%;
	}

	.reveal-modal > img.big-image {
		max-width    : 100%;
		max-height 	 : 100%;
		width     	 : 100%;
		margin-bottom: 10px !important;
	}
	.reveal-modal.theme1 div.details_double,
	.reveal-modal.theme1 div.details {
		width    : 100%;
		min-width: 100%;
	}
	.reveal-modal > iframe.video_clip {
		min-height   : 280px;
		height       : auto;
		width 		 : 100% !important;
		max-width    : 100%;
		margin-bottom: 10px !important;
		margin-right :10px; 
	}

	/* swap accordion for tabs */
	#tabswrap {
		display: none;
	}
	#accordionwrap {
		display: block;
	}

	/* sitemap */
	#sitemap > div div li {
		padding-right: 0 !important;
		line-height  : 1.8 !important; 
	}
	#sitemap div.clear {
		clear: both;
	}
	#sitemap div.padleft {
		padding-left: 15px !important;
	}

	/* teco companies */
	#footerlogo {
		display: none;
	}
	#sitemapwrap > div div ul#tecocomplist li {
		padding-right: 6px !important;
		font-size: 12px;
		line-height: 1.8;
	}
	ul#tecocomplist li:first-child a,
	ul#tecocomplist li:first-child span {
		padding-left: 3px;
	}

	/* footer */
	#disclaimerwrap,
	#socialwrap {
		margin-top   : 0;
		margin-bottom: 15px !important;
		font-size    : 12px !important;
	}
	#disclaimerwrap {
		text-align : center !important; 
		line-height: 16px !important;
	}
	#socialwrap > div {
		width : 300px;/*min # of pixels to prevent wrapping */
		margin: 0 auto;
	}

	/* increase spacing between li elements for lists of links */
	ul.disc.lioutside.linklist li {
		margin-bottom: 10px;
	}


	div.banner-light .button,
	div.banner-dark .button {
		font-size : 10px;
		padding   : 5px 10px !important;
		display   : inline-block;
	}

	/* foundation CSS omits this element */
	input[type="button"].button {
		width 		  : 100%;
		padding-left  : 0;
		padding-right : 0;
	}
}






/* ============================= */
/* = "MOBILE/PHONE" RESOLUTION = */
/* ============================= */
@media only screen and (max-device-width: 480px) {
	#pagewrap { 
		padding           : 0; 
		box-shadow        : 0 0 5px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
		-moz-box-shadow   : 0 0 5px rgba(0,0,0,0.5);
	}

	#searchtxt_mobile {
		position : relative;
		font-size: 17px;
		-webkit-transition : all 0.75s ease-in-out;
		transition         : all 0.75s ease-in-out;
	}
	#searcherror {
		position : relative; 
		left     : 0;
		top      : -3px;
	}
	/*#searchtxt_mobile:focus {
		width: 200px;
	}*/

	/* orbit */
	#featured { 
		height : 172px !important; 
	}
	#featured.orbit { 
		height : 145px !important; 
	}
	#featured.orbit p {
		margin-bottom : 8px;
	}
	#featured img {
		height: inherit;
		/*min-height: 100%;*/
	}
	#featured h4 {
		font-size: 0.9em;
		margin-top: 0;
		margin-bottom: 7px;
	}
	.text-dark,
	.text-light {
		font-size: 0.8em;
	}
	.banner-dark,
	.banner-light {
		margin  : 5px 0 0 10px;
		width   : 70%;
		padding : 10px;
	}

	/* sitemap */
	#sitemap,
	#sitemapwrap hr {
		display: none;
	}
	#sitemapwrap > div div li {
		font-size    : 12px;
	}
	/*#sitemapwrap h5 {
		margin-top   : 10px;
		margin-bottom: 10px;
		font-size    : 14px;
	}
	#sitemapwrap h6 {
		font-size    : 12px;
		font-weight  : normal;
		margin-bottom: 5px;
	}*/
	
	#socialwrap > div {
		width : 255px;/*min # of pixels to prevent wrapping */
		margin: 0 auto;
	}
	#findus {
		display: none;
	}

	ul#tecocomplist li:nth-child(2) a {
		padding-left: 0
	}
	ul#tecocomplist li:nth-child(2):before {
		content: "";
	}
	#sitemapwrap > div div ul#tecocomplist li {
		padding-right: 2px !important;
	}
	ul#tecocomplist li a,
	ul#tecocomplist li span {
		padding-left: 2px;
	}


	/* switch out payment location links */
	.desktopmaplink {
		display: none;
	}
	.mobilemaplink {
		display: block;
	}
}

/* used for css transition of expanding text input element */
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
	#searchtxt_mobile:focus {
		width : 288px;
		right: 217px;
		/*left  : -217px;*/
	}
}
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
	#searchtxt_mobile:focus {
		width : 260px;
		right: 147px;
		/*left  : -147px;*/
	}
	#logo {
		opacity : 1.0 !important;
	}
}
@media only screen and (max-device-width: 1136px) and (orientation:landscape) {
	#searchtxt_mobile:focus {
		width : 300px;
		right: 163px;
		/*left  : -147px;*/
	}
	#logo {
		opacity : 1.0 !important;
	}
}