/*  
Theme Name: Wolf Distributing Company
Theme URI: http://www.wolfdistributingco.com/
Description: ExpressionEngine Custom CMS 
Version: 1.0
Author: Austin Siewert
Author URI: http://www.baublitz.com
*/

@import url('css/reset.css');
/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings & Elements
  Content Styles
  Forms
  Float Clearing
  Footer
  E-Toolbox */
 
/* ---------- @ HTML Elements -----------*/
body {
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	background:#CFDED7
}
/* ---------- @ Page Structure -----------*/
#header {
	position:relative;
	width:100%;
	border-top:12px solid #CFDED7;
	background:#FFF;
}
#home-welcome, #headline {
	width:100%;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
#home-content{position:relative;}
#home-content, #page-content {
	background:#FFF;
	padding-top:10px;
}
.wrapper {
	width:960px;
	margin:0 auto;
	clear: both;
}	/* centers content */
#header .wrapper, #home-content .wrapper, #home-content .wrapper {
	background:#FFF;
}
#headline .wrapper {
	background:#CFDED7;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float:left;
	margin:14px;
}
.col-1 {
	width: 52px;
}
.col-2 {
	width: 132px;
}
.col-3 {
	width: 212px;
}
.col-4 {
	width: 292px;
}
.col-5 {
	width: 372px;
}
.col-6 {
	width: 452px;
}
.col-7 {
	width: 532px;
}
.col-8 {
	width: 612px;
}
.col-9 {
	width: 692px;
}
.col-10 {
	width: 772px;
}
.col-11 {
	width: 852px;
}
.col-12 {
	width: 932px;
}
#page-content .col-9 .col-7 {
	margin-left:0
}
#page-content .col-9 .col-2 {
	width:146px;
	margin: 14px 0
}
.right {
	float:right;
	display:inline;
}
.left {
	float:left;
	display:inline;
}
img.right {
	padding-right:10px
}
/* ---------- @ Base Styles   -----------*/
h1 {
	position:relative;
	text-indent:-9999px;
}
h1#branding a {
	margin:15px 0 41px 30px;
	display:block;
	position:relative;
	width:206px;
	height:125px;
	background:url(/layout/logo-2009.gif) no-repeat;
}
h1#etoolbox a {
	margin:60px 0 93px 30px;
	display:block;
	position:relative;
	width:183px;
	height:28px;
	background:url(/layout/logo-etool.gif) no-repeat;
}
h2 {
	font-family:Georgia, Tahoma;
	font-size:18px;
	line-height:110%;
	color:#666;
	font-weight:normal;
	letter-spacing:-1px;
	border-bottom:1px solid #CFDED7
}
#headline h2 {
	float:left;
	margin:10px 14px;
	color:#15633F;
	font: normal bold 36px 'Trebuchet MS', sans-serif;
	text-transform:none;
	line-height:46px;
}
h3 {
	margin:10px;
	font:.8em "Lucida Sans", Arial;
	color:#333;
	font-weight:bold;
}
h4 {
	font-size: 1.1em;
}
h4#pagetitle {
	margin-bottom:15px;
}
h5 {
	font-size: 1em
}
h5 {
	font-size: 0.9em
}
p {
	margin:10px 0;
	font-size:.85em;
	line-height:20px;
	color:#333;
}
a {
	color:#922500;
}
a:hover {
	color:#DE3800;
	text-decoration:none;
}
small {
	font-size:13px;
	color:#999;
}

.home_italic_header {
font-family:Georgia, Tahoma;
	font-size:16px;
	line-height:110%;
	color:#666;
	font-weight:normal;
	letter-spacing:-1px;
	border-bottom:1px solid #CFDED7;
	font-style: italic;
}
/* ---------- @ Content Styles -----------*/

/*header menu navigation*/
#header ul {
	position:absolute;
	width:960px;
	top:153px;
	z-index:100;
}
#header ul li {
	position: relative;
	float:left;
	font-size:12px;
	margin:0 1px 1px 0;
	font-family:arial;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#header ul li a {
	padding: 0 24px;
	display:inline-block;
	height:27px;
	line-height:27px;
	color:#333;
	text-decoration:none;
	background:url(/layout/bg-nav.jpg) repeat-x
}
#header ul li a:hover {
	color:#FFF;
	text-decoration:underline;
	background:none;
	background:#104A2F;
}
#header ul li.current a, #header ul li.current a:hover {
	color:#033;
	height:32px;
	text-decoration:none;
	background:#CFDED7;
	border-color:#999 #999 #CFDED7 #999;
	border-style:solid;
	border-width:1px;
}
/*Widgets Home*/
#ads {
	margin:15px auto;
	width:949px;
	height:335px;
	overflow:hidden;
}
#ads li img {
	width:949px;
	height:335px;
}
#news-ticker {
	height:150px;
	overflow:hidden;
}
#news-ticker li {
	width:100%;
}
#etool, #acctmgr, #ibuy, #careerops {
	text-indent:-9999px;
}
#etool a {
	position:relative;
	margin:15px auto;
	display:block;
	width:272px;
	height:37px;
	background: url(/layout/e-toolbox.jpg) no-repeat;
}
#etool a:hover {
	background-position: 0 -37px;
}
#acctmgr a {
	position:relative;
	margin:15px auto;
	display:block;
	width:272px;
	height:37px;
	background: url(/layout/accountmanager.jpg) no-repeat;
}
#acctmgr a:hover {
	background-position: 0 -37px;
}
#ibuy a {
	position:relative;
	margin:15px auto;
	display:block;
	width:272px;
	height:37px;
	background: url(/layout/wolf-ibuy.jpg) no-repeat;
}
#ibuy a:hover {
	background-position: 0 -37px;
}
#careerops a {
	position:relative;
	margin:15px auto;
	display:block;
	width:272px;
	height:37px;
	background: url(/layout/careerops.jpg) no-repeat;
}
#careerops a:hover {
	background-position: 0 -37px;
}

.readmore {
	text-indent:-9999px;
}
.readmore a {
	display:block;
	width:94px;
	height:22px;
	background: url(/layout/btn-readmore.jpg) no-repeat
}
.readmore a:hover {
	background-position:0 -22px
}
#sustainability {
	text-indent:-9999px;
}
#sustainability a {
	position:relative;
	display:block;
	width:292px;
	height:118px;
	background: url(/layout/bg-sustainability.jpg) no-repeat
}
#featured 
{
	padding-top:15px;	
	font-style:italic;
}
#featured ul 
{
	font-size:13px;
	margin-left:30px!important;
	list-style:square;
	font-style:normal!important;
}
#featured p
{
	margin-left:10px;
	font-size:13px;
	color:#333;
}
#featured ul li
{
	color:#333;	
}
#featured a {
	/*position:relative;
	display:block;
	width:290px;
	height:113px;
	background: url(/layout/home-featured-hercke.jpg) no-repeat*/
}
#featured-copy {
	width:292px;
}
#featured-copy a {
}
/*Widgets Sub-Pages*/
#breadcrumb {
	float:right;
	margin-right:10px;
	line-height:46px;
	font-size:10px;
}
#sidebar {
	min-height:500px;
	display:inline;
	background: url(/layout/bg-sidebar.jpg) repeat-y 198px -20px
}
#sidebar h2 {
	margin-right:14px;
}
#page-content .submenu {
	margin-bottom:30px;
}
#page-content .submenu li {
	float:left;
	clear:left;
	width:198px;
	margin-right:17px;
	padding:0;
	font-size:14px;
	line-height:20px;
	border-bottom: 1px solid #DEE6DE;
}
#page-content .submenu li a {
	display: block;
	padding:5px 0 5px 8px;
	text-decoration:none;
	color:#7EA696
}
#page-content .submenu li a:hover {
	color:#333;
	background: url(/layout/bg-submenu-li-hover.gif) repeat-x #CFDED7 top left;
}
#page-content .submenu li.current a, #page-content .submenu li.here a, #page-content .submenu li.current a:hover, #page-content .submenu li.here a:hover {
	color:#FFF;
	font-weight:bold;
	background: url(/layout/bg-submenu-li-current.gif) repeat-x #15633F top left;
}
#page-content .submenu li.current, #page-content .submenu li.here {
	width:198px;
	margin:0;
	padding-right:8px;
	background: url(/layout/bg-submenu-li-arrow.gif) no-repeat top right;
	border:none;
}
#page-content .submenu li ul {
	margin-top: 0 !important;
	margin-left: 16px !important;
}
#page-content .submenu li ul li {
	border: none;
	line-height: 1.4em;
	padding-bottom: 2px;
}
#page-content .submenu.quickselect li {
	font-size:12px;
	line-height:16px;
}
#page-content .submenu.quickselect li a:hover {
	background-position:0px -2px;
}
#main-content ul {
	margin:20px
}
#main-content ul li {
	margin-bottom:5px;
	color:#333;
	font:.85em Arial;
	list-style-image:url(/layout/li-check.gif)
}
#main-content #estatement li {
	margin-bottom:0;
	color:#333;
	font:12px Arial;
	list-style-image:none
}
#main-content #estatement li ul {
	margin-top:5px;
}
.entry-date {
	float:left;
	margin-right:8px;
	padding:4px 0;
	display:block;
	width:42px;
	height:50px;
	background:url(/layout/bg-datestamp.jpg) no-repeat;
}
.entry-month, .entry-day, .entry-year {
	display:block;
	margin:0;
	text-align:center;
	color:#3C5E4E
}
.entry-date .entry-month {
	text-transform:uppercase;
	letter-spacing:1px;
}
.entry-date .entry-day {
	font-family:Georgia;
	font-size:24px;
	margin:-5px 0 3px 0;
	color:#FFF;
}
.entry-date .entry-year {
	text-transform:uppercase;
}
#main-content .entry-wrapper h2 {
	float:left;
	width:642px;
}
#newsletter {
	margin-right:14px;
	padding-bottom:10px;
	border-bottom:1px solid #CFDED7;
}
#newsletter p {
	font-size:12px;
}
#newsletter label {
	font-size:12px;
	margin:3px 0;
	display:block;
	text-transform:uppercase;
}
#newslettter input {
	border:1px solid red
}
/* Product Specific Styling */
#main-content #product-carousel {
	height:375px;
	width:684px;
	overflow:hidden;
	background: url(/layout/bg-product-carousel.jpg) no-repeat bottom center;
}
#main-content #product-carousel, #main-content #cat-carousel {
	float:left;
	margin:0;
}
#product-carousel li, #cat-carousel li, #brand-carousel li {
	margin:0;
	list-style-image:none !important;
}
#main-content #product-carousel li img, #main-content #cat-carousel li img, #main-content #brand-carousel li img {
	padding:2px;
	border:2px solid #15633F
}
#main-content #product-carousel li img {
	width:684px;
	height:375px
}
#main-content #cat-carousel {
	width:500px;
	height:377px;
	overflow:hidden;
}
#main-content #cat-carousel li img {
	width:500px;
	height:377px
}
#main-content #brand-carousel {
	width:308px;
	height:233px;
	overflow:hidden;
	margin:20px 0;
}
#main-content #brand-carousel li img {
	width:300px;
	height:225px;
}
#product-features {
	float:left;
	width:375px;
}
#carousel-wrapper {
	float:right;
	width:308px;
}
#brand-carousel {
	height:225px;
}
#main-content #product-logos {
	margin:0;
	width:150px;
}
#main-content #product-logos li {
	margin-bottom:5px;
	list-style-image:none !important;
}
#main-content #product-logos li img {
	width:150px;
	padding:5px;
	border-color:#F5F5F5 #DEDEDE #DEDEDE #F5F5F5;
	border-style:solid;
	border-width:1px;
}
#product-logos li a {
	position:relative;
	display:block;
	background-repeat:no-repeat;
}
#main-content #product-links {
	margin:15px 0 0 0;
}
#main-content #product-links li {
	float:left;
	margin-right:10px;
	list-style-image:none;
}
#main-content #product-links li a {
	position:relative;
	display:block;
	padding:5px;
	height:32px;
	width:142px;
	text-indent:-9999px;
	border-color:#F5F5F5 #DEDEDE #DEDEDE #F5F5F5;
	border-style:solid;
	border-width:1px;
	background-position:5px 5px;
}
#main-content #product-links li a:hover {
	border-color:#DEDEDE #F5F5F5 #F5F5F5 #DEDEDE;
}
#visit-site a {
	background: url(/layout/btn-visitsite.gif) no-repeat;
}
#instock-list a {
	background: url(/layout/btn-instocklist.gif) no-repeat;
}
#one-touch a {
	background: url(/layout/btn-onetouch.gif) no-repeat;
}
#manufacturer-specs a {
	background: url(/layout/btn-specguide.gif) no-repeat;
}
#green a {
	background: url(/layout/btn-greeninfo.gif) no-repeat;
}
#aia a {
	background: url(/layout/btn-aiainfo.gif) no-repeat;
}
#warranty a {
	background: url(/layout/btn-warranty.gif) no-repeat;
}
#installation a {
	background: url(/layout/btn-installation.gif) no-repeat;
}
#video a {
	background: url(/layout/btn-video.gif) no-repeat;
}
#watchvideo {
	display:none;
}
/* ---------- @ Forms -----------*/

#wufoo {
	position:relative;
	width:692px;
	height:1225px;
}
#wufoo iframe {
	height:100%;
	width:100%;
	border:none;
}
/* ---------- @ Float Clearing -----------*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfloat {
	display:inline-block
}
.clearfloat {
	display:block
}
/* ---------- @ Footer -----------*/
	
#footer {
	position:relative;
	width:100%;
	padding:20px 0 0 0;
	border-bottom:12px solid #CFDED7;
	background:#FFF;
}
#footer .wrapper {
	min-height:70px;
	background: url(/layout/bg-footer-wolf.gif) no-repeat bottom right;
}
#footer ul li {
	float:left;
	width:95px;
	margin:3px 0;
	font-size:10px;
}
#footer p {
	font-size:10px;
	color:#666;
	margin:0;
}
#footer p.center {
	text-align:center;
}
.rssfeed {
	padding-left:15px;
	background: url(/layout/feedicon10.png) no-repeat center left !important;
}
#etool-tab {
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:345px;
	text-indent:-9999px !important;
}
#etool-tab a {
	position:relative;
	display:block;
	width:135px;
	height:31px;
	background: url(/layout/e-toolbox-tab.gif) no-repeat;
}
#etool-tab a:hover {
	background-position: 0 -31px;
}
#wolf-tab {
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:345px;
	text-indent:-9999px !important;
}
#wolf-tab a {
	position:relative;
	display:block;
	width:136px;
	height:50px;
	background: url(/layout/wolf-tab.gif) no-repeat;
	overflow:hidden;
}
#wolf-tab a:hover {
	background-position: 0 -50px;
}
/**** noscript ****/
#att {
	position: absolute;
	width: 100%;
	height: 2.5em;
	top:0;
	line-height: 2.5em;
	background-color: #fffeb8;
	border-bottom: 1px solid;
	text-align:center !important;
}
#att p {
	padding: 6px 26px;
	display: inline;
	background: transparent url(/layout/att.png) no-repeat 0 46%;
}
#footer .col-4 {
	padding-top:5px;
	border-top:3px solid #CCC;
}
/* ---------- @ E-Toolbox -----------*/
#etool-content ol li {
	margin-bottom:15px;
	padding-bottom:7px;
	display:block;
	border:1px solid #CFDED7;
	background: url(/layout/bg-etool-boxes.jpg) repeat-x;
}
#etool-content ol li ul li {
	border:none;
}
#etool-content .vert-span {
	min-height:429px;
	height:auto !important;
	height:429px;
}
#etool-content p {
	margin:5px 10px;
	font-size:12px;
	color:#444;
}
#etool-content ul {
	margin-left:5px;
}
#etool-content .update {
	margin-left:5px;
	display:inline-block;
	width:41px;
	color:#FFF;
	font:10px/13px arial;
	text-align:center;
	background: url(layout/update.png) no-repeat;
}
#register {
	text-indent:-9999px;
	margin:0 14px 0 0;
	padding-bottom:10px;
	border-bottom:1px solid #DEE6DE;
}
#register a {
	display:block;
	width:188px;
	height:48px;
	background:url(/layout/btn-account.jpg) no-repeat;
}
#register a:hover {
	background-position:0px -48px;
}
#e-news {
	text-indent:-9999px;
	margin-right:14px;
	padding-bottom:10px;
	border-bottom:1px solid #DEE6DE;
}
#e-news a {
	display:block;
	width:188px;
	height:48px;
	background:url(/layout/btn-enews.jpg) no-repeat;
}
#e-news a:hover {
	background-position:0px -48px;
}
#suggestion-box {
	text-indent:-9999px;
}
#suggestion-box a {
	display:block;
	width:188px;
	height:48px;
	background:url(/layout/btn-suggestion.png) no-repeat;
}
#suggestion-box a:hover {
	background-position:0px -48px;
}
#etool-content ul li {
	margin-bottom:5px;
	padding-left:17px;
	padding-right:3px;
	color:#333;
	font:.75em Arial;
	background:url(/layout/li-plus.png) no-repeat;
}
#etool-content #etool-gallery {
	margin:0;
}
#etool-content #etool-gallery li {
	float:left;
	margin:5px;
	padding:0;
	background-image:none !important;
}
#etool-content #etool-gallery li a img {
	border:5px solid #CFDED7;
}
#etool-content #etool-gallery li a:hover img {
	border:5px solid #15633F;
}
.ui-tabs-hide {
	display: none;
}
#container-1 {
	position:relative;
}
#container-1 div {
	margin-top:40px;
}
#container-1 #tabs-nav {
	position:absolute;
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	top:-24px;
}
#container-1 #tabs-nav li {
	list-style-image:none;
	margin-bottom:0;
	padding-left:0;
	background-image:none;
}
#container-1 #logo-table {
	margin-top:10px;
	font-size:10px;
	border-bottom:1px double #97a5b0
}
#container-1 #logo-table td {
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
#container-1 #logo-table tbody td {
	border-bottom:1px solid #999;
}
#acct-manager p
{
	width:250px;
}
#acct-manager 
{
	width:292px!important;
	border:1px solid red;
	display:inline-block;
	clear:both;

}
#acct-manager a
{
	padding-left:20px;	
	display:block;
}
#acct-manager hr
{
	height:1px!important;
	background-color:#cfded7;
	border:0pt none;
}
#user {
	padding-left:20px;
	background:url(/layout/user_suit.png) no-repeat 0 -1px
}
.etool-img {
	margin:10px 0 0 10px;
}
ul#ibuy {
	list-style:none;
	display:block;
}
ul#ibuy li {
	float:left!important;
	background: none;
	margin:0;
	padding:0;
	height:40px;
	clear:both;
	display:block;
}
ul#ibuy li a
{
	margin:0;
}
#ibuy p, #ibuy img {
	float:left;
	clear:both;
	color:#000;
}
ul#ibuy a {
	background:none!important;
}
#login {
	overflow:hidden;
	width:195px;
	height:36px;
	display:block;
	margin:10px 0;
}
ul#AcctManager {
	list-style:none;
	display:block;
}
ul#AcctManager li {
	background:none!important;
}
ul#AcctManager li a {
	background: none!important;
	overflow:hidden;
	display:block;
	height:36px;
}
ul#AcctManager #registerAM {
	width:116px;
}
ul#AcctManager #sendRegAM {
	width:235px;
}
ul#AcctManager #manualAM {
	width:120x;
}
ul#AcctManager #AMsignIn {
	width:247px;
}

#important_message_home{}
#important_message p, #important_message_employees p{ padding:20px 20px 20px 50px; background:url(/layout/icon-error.png) no-repeat 6px 15px #facbcf; border:1px solid red; margin:0;}

#important_message p span, #important_message_employees p span{/*font:16px bold Verdana, Geneva, sans-serif;*/ color:red; text-transform:uppercase;}


.see-me{padding:5px; background:#992700; color:#fff; text-decoration:none; font-size:13px!important; font-style:normal!important;}