/*  
Theme Name: Trexler Haines, Inc
Theme URI: 
Description: Custom WordPress Theme for Trexler Haines, Inc
Version: 1
Author: J Taylor Design
Author URI: http://www.thejtsite.com

*/

/* Main ////////////////////////////////////////////////////////// */

/* Sets all Defaults to 0 */

* {
	padding: 0px;
	margin: 0px;
}

html, body  {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 25px;
	background: url(images/background.jpg) repeat-x top center;
	color: #2B251F;
}

#container {
	width: 940px;
	min-height: 100%;
	margin: 0px auto -260px auto;
	position: relative;
	background: url(images/container.jpg) top no-repeat;
}

.clearboth {
	clear: both;
	height: 0px;
}

img {
	border: 0px;
}

/* Typography ////////////////////////////////////////////////////////// */

a:link, a:active, a:visited { 
	text-decoration: underline; 
	color: #F36F21;
}

a:hover, a:focus { 
	text-decoration: underline; 
	color: #274491; 
}

a:active {
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}

@font-face {
	font-family: 'helvetica67';
	src: url('font/helvetica67.eot');
	src: local('?'), url('font/helvetica67.woff') format('woff'), url('font/helvetica67.ttf') format('truetype'), url('font/helvetica67.svg#webfontW1AjT318') format('svg');
	font-weight: normal;
	font-style: normal;
}

h2 {
	color: #333333;
	font-family: helvetica67;
	font-size: 26px;
	font-weight: 100;
	margin-bottom: 4px;
}

h3 {
	color: #666666;
	font-family: helvetica67;
	font-size: 18px;
	font-weight: 100;
	margin-bottom: 0px;
}

h4 {
	color: #999999;
	margin-bottom: 0px;
}

p {
	padding-bottom: 20px;
}

small {
	line-height: normal;
	line-height: 20px;
}

ul, ol {
	margin-bottom: 15px;
}

ul li {
	list-style-position: outside;
	margin-left: 15px;
}


ul li ul {
	margin: 0px 0px 0px 15px;
}

.answer_list {
	padding-bottom: 0px;
}

ul li.answer {
	list-style-position: none;
	list-style-type: none;
	margin-left: 0px;
	font-weight: normal;
}

ul li strong {
	list-style-position: none;
	list-style-type: none;
	margin-left: 0px;
	font-weight: bold;
}

ul li.list_header {
	list-style-position: none;
	list-style-type: none;
	margin-left: 0px;
	font-weight: bold;
}

ul li.list_header ul {
	font-weight: normal;
}

ul.subnav {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

ul.subnav li {
	padding: 0px;
	list-style-position: inside;
	list-style: none;
	margin-left: 0px;
}

ul.subnav li a {
	font-weight: normal;
	background: url(images/sub_a1.png) 5px 12px no-repeat;
	color: #636363;
	width: 245px;
	display: block;
	padding: 3px 5px 3px 20px;
}

ul.subnav li a:hover {
	background-color: #e3e3e3;
}

ul.brands {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

ul.brands li {
	padding: 0px;
	font-style: italic;
	list-style-position: inside;
	list-style: none;
	margin-left: 0px;
}

ul.brands li a {
	font-size: 11px;
	text-decoration: none;
	background: url(images/sub_a2.png) 6px 7px no-repeat #1e1e1e;
	color: #ffffff;
	padding: 0px 10px 0px 20px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	display: inline;
	float: left;
	margin: 0px 5px 5px 0px;
}

ul.brands li.no_link {
	font-size: 11px;
	text-decoration: none;
	background: url(images/sub_a2.png) 6px 7px no-repeat #535353;
	color: #ffffff;
	padding: 0px 10px 0px 20px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	border-radius: 5px 5px;
	display: inline;
	float: left;
	margin: 0px 5px 5px 0px;
}

ul.brands li a:hover {
	background-color: #274491;
}

.wp-table-reloaded {
	background-color: #ffffff !Important;
}

/* Forms ////////////////////////////////////////////////////////// */

.form_quarter {
	width: 110px;
	border: 1px solid #274491;
	background-color: #ffffff;
	padding: 5px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 0px 10px 25px 0px;
	display: inline;
	float: left;
}

.form_half {
	width: 242px;
	border: 1px solid #274491;
	background-color: #ffffff;
	padding: 5px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 0px 10px 25px 0px;
	display: inline;
	float: left;
}

.form_full {
	width: 506px;
	border: 1px solid #274491;
	background-color: #ffffff;
	padding: 5px;
	margin: 0px 10px 5px 0px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.form_message {
	width: 506px;
	height: 80px;
	border: 1px solid #274491;
	background-color: #ffffff;
	padding: 5px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.red {
	color: red;
	font-style: italic;
	font-size: 10px;
}

.submit_it {
	background-color: #F36F21;
	border: 1px solid #274491;
	width: 100px;
	height: 30px;
	color: white;
	cursor: pointer;
}

/* Images ////////////////////////////////////////////////////////// */

.alignright {
   padding: 3px;
   border: 1px solid #e3e3e3;
   margin: 4px 0px 5px 13px;
   display: inline;
   float: right;
}

.alignleft {
   padding: 3px;
   border: 1px solid #e3e3e3;
   margin: 4px 13px 5px 0px;
   display: inline;
   float: left;
}

.img_inline {
	float: left;
	padding-right: 10px;
}

.ngg-galleryoverview {
	margin-top: 0px !important;
}

/* Header ////////////////////////////////////////////////////////// */

#header {
	width: 940px;
	height: 210px;
	position: relative;
}

#logo {
	width: 270px;
	height: 155px;
	padding: 0px;
	display: inline;
	float: left;
}

#logo h1 {
	margin: 0;
	padding: 0;
	width: 270px;
	height: 155px;
}

#logo a {
	width: 270px;
	height: 155px;
	display: block;
	text-indent: -9999px;	
}

#info {
	float: left;
	width: 670px;
	height: 87px;
	text-indent: -9999px;
}

#order {
	display: inline;
	float: left;
	margin-left: 9px;
	width: 301px;
	height: 55px;
}

#newsletter {
	float: right;
	width: 630px;
	height: 55px;
}

#newsletter_signup {
	float: right;
	margin: 1px 10px 0px 0px;
	color: #333333;
	font-size: 12px;
}

#newsletter_form {
	float: right;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.newsletter {
	display: inline;
	width: 147px;
	padding-left: 3px;
	height: 20px;
	border: 1px solid #9A9B9F;
	background-color: #ffffff;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	margin-right: 5px;
	position: relative;
	top: -6px;
}

.newsletter_submit {
	display: inline;
}

/* Navigation //////////////////////////////////////////////////////////////// */

#navigation {
	height: 60px;
	position: relative;
	float: right;
	margin-right: 32px;
}

/* Callout ////////////////////////////////////////////////////////// */

.anythingSlider                         { width: 894px; height: 368px; background: url(images/s_paginate.jpg) bottom no-repeat; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 894px; overflow: auto; height: 333px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { position: relative; display: block; float: left; padding: 0; height: 333px; width: 1394px; margin: 0; z-index: 2; }
.anythingSlider .arrow                  { display: block; height: 50px; width: 49px; background: url(images/slide_arrows.jpg) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 130px; cursor: pointer; z-index: 1; }
.anythingSlider .forward                { background-position: -49px 0; right: -23px; }
.anythingSlider .back                   { background-position: 0 0; left: -23px; }
.anythingSlider .forward:hover          { background-position: -49px -50px; }
.anythingSlider .back:hover             { background-position: 0 -50px; }

#thumbNav                               { position: relative; top: 333px; text-align: center; }
#thumbNav a                             { display: inline-block; padding: 0px 3px; width: 8px; height: 35px; background: url(images/s_p_a.png) no-repeat; text-indent: -9999px; }
#thumbNav a:hover                       { background: url(images/s_p_h.png) no-repeat; text-indent: -9999px; }
#thumbNav a.cur                         { background: url(images/s_p_h.png) no-repeat; text-indent: -9999px; }

#start-stop                             { color: #ffffff; }
#start-stop.playing                     { width: 0px; height: 0px; overflow: hidden; text-indent: -9999px; }
#start-stop:hover                       { width: 0px; height: 0px; overflow: hidden; text-indent: -9999px; }

/* Prevents */
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* Home Sliders ////////////////////////////////////////////////////////// */

.anythingSlider h2 {
	margin-bottom: 0px;
}

#s_propane_s a {
	width: 225px;
	height: 333px;
	background: url(images/s_propane_s.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
}

#s_propane a {
	width: 894px;
	height: 333px;
	background: url(images/s_propane.jpg);
	text-indent: -9999px;
	display: block;
}

#s_appliances_s a {
	width: 225px;
	height: 333px;
	background: url(images/s_appliances_s.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
}

#s_appliances a {
	width: 894px;
	height: 333px;
	background: url(images/s_appliances.jpg);
	text-indent: -9999px;
	display: block;
}

#s_hearth_s a {
	width: 225px;
	height: 333px;
	background: url(images/s_hearth_s.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
}

#s_hearth a {
	width: 894px;
	height: 333px;
	background: url(images/s_hearth.jpg);
	text-indent: -9999px;
	display: block;
}

#s_outdoor_s a {
	width: 219px;
	height: 333px;
	background: url(images/s_outdoor_s.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
}

#s_outdoor a {
	width: 894px;
	height: 333px;
	background: url(images/s_outdoor.jpg);
	text-indent: -9999px;
	display: block;
}

/* Home ////////////////////////////////////////////////////////// */

#home_left {
	display: inline;
	float: left;
	position: relative;
	width: 550px;
	margin: 40px 0px 50px 23px;
}

#home_right {
	float: right;
	position: relative;
	width: 290px;
	margin: 40px 23px 0px 0px;
}

.paper_top_home {
	width: 270px;
	top: -26px;
	left: -20px;
	padding: 25px 0px 0px 20px;
	position: relative;
	background: url(images/paper_top.jpg) top left no-repeat;
}

.paper_top_home p {
	padding-bottom: 0px;
	color: #F36F21;
	font-weight: bold;
	font-style: italic;
}

.paper_top_inside {
	width: 270px;
	top: -26px;
	left: -20px;
	padding: 25px 0px 0px 20px;
	position: relative;
	background: url(images/paper_top.jpg) top left no-repeat;
}

.paper_top_inside p {
	padding-bottom: 0px;
	color: #F36F21;
	font-weight: bold;
	font-style: italic;
}

.paper_bottom {
	text-align: right;
	position: relative;
	right: -6px;
	padding: 5px 20px 20px 0px;
	margin-bottom: 25px;
	background: url(images/paper_bottom.jpg) bottom right no-repeat;
}

/* Body ////////////////////////////////////////////////////////// */

#left {
	display: inline;
	float: left;
	position: relative;
	width: 550px;
	margin: 5px 0px 50px 23px;
}

#left em {
	color: #F36F21;
}

#right {
	float: right;
	position: relative;
	width: 290px;
	margin: 5px 23px 50px 0px;
}

.paper_top {
	width: 270px;
	top: -26px;
	left: -20px;
	padding: 20px 0px 0px 20px;
	position: relative;
	background: url(images/paper_top.jpg) top left no-repeat;
}

.specials_inside {
	position: relative;
	left: -20px;
}

/* Footer ////////////////////////////////////////////////////////// */

.clearfooter {
	height: 260px;
	clear: both;
}

#footer {
	width: 100%;
	height: 260px;
	background: url(images/footer.jpg) repeat-x bottom;
	position: relative;
	color: #333333;
	font-family: Helvetica, Arial;
	font-size: 12px;
}

#footer_container {
	width: 920px;
	margin: 0px auto;
	padding: 0px 10px;
	background: url(images/links.jpg) top no-repeat;
}

#links {
	height: 53px;
	padding: 69px 0px 30px;
	text-align: center;
}

.links_padding {
	padding: 0px 30px;
}

#copyright {
	display: inline;
	float: left;
	width: 320px;
	height: 78px;
	text-shadow: 2px 2px 0px #ffffff;
}

#footer_contact {
	float: right;
	text-align: right;
	width: 600px;
	height: 78px;
	text-shadow: 2px 2px 0px #ffffff;
}

#footer_contact a {
	color: #284491;
	text-decoration: none;
	border: 0px;
}

#footer_contact a:hover {
	color: #F36F21;
	text-decoration: none;
}

#design {
	display: inline;
	float: left;
	width: 420px;
	color: #80A6C8;
}

#design a {
	color: #80A6C8;
	text-decoration: none;
}

#design a:hover {
	color: #F36F21;
	text-decoration: none;
}

#top {
	float: right;
	text-align: right;
	width: 500px;
	color: #80A6C8;
}

#top a {
	color: #80A6C8;
	text-decoration: none;
}

#top a:hover {
	color: #F36F21;
	text-decoration: none;
}