/* Global 
-------------------------------------------------------------------- */

html { margin: 0; padding: 0; }

img {	border: 0; vertical-align: top; }
	
form { margin: 0;	padding: 0; }

input { margin: 0; padding: 0; font: normal 13px Arial, sans-serif; }

select { font: normal 13px Arial, sans-serif; }

fieldset { margin: 0; padding: 0; border: 0;  }

p {	margin: 1em 0 0 0; }

iframe { color: white; }

.clear { 
	clear: both;
	height: 1px;
  overflow: hidden;
}

.hoverButton {
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	border: 0;
}

@font-face {
    font-family: 'Trade';
    src: url('../../fonts/tradglts-webfont.eot');
    src: url('../../fonts/tradglts-webfont.eot?iefix') format('eot'),
         url('../../fonts/tradglts-webfont.woff') format('woff'),
         url('../../fonts/tradglts-webfont.ttf') format('truetype'),
         url('../../fonts/tradglts-webfont.svg#webfontRYFNaO3B') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeCond';
    src: url('../../fonts/trgltsc1-webfont.eot');
    src: url('../../fonts/trgltsc1-webfont.eot?iefix') format('eot'),
         url('../../fonts/trgltsc1-webfont.woff') format('woff'),
         url('../../fonts/trgltsc1-webfont.ttf') format('truetype'),
         url('../../fonts/trgltsc1-webfont.svg#webfontDEPOkm96') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeBold';
    src: url('../../fonts/trgltsb2-webfont.eot');
    src: url('../../fonts/trgltsb2-webfont.eot?iefix') format('eot'),
         url('../../fonts/trgltsb2-webfont.woff') format('woff'),
         url('../../fonts/trgltsb2-webfont.ttf') format('truetype'),
         url('../../fonts/trgltsb2-webfont.svg#webfontVF8k7ocB') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Layout 
-------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #333;
	font: normal 12px/1.5 Arial, sans-serif;
}

#top-container {
	background: #fff url('../../images/header-bg.png') repeat-x top left;
}

#container {
	width: 980px;
	margin: 0 auto;
}
	
/* Header 
-------------------------------------------------------------------- */

#header {
	width: 980px;
	height: 258px;
	margin: 0 auto;
}

#headerLeftCol {
	float: left;
}

#headerRightCol {
	float: right;
	width: 655px;
}

#logo {
	width: 124px;
	height: 171px;
	margin-top: 15px;
	float: left;
}

#tagline-bird {
	width: 150px;
	height: 171px;
	margin: 29px 0 0 27px;
	float: left;
}

#login {
	text-align: right;
	margin-top: 15px;
	height: 15px;
}
	
#login a {
	font: normal 12px Arial, sans-serif;
	color: #333;
	text-decoration: none;
}
	
#login a:hover  {
	color: #000;
}

#tagline {
	margin-top: 8px;
	font: normal 16px/1.2 Arial, sans-serif;
	font-size: 16px;
	color: #333;
	height: 80px;
}

#tagline span {
	font-size: 40px;
	font-weight: bold;
}

#facebook-like-header {
	overflow: hidden;
	height: 25px;
}

#newsletter {
	background: url('../../images/newsletter-bg.png') no-repeat top left;
	width: 333px;
	height: 46px;
	float: right;
	margin-top: 8px;
}
	
#navbar {
	height: 39px;
	padding-top: 9px;
	margin-left: -11px;
}
	
.navhighlight {
	font-weight: bold; 
	color: #dde773;
}
	
#goButton {
	padding: 0 0 0 5px;
	vertical-align: bottom;
	position: relative;
	top: 2px;
}
	
#navcart {
	float: right;
	padding: 6px 0px 0 0;
	font: 20px/1.5 TradeCond, Arial, sans-serif;
	color: #fff;
}

#navcart a {
	font: 20px/1.5 TradeCond, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
	
#navcart a:hover {
	color: #bfcb3b;
}	
	
#navcart span a {
	color: #ff9900;
}

#navcart span a:hover {
	color: #fdae37;
}

#newsletter {
}

#newsletter div {	
	font: 16px/1 TradeBold, Arial, sans-serif;
	color: #015875;
	padding: 15px 23px 0 11px;
	float: left;
}

#newsletter input {
	width: 125px;
	height: 20px;
	margin-top: 13px;
	padding-left: 3px;
	color: #666;
	font-size: 12px;
	float: left;
}

#newsletter a {
	margin: -24px 10px 0 0;
	float: right;
}

#breadcrumbs {
	height: 30px;
	border-bottom: 1px dotted #cccccc;
	font: normal 13px/1.5 Arial, sans-serif;
	color: #333;
}
	
#breadcrumbs table {
	position: relative;
	top: 5px;
}

#breadcrumbs table tr td a {
	font: normal 13px Arial, sans-serif;
	color: #333;
	text-decoration: none;
}
	
#breadcrumbs table tr td a:hover {
	text-decoration: underline;
}
	
.breadcrumb {
	vertical-align: middle;
	margin: 1px 5px 0 8px;
}

/* Content 
-------------------------------------------------------------------- */

#content {
	min-height: 300px;
	margin: 0;
	padding: 0;
}

#homeLeftCol {
	width: 210px;
	float: left;
	padding: 20px 35px 20px 0;
}

#homeRightCol {
	width: 735px;
	padding: 20px 0 0 0;
	float: left;
}

/* Nav */

#leftColNav ul {
	padding-bottom: 7px;
}

#leftColNav ul br {
	line-height: 1.65em;
	margin-bottom: 20px;
}

#leftColNav h1 {
	font: 20px/1 TradeBold, Arial, sans-serif;
	color: #2a5775;
	border-bottom: 1px dotted #ccc;
	padding: 25px 0 7px 0;
	margin-bottom: 12px;
}

#leftColNav h1 span {
	color: #2da1cf;
}

#leftColNav div {
	line-height: 2em;
}

#leftColNav li {
	list-style: none;
	background: url('../../images/plus-small.png') no-repeat 0 3px;
	margin: 5px 0 0 10px;
	padding: 0 0 0 20px;
}

#leftColNav a {
	font-size: 13px;
	text-decoration: none;
}

#leftColNav a:hover {
	text-decoration: none;
}

#homeLeftCol #promotions {
	padding-bottom: 20px;
}

#homeLeftCol #promotions img {
	padding: 20px 0 0 0;
}
	
#numberBar {
	background-color: white;
	margin-top: -25px;
	margin-bottom: 25px;
	width: 630px;
	height: 40px;
	border-bottom: 1px solid #c5c5c5;
	font: normal 13px/1.5 Arial, sans-serif;
	text-align: center;
}
	
.standardList {
	margin-left: 16px; 
	margin-top: 15px;
}

.standardList li {
	margin-bottom: 10px;
}

/* Home 
-------------------------------------------------------------------- */

/* Slideshow */

#slideshow {
	position: relative;
	visibility: hidden;
	z-index: 1;
	width: 742px;
	height: 297px;
	padding: 1px 0 0 1px;
	background: url('../../includes/css/jcarousel/slide-bg.png') no-repeat 0 0;
}

#mycarousel {
	width: 733px;
	height: 288px;
	overflow: hidden;
}

#mycarousel div {
	display: none;
}

#slideshowInfo {
	position: relative;
	width: 733px;
	height: 62px;
	left: 1px;
	margin-top: -71px;
	z-index: 75;
	background: url('../../includes/css/jcarousel/overlay-bg.png') repeat-x 0 0;
}

#slideshowText {
	width: 570px;
	padding: 4px 0 0 12px;
	font: 13px/1 Arial, sans-serif;
	color: #fff;
	float: left;
}

#slideshowText a {
	font: 22px/1.5 TradeBold, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}

#slideshowText a:hover {
	color: #b5eaff;
}

#slideshowLink {
	width: 102px;
	margin: 18px 20px 0 0;
	float: right;
}

/* Action Grid */

#actionIntro {
	width: 735px;
	height: 51px;
	margin-top: 20px;
	padding: 13px 0 0 12px;
	font: 20px/1.5 TradeBold, Arial, sans-serif;
	color: #2a5775;
	background: url('../../images/home-introbg.png') no-repeat 0 0;
}

#actionIntro span {
	color: #2da1cf;
}

#actionGrid .row {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

#actionGrid .row .title {
	font: 22px/1.5 TradeBold, Arial, sans-serif;
	color: #404040;
	padding-left: 25px;
	background: url('../../images/plus-medium.png') no-repeat 0 8px;
	text-decoration: none;
	float: left;
}

#actionGrid .row .seeAllButton {
	float: left;
	margin: 5px 0 0 15px;
}

#actionGrid .row ul {
	list-style: none;
	clear: both;
	padding-top: 15px;
}

#actionGrid .row ul li {
	float: left;
	margin-left: 15px;
}

#actionGrid .row ul li:first-child {
	margin-left: 0;
}

#ecoGear h1 a {
	font: 38px/1 TradeBold, Arial, sans-serif;
	color: #2a5775;
	text-decoration: none;
}

#ecoGear h1 a span {
	color: #2da1cf;
}

#ecoGear h2 {
	font: 14px/1.5 Arial, sans-serif;
	color: #000;
}

#ecoGear table {
	margin: 20px 0 50px 0;
}

#ecoGear td {
	vertical-align: bottom;
	text-align: center;
	padding-right: 40px;
}

#ecoGear td a img {
	padding-bottom: 5px;
}

#ecoGear td a {
	font-size: 13px;
	text-decoration: none;
}

#ecoGear td a:hover {
	font-weight: bold;
}

#impactActionGrid #ecoGear table {
	margin: 20px 0 10px 0;
}

#impactActionGrid #ecoGear td {
	vertical-align: bottom;
	text-align: center;
	padding-right: 27px;
}

/* Impact Pages
-------------------------------------------------------------------- */

#impactHeader {
	background: #f4f5f5;
	padding-bottom: 12px;
	border-bottom: 1px dotted #bdbcbc;
}

#impactHeader img {
	float: left;
	padding-right: 15px;
}

#impactInfo {
	width: 480px;
	padding-top: 15px;
	font: 14px/1.5 Arial, sans-serif;
	color: #000;
	float: left;
}

#impactInfo img {
	padding: 4px 8px 0 0;
}

#impactInfo h1 {
	font: 28px/1 TradeBold, Arial, sans-serif;
	color: #333;
}

/* Action Grid */

#impactActionGrid {
	margin-top: 15px;
}

#impactActionGrid .row {
	margin-bottom: 7px;
}

#impactActionGrid .row ul {
	list-style: none;
	clear: both;
	padding-top: 15px;
}

#impactActionGrid .row ul li {
	float: left;
	width: 135px;
	margin-left: 15px;
	text-align: center;
}

#impactActionGrid .row ul li a {
	text-decoration: none;
}

#impactActionGrid .row ul li img {
	margin-bottom: 5px;
}

#impactActionGrid .row ul li:first-child {
	margin-left: 0;
}

#impactFooter {
	margin-top: 28px;
	padding-top: 10px;
	border-top: 1px dotted #bdbcbc;
}

#impactFooter b {
	padding-right: 5px;
	color: #505050;
}

#impactFooter span {
	font: 14px/1 TradeBold, Arial, sans-serif;
	font-weight: bold;
	color: #b1bc36;
}

#impactFooter a {
	text-decoration: none;
	padding: 0 5px 0 4px;
	color: #505050;
}

#impactFooter a:hover {
	color: #000;
}

/* Product Page
-------------------------------------------------------------------- */

#productLeftCol {
	width: 513px;
	float: left;
}

#productRightCol {
	width: 222px;
	float: right;
}

#productInfoTop {
	background: url('../../images/product-info-top.png') no-repeat top left;
	padding: 15px 0 0 12px;
}

#productInfoMid {
	background: url('../../images/product-info-mid.png') repeat-y top left;
	padding: 10px 0 0 12px;
}

#productInfoBottom {
	background: url('../../images/product-info-bottom.png') no-repeat top left;
	padding: 0 0 10px 12px;
}

#productContent {
	width: 480px; 
	border-top: 1px dotted #ccc; 
	padding-top: 20px; 
	margin-top: 20px;
}

#productContent h1 {
	font: 26px/1 TradeBold, Arial, sans-serif;
	color: #2a5775;
}

#productContent h2 {
	font: 20px/1 TradeBold, Arial, sans-serif;
	color: #2a5775;
}

#productContent span {
	color: #2da1cf;
}

#productContent a {
	font-weight: bold;
	color: #015875;
}

#productContent a:hover {
	color: #0977a3;
}

#productContent p {
	margin-bottom: 15px;
}

#recommended {
	margin-top: 15px;
}

#recommended h1 {
	font: 16px/1.5 TradeBold, Arial, sans-serif;
	color: #000;
	padding-left: 10px;
}

#recommended h2 {
	font: 14px/1 Arial, sans-serif;
	color: #565555;
	padding-left: 10px;	
}

#recommended #recProducts {
	width: 222px;
	background: #f4f5f5;
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#recommended #recProducts p {
	padding-bottom: 10px;
}

/* Footer 
-------------------------------------------------------------------- */
	
#footer {
	background: #333 url('../../images/footer-bg.png') repeat-x top left;
	height: 370px;
}

#footerContent {
	width: 980px;
	margin: 0 auto 0 auto;
	padding-top: 30px;
	font: normal 16px/1.5 Arial, sans-serif;
	color: #fff;
}

#footerContent h1 {
	font: normal 30px/1.5 TradeCond, Arial, sans-serif;
	border-bottom: 1px dotted #666;
}

#footerContent a {
	text-decoration: none;
	font-size: 14px;
	line-height: 1.65em;
}

#footerLeftCol {
	width: 330px;
	padding-right: 55px;
	float: left;
}

#footerLeftCol img {
	padding-top: 10px;
}

.footerMiddleCol {
	width: 165px;
	padding-right: 55px;
	float: left;
}

#footerMiddleCol img {
	margin-top: 5px;
}

#footerRightCol {
	width: 150px;
	float: right;
}

#footerRightCol img {
	margin-top: 15px;
}

#footer a {	color: #fff; }
	
#footer a:hover {	color: #bfcb3b;}

#footerLeftCol a { font-size: 14px; color: #bfcb3b;}

#partners {	text-align: center;}

/* Formatting 
-------------------------------------------------------------------- */

.header {
	font: normal 20px/1.5 Arial, sans-serif;
	font-weight: bold;
	color: #333;
}
	
.headerLink a {
	font: normal 16px/1 Arial, sans-serif;
	font-weight: bold;
	color: #333;
}

.headerColor {
	font: normal 20px/1.5 Arial, sans-serif;
	font-weight: bold;
	color: #5f9abb;
}
	
.headerLarge {
	font: normal 26px/1.1 Arial, sans-serif;
	font-weight: bold;
	color: #333;
}

.bigLink {
	font-size: 14px;
	font-weight: bold;
}

.small { 
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

a {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
		
a:hover {	
	color: #0977a3;
	}

.red { 
	color: red;
	}

a.redlink:link {
	color: #990000;
}

.redlink hover {
	color: #cc0000;
}

#facebookShare{ background: url(../../images/buttons/facebook_share.gif) no-repeat top left; display: block; width: 146px; height: 22px; text-indent: -999999px; overflow: hidden; }
#facebookShare:hover { background-position: top right; }

/* X-Cart Styles
-------------------------------------------------------------------- */

#xcartContent {
	background: #fff;
	font: normal 13px/1.5 Arial, sans-serif;
}
	
#xcartCartContent {
	background: #fff;
	font: normal 13px/1.5 Arial, sans-serif;
}

#cartPadding {
	padding: 30px 0px 25px 0px;
}
	
#checkoutPadding {
	padding: 20px 0 25px 0;
}
	
#xcartCartContent form input select {
	background: #f9fafa;
	font: normal 12px Arial, sans-serif;
	border: 1px solid #333;
}

.NumberOfArticles {
	font: bold 12px Arial, sans-serif;
	color: #333;
	padding-right: 5px;
}

.TableCenterErrorMessageOrange  {
	font: bold 12px Arial, sans-serif;
	color: red;
}

/* Cart */

.cartTable {
	border: 1px solid #AEAEAE;
	background: #fff;
}
	
.cartTableTop {
	font: bold 13px/2 Arial, sans-serif;
	background: #e1e1e1;
}
	
.ProductPriceSmall {
	color: #B51A00;
	font-weight: bold;
}
	
/* Checkout */	

#checkoutTabs {
	text-align: center;
	margin-bottom: 10px;
}

#checkoutTabs .activeTab {
	font-size: 26px;
	color: #5F7F9F;
}

#checkoutTabs span {
	font-size: 20px;
	font-weight: bold;
	color: #ccc;
}

#checkoutTabs a {
	font-size: 20px;
	font-weight: bold;
	color: #9e9d9d;
	text-decoration: none;
}
	
#checkoutTabs a:hover {
	color: #666;
}

.tableRegister {
	text-align: left;
}
	
.tableRegister td {
	color: #333;
}

.RegSectionTitle {
	font: bold 12px/1.5 Arial, sans-serif;
}

.Star { color: red; }

#expiration select {
	width: 60px;
}

/* Content Pages */

#contentPadding {
	height: 100%;
}
	
#contentLeftCol {
	position: relative;
	top: 25px;
	left: 0px;
	width: 226px;
	float: left;
	height: 100%;
	background: #fff;
	padding: 15px;
	border: 1px solid #a8a8a8;
}
	
#contentRightCol {
	width: 680px;
	height: 100%;
	float: left;
	padding: 25px 0 35px 40px;
}

#contentRightCol a {
	font-weight: bold;
	color: #015875;
}

#contentRightCol a:hover {
	color: #0977a3;
}

#contentNoCol {
	padding: 30px 50px 50px 50px;
}
	
.headerContent {
	font: normal 26px/1.5 Arial, sans-serif;
	font-weight: bold;
	color: #333;
	padding-bottom: 2px;
}
	
.contentSubHeader {
	font: normal 20px/1.5 Arial, sans-serif;
	font-weight: bold;
	color: #333;
	padding: 20px 0 0 0;
}

ul.indentlist {
	list-style:none
}
	
ul.indentlist li {
	padding-left: 15px;
	line-height: 1.75em;
}

/* Buttons */

.FormButton {
	COLOR: #112536;
	FONT-WEIGHT: bold;
}
TABLE.ButtonTable {
	CURSOR: pointer;
	VERTICAL-ALIGN: middle;
}
TD.Button {								 
	BACKGROUND-IMAGE: url(../../../images/butbg.gif);
	BACKGROUND-REPEAT: repeat-x;
	VERTICAL-ALIGN: middle;
	FONT-FAMILY: Arial, sans-serif;
	COLOR: #333;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}

FONT.Button {								 
}

IMG.ButtonSide {
	WIDTH: 9px;
	HEIGHT: 22px;
}