/* -------------------------------------------------------------- 
Author: Melissa Connolly, Emtwo
Created for: tradewings.com v2
Last Updated:  04.15.11
-------------------------------------------------------------- */
/* Default font settings */
body { 
font-size: 75%;
color: #222; 
background: #fff;
font-family: arial,  helvetica,"Helvetica Neue",  sans-serif;
}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.2em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         {color:#666;}

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 20px; width:100%; }
th{ font-weight: bold; }
thead th{ background: #ea3327; color: #fff;}
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
td {padding-bottom: 20px;}
tfoot { font-style: italic; }
caption{ background: #eee; }

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  {background:#ff0;}
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Links
-------------------------------------------------------------- */
a:link {
color:#000; 
outline: none; 
font-weight: bold;
text-decoration: none;
}   
a:visited {
color:#000;
font-weight: bold;
text-decoration: none;
}  
a:hover {
color:#EE3326;
font-weight: bold;
text-decoration: none;
}  
a:active {
color:#000;
font-weight: bold;
text-decoration: none;
}  

body{
background: #fff;
border-top: 4px solid #ea3327;
}
#wrapper{
margin: 0 auto;
padding: 0;
}

/* Header
-------------------------------------------------------------- */
#header {
position: relative;
margin:0;
padding:0; 
height: 160px;
z-index: 9;
}
div#logo {
margin: 0;
padding: 0;	
height:40px;
width:616px;
}
.logo{
position:absolute;
left:0;
top: 100px;
}
#livechat{
position:absolute;
right:0;
top: 0px;
height: 41px;
width: 97px;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/chatnow.png') no-repeat top left;
}
/* Navigation
-------------------------------------------------------------- */
#navigation{
position: absolute;
top: 40px;
right: 0;
z-index: 9;
border-bottom: 1px solid #000;
padding-bottom: 3px;
}
#nav{
margin: 0;
padding: 0;
}

/* Nav Essential CSS ------------------------ */
#nav, #nav * {
margin:	0;
padding:	0;
list-style:	none;
}
#nav {line-height:1.0;}
#nav ul {
position:	absolute;
top:	-999em;
width:15em; /* left offset of submenus need to match (see below) */
}
#nav ul li {width:100%;}
#nav li:hover {
visibility:	inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
float:left;
position:	relative;
margin-left: 5px;
}
#nav li li, #nav li li li{
margin-left: 0;
}
#nav a {
display:block;
position:	relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
left:	0;
top:	2.5em; /* match top ul list item height */
z-index:	99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
top:	-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
left:	15em; /* match ul width */
top:	0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
top:	-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
left:	10em; /* match ul width */
top:	0;
}

/* Nav Style ------------------------ */
#nav {
float: left;
}
#nav a {
padding: 10px;
text-decoration:none;
color: #000;
}
#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
font-size: 15px;
font-weight: bold;
}
#nav li {
}
#nav li li {
background:	#a32027;
}
#nav li li a{
color: #fff;
font-size: 14px;
}
#nav li li li {
background:	#a32027;
width: 180px;
}
#nav li li li a, #nav li li li a:visited{
color: #fff;
font-size: 14px;
font-weight: bold;
}
#nav li.sfHover a{
color: #fff;
}
#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active, #nav li.parent-here ,#nav li.here {
background:	#ee3326;
outline:	0;
color: #fff;
}
#nav li.here a, #nav li.parent-here a{
color: #fff;
}
#nav li ul li li{
background: #ee3326;
}
#nav li ul li li a:hover{
color: #9a161d;
font-weight: bold;
}
/* Nav Arrows ------------------------ */
#nav a.sf-with-ul {
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
li .sf-sub-indicator {
position:	absolute;
display:	block;
right:.75em;
top:	1em; /* IE6 only */
width:20px;
height:20px;
text-indent: -999em;
overflow:hidden;
background: none;
}
#nav li li .sf-sub-indicator {
position:	absolute;
display:	block;
right:5px;
top:	8px; /* IE6 only */
width:20px;
height:20px;
text-indent: -999em;
overflow:hidden;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/nav-arrow.png') 0px 10px;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
right:5px;
top:	8px; 
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
right:5px;
top:	8px; /* IE6 only */
}
/* point right for anchors in subs */
#nav ul .sf-sub-indicator { background-position:  0px 0; }
#nav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator,
#nav ul a:hover > .sf-sub-indicator,
#nav ul a:active > .sf-sub-indicator,
#nav ul li:hover > a > .sf-sub-indicator,
#nav ul li.sfHover > a > .sf-sub-indicator {
background-position: 0px 0; /* arrow hovers for modern browsers*/
}
/*SEARCH ----------------------------------------------*/
.search-content{
position: absolute;
right: 0px;
top: 90px;
z-index: 2;
width: 219px;
height: 24px;
}
.search-content #keywords{
position: absolute;
top: 0;
left: 0;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/search-bg.png') no-repeat top left;
color: #8a8a8a;
width: 188px;
height: 22px;
border: none;
padding-left: 9px;
line-height: 11px;
}
.search-content .submit{
position: absolute;
top: 0;
right: 0;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/search-submit.png') no-repeat top right;
width: 32px;
height: 24px;
border: none;
}
/*Footer
-------------------------------------------------------------- */
#footer{
position: relative;
border-top: 1px solid #ddd;
margin:  20px 0 40px 0;
padding: 20px 0 0 0;
font-size: 11px;
background: #fff;
}
#stats{
position: absolute;
top: -30px;
left: 0;
background: #cecece;
width: auto;
height: 20px;
padding: 10px 10px 30px 10px;
font-size: 12px;
-moz-border-radius: 15px;
border-radius: 15px;
z-index: -1;
color: #565656;
font-weight: bold;
}
#footer-nav{
float: left;
list-style: none;
padding: 0 0 40px 0px;
margin: 0 0 0 -25px;
}
#footer-nav a{
color: #ea3327;
font-size: 15px;
line-height: 22px;
text-decoration: none;
}
#footer-nav a:hover{
color: #000;
}
#footer-nav li {
float: left;
width: 179px;
line-height: 18px;
padding: 0;
margin: 0 0 0 25px;
font-size: 12px;
font-weight: bold;
}
#footer-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
#footer-nav li li{
width: 160px;
font-size: 10px;
line-height: 17px;
font-weight: normal;
color: #515151;
margin: 0 0 3px 0;
padding: 0;
}
#footer-nav li li a{
color: #000;
font-size: 13px;
font-weight: normal;
}
#footer-nav li li a:hover{
color: #EE3326;
}
#footer-nav li li li {
padding-left: 10px;
}
#footer .certified{
font-size: 11px;
color: #000;
width: 100%;
padding: 0 0 10px 0;
border-bottom: 1px solid #ddd;
}
.site-links{
font-size: 12px;
color: #686868;
float: left;
}
.site-links a{
color: #686868;
text-decoration: none;
font-weight: normal;
}
.site-links a:hover{
color: #000;
}
/*HomePage
-------------------------------------------------------------- */
#content{
margin: 0 0 0 -4px;
padding: 0;
height: 455px;
width: 996px;
}
/*HomePageSnippets
-------------------------------------------------------------- */
#bottom{
margin: 0;
width:1000px;
padding: 30px 0;
}
#snippet-section{
width: 660px;
}
#bottom .snippet{
width: 150px;
}
.snippet h2{
color: #000;
font-size: 20px;
font-weight: normal;
line-height: 20px;
margin: 10px 0 5px 0;
font-family:'Franklin Gothic Std No.2', 'Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
}
 .snippet h2 a{
color: #000;
text-decoration: none;
font-weight: normal;
}
.snippet h2 a:hover{
color: #EE3326;
}
.snippet p{
font-size: 12px;
color: #020202;
margin: 0 5px 0 0;
line-height: 16px;
}
.snippet a{
color: #ee3125;
text-decoration: underline;
}
#news-section{
margin: 0;
border-left: 1px solid #ddd;
padding-left: 20px;
width: 305px;
height: 260px;
}
#news-section h2 {
color: #EA3327;
 font-family: 'Franklin Gothic Std No.2','Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 0 0 10px;
}
#news-section  a{
text-decoration: none;
}
#news-section p{
color: #6e6d6d;
font-size: 12px;
line-height: 16px;
margin: 0 20px 15px 0;
padding: 0;
}

/*InteriorPage
-------------------------------------------------------------- */
#interior-content{
width: 635px;
margin: 0 0 20px 0;
padding: 0 20px 0 0;
border-right: 1px solid #ddd;
}
.breadcrumbs{
margin: 0 0 15px 0;
color: #cacaca;
font-size: 10px;
font-style: normal;
text-transform: uppercase;
}
.breadcrumbs a{
color: #aaa;
}
.breadcrumbs a:hover{
color: #a32027
}
#interior-content .main{
padding:0;
color: #545454;
font-size: 12px;
line-height: 18px;
min-height: 600px;
}
.main .add-this{
float: right;
}
.main td{
vertical-align : top;
 } 
.main h1 {
font-weight: bold;
font-size: 24px;
line-height: 28px;
margin: 0 0 10px 0;
color: #2f2f2f;
}
.main h1 a{
color: #2f2f2f;
text-decoration: none;
}
.main h1 a:hover{
color: #ea3025;
text-decoration: none;
}
.main h2{
font-weight: bold;
font-size: 14px;
font-style: normal;
color: #000;
margin: 0 0 10px 0;
}
.main h3{
font-weight: bold;
font-size: 15px;
font-style: italic;
color: #ea3025;
margin: 0 0 10px 0;
}
.main .body-text{
float: left;
width: 440px;
font-size: 12px;
color: #545454;
line-height: 18px;
}
.main li{
list-style-image:url("http://www.tradewings.com/themes/site_themes/default/images/bullet.png");
margin: 0 0 8px 0;
}
.main .body-callout{
float: right;
width: 180px;
color: #ec3022;
font-size: 21px;
font-weight: normal;
line-height: 25px;
font-family:'Franklin Gothic Std No.2', 'Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
}
/*sidebar -------------------------*/
#interior-sub-content{
margin: 20px 0 0 20px;
padding: 0;
width: 320px;
}
#interior-sub-content .snippet{
margin: 0;
width: 320px;
}
#interior-sub-content  .snippet .thumbnail{
float: left;
margin: 0 15px 0 0;
}
#interior-sub-content  .snippet h2{
color: #000;
font-size: 20px;
font-weight: bold;
line-height: 20px;
margin: 5px 0;
}
#interior-sub-content  .snippet h2 a{
color: #000;
text-decoration: none;
}
#interior-sub-content  .snippet h2 a:hover{
color: #EE3326;
text-decoration: none;
}
#interior-sub-content  .snippet p{
float: left;
width: 195px;
font-size: 12px;
color: #000;
margin: 0px 0 15px 0;
line-height: 20px;
}
#interior-sub-content  .snippet a{
color: #fff;
text-decoration: underline;
}
#interior-sub-content  .snippet a:hover{
color: #820104;
text-decoration: underline;
}
/* Materials Search ------------------------ */
a.rs-toggle{
font-size: 18px;
color: #000;
font-weight: normal;
margin: 20px 0;
font-family:'Franklin Gothic Std No.2', 'Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
}
a.rs-toggle img{
vertical-align: top;
margin-top: 8px;
}
.rs-content{
margin: 50px 0 0 0;
}
.rs-content #freeform input{
margin-left: -30px;
width:280px;
}
.rs-content #freeform .submit{
width: auto;
}
/* Side What's New ------------------------ */
.whatsnew{
float: left;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/side-bg.png') no-repeat top left;
margin: 20px 0px 0 0;
padding: 15px;
min-height: 300px;
width: 290px;
}
.whatsnew h3{
font-size: 20px;
color: #ea3327;
font-weight: normal;
margin: 0 0 10px 0;
font-family:'Franklin Gothic Std No.2', 'Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
}
.whatsnew h4{
font-size: 12px;
color: #000;
margin: 0 0 3px 0;
}
.whatsnew h4 a{
color: #000;
font-weight: bold;
text-decoration: none;
}
.whatsnew h4 a:hover{
color: #EE3326;
}
.whatsnew p{
color: #787878;
font-size: 12px;
line-height: 18px;
}

/*BlogPages
-------------------------------------------------------------- */
.entry{
margin: 0 0 20px 0;
}
.entry h1{
margin: 0 0 10px 0;
}
h2.category-heading{
color: #ec3022;
font-size: 22px;
margin-bottom: 15px;
font-weight: normal;
line-height: 25px;
font-family:'Franklin Gothic Std No.2', 'Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
}
.date{
font-size: 12px;
margin: 0 0 5px 0;
padding: 0;
color: #787878;
}
.posted{
margin: 0 0 30px 0;
color: #898989;
padding: 0 0 30px 0;
border-bottom: 1px solid #ddd;
}
.comment-body1, .comment-body2{
color:#353635;
margin: 0;
padding: 0;
}
.comment-body1 p, .comment-body2 p{
color:#353635;
margin: 0 0 5px 0;
padding: 0;
}
.comment-posted{
margin: 0 0 20px 0;
color: #898989;
padding: 0 0 20px 0;
border-bottom: 2px solid #ddd;
}
.pagination{
float: right;
margin: 10px 0;
}
.pagination li{
list-style: none;
float: left;
list-style: none;
padding: 0 3px;
}
.blog-side{
margin: 0 0 10px 0px;
padding: 0;
}
.blog-side h2{
font-size: 17px;
color: #ea3327;
font-family:'Franklin Gothic Std No.2', 'Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
}
.blog-side h2 a{
color: #ee3326;
font-weight: normal;
}
.blog-side ul{
margin: 10px 0 10px 15px;
}
.blog-side li{
line-height: 18px;
list-style-image:url("http://www.tradewings.com/themes/site_themes/default/images/bullet.png");
}
.blog-side  a{
text-decoration: none;
}
.author-info{
margin: 30px 0 0 0;
}
.author-info .photo{
float: left;
padding: 0 20px 0 0 ;
}
.author-info .right{
float: left;
width: 500px;
}
.author-info h1{
margin: 0 0 10px 0;
color: #ee3326;
font-family:'Franklin Gothic Std No.2', 'Franklin Gothic Medium','Arial Bold',Arial,sans-serif;
font-weight: normal;
}
.author-info .email{
padding: 0;
margin: 0 0 10px 0;
}
.author-info .bio{
margin: 0 0 30px 0;
padding: 0;
}
.main  #blogtitle {
font-size: 14px;
border-bottom: 1px solid ;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
}
.main h4 {
font-weight: bold;
font-size: 16px;
margin: 0 0 5px 0;
color: #000;
text-decoration: none;
}
.main h4 a{
font-weight: bold;
color: #000;
text-decoration: none;
}
/*Twitter Stream 
-------------------------------------------------------------- */
.twtr-ft{display:none;}
.blog-side .twtr-hd {
padding: 10px 0 5px 0;
}
.blog-side .twtr-hd h3 {
display: none;
}
.blog-side .twtr-widget {
font-family: arial,sans-serif !important;
font-size: 12px !important;
line-height: 16px;
position: relative;
z-index: 1;
}
.blog-side .twtr-widget .twtr-tweet-wrap {
padding: 6px 0px;
}
.blog-side .twtr-widget p {
line-height:19px !important ;
}
.blog-side #twtr-widget-1 .twtr-tweet a {
color: #000 !important;
text-decoration: none !important;
}
.blog-side #twtr-widget-1 .twtr-tweet a:hover {
color: #ea3327 !important;
text-decoration: none !important;
}

/*OneColumnPages
-------------------------------------------------------------- */
#onecolumn-content{
margin: 0;
padding: 0;
width: 1000px;
min-height: 550px;
}
#onecolumn-content .main{
color: #545454;
font-size: 12px;
line-height: 18px;
margin: 0 0 40px 0;
}
/*ContactForm
-------------------------------------------------------------- */
.contact-form p{
margin: 2px 0 9px 0;
padding: 0;
}
.contact-form label{
font-size: 13px;
color: #000;
}
.contact-form input{
width: 260px;
height: 18px;
border: 1px solid #7e7e7e;
}
.contact-form select{
width: 260px;
height: 22px;
border: 1px solid #7e7e7e;
}
.contact-form textarea{
border: 1px solid #7e7e7e;
}
.contact-form .submit{
padding: 0;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/submit.png') no-repeat top left;
width: 77px;
height: 32px;
text-indent: -9999px;
border: none;
}
.contact-form .submit:hover{
padding: 0;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/submit-on.png') no-repeat top left;
width: 77px;
height: 32px;
text-indent: -9999px;
border: none;
}

/*ClearFix
-------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*Footer Slide Content
-------------------------------------------------------------- */
#footerSlideContainer {
position: fixed;
bottom:0;
width: 100%;
z-index: 2;
}
#footerSlideButton{
text-indent: -9999px;
position: absolute;
right: 0;
bottom: 0;
}
#footerSlideButton a{
display: block;
margin: 0;
width:139px;
height: 28px;
border-bottom: 0px;
background: transparent url('http://www.tradewings.com/themes/site_themes/default/images/getsocial.png') no-repeat top left;
cursor: pointer;
}
#footerSlideButton a:hover{
background-position: 0 -28px;
}
#footerSlideContent {
width: 100%;
height: 40px;
background: #EA3327;
color: #fff;
display:none;
}
#footerSlideButton a.close{
background-position: 0 -56px;
}
#footerSlideButton a:hover.close{
background-position: 0 -84px;
}
#footerSlideContainer .wrapper{
width: 1000px;
margin: 0 auto;
position: relative;
}
.social{
position: absolute;
right: 140px;
top: 10px;
margin:0;
padding: 0;
}
.social a{
margin: 0;
padding: 0;
}
.noshiftup {padding:1px;}
.shiftup {
padding:0 0 2px 2px;
}

/*Form Style
-------------------------------------------------------------- */
#freeform{
margin: -40px 0 20px 30px;
}
#freeform p {
margin:0;
line-height:18px;
}
#freeform label {
display:none;
font-style:normal;
}
#freeform input, #freeform textarea, #freeform select {
font-size:15px;
font-style:normal;
color:#000;
font-family:arial, helvetica, verdana, sans-serif;
margin:0;
padding:0;
line-height:29px;
text-shadow:0 1px #fff;
background:#e7e7e7;
border:1px solid #e7e7e7;
}
#freeform input {
padding:7px 15px 6px 15px;
width:350px;
margin:0 0 5px 0;
line-height:14px;
}
#freeform input.focusField{background:#f5f5f5;}
#freeform textarea {
height:142px;
width:350px;
padding:2px 13px;
margin:0 0 12px 0;
resize:none;
overflow:auto;
}
#freeform textarea.focusField{background:#f5f5f5;}
#freeform  .submit{
background:#e7e7e7;
height:31px;
padding:0 15px;
width:auto;
color:#000;
border:0 none;
font-size:15px;
font-style:normal;
font-weight: bold;
font-family:arial, helvetica, verdana, sans-serif;
}

