/* 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, helvetica, sans-serif; }

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

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

p {	margin: 1em 0 0 0; }

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

body {
	margin: 0;
	padding: 0;
	background: #333;
	background-repeat: no-repeat;
	background-position: top center;
	font: normal 12px/1.5 arial, helvetica, sans-serif;
	}
	
#container {
	width: 890px;
	margin: 0 auto 0 auto;
	}
	
.clear { clear: both;	}
	
/* Header -------------------------------------------------------------------- */

#homeLink {
	position: absolute;
	top: 0;
	z-index: 100;
	}

#login {
	position: absolute;
	top: 10px;
	width: 878px;
	font: normal 12px/1 arial, helvetica, sans-serif;
	color: #ccc;
	text-align: right;
	}
	
#login a {
	font: normal 11px/1 arial, helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	}
	
#login a:hover  {
	color: #bfcb3b;
	}

#greenBar {
	width: 890px;
	height: 8px;
	background: #bfcb3b;
	font-size: 1px;
	margin-top: 186px;
	}
	
#navBar {
	width: 890px;
	height: 32px;
	background: #212121;	
	}
	
.navhighlight {
	font-weight: bold; 
	color: #dde773;
	}
	
#bookmark {
	float: left;
	}

#emailBox {
	width: 120px;
	height: 16px;
	margin: 86px 0 0 10px;
	padding: 1px 0 1px 5px;
	font: normal 12px arial, helvetica, sans-serif;
	color: #d9d8d8;
	background-color: #666;
	border: 1px solid #5b5b5b;
	border-right: 0;
	}
	
#goButton {
	padding: 0 0 0 5px;
	vertical-align: bottom;
	position: relative;
	top: 2px;
	}
	
#cartArea {
	float: right;
	padding: 0 11px 0 0;
	font: normal 14px/1 arial, helvetica, sans-serif;
	}

#cartArea a	{
	font: normal 14px/1 arial, helvetica, sans-serif;
	color: white;
	text-decoration: none;
	}
	
#cartArea a:hover {
	color: #bfcb3b;
	}

#breadcrumbs {
	background: #333 url('../../images/breadcrumbs_bg.gif') repeat-x top left;
	height: 45px;
	length: 890px;
	font: normal 12px/1 arial, helvetica, sans-serif;
	color: #a0cce4;
	}
	
#breadcrumbs table {
	position: relative;
	top: 15px;
	left: 15px;
	}

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

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

#content {
	margin: 0;
	padding: 0;
	}

#leftCol {
	width: 655px;
	float: left;
	background: #333;
	}

#leftColHeader {
	background: #333 url('../../images/leftcol_header.gif') no-repeat top left;
	height: 56px;
	}

#leftColContent {
	background: #fff;
	}

#leftColFooter {
	background: #333 url('../../images/leftcol_footer.gif') no-repeat top left;
	height: 6px;
	overflow: hidden;
	}

#rightCol {
	width: 212px;
	margin-left: 23px;
	float: left;
	background: #333;
	}
	
#rightColHeader {
	background: #333 url('../../images/rightcol_header.gif') no-repeat top left;
	height: 53px;
	}
	
.rightColContent {
	background: #fff;
	padding: 20px 5px 17px 20px;
	font: normal 12px/1.5 arial, helvetica, sans-serif;
	}
	
#rightColFooter {
	background: #333 url('../../images/rightcol_footer.gif') no-repeat top left;
	height: 6px;
	overflow: hidden;
	}
	
#productLeftCol {
	width: 630px;
	background: #f9fafa;
	padding: 25px 0 0 0;
	}
	
#productLeftCol div {
	font: normal 13px/1.5 arial, helvetica, sans-serif;
	text-align: left; 
	padding: 0 20px 30px 30px;
	}
	
#productRightCol {
	width: 260px;
	border-left: 1px solid #c5c5c5;
	background: #fff;
	padding: 20px 0 0 20px;
	font: normal 13px/1.5 arial, helvetica, sans-serif;
	}
	
#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, helvetica, sans-serif;
	text-align: center;
	}
	
.standardList {
	margin-left: 16px; 
	margin-top: 15px;
	}

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

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

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

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

/* Giveaway */

#giveContainer {
	background: url(../../images/content/climategiveaway/bg.gif) repeat-y;	
	height: 100%;
	}

#giveawayFlash {
	outline: none;
	text-align: left;
}

#giveLeftCol {
	float: left;
	width: 660px; 
	padding-top: 25px;
	}
	
#giveLeftColTextOnly {
	float: left;
	width: 610px; 
	padding: 25px;
	}
	
#giveRightCol {
	float: right; 
	width: 210px; 
	padding: 25px 0 10px 19px; 
	}

.separator {
	border-bottom: 1px solid #c5c5c5;
  line-height: 0;
	}

.prizes {
	margin: 0 0 0 -2px;
	}
	
.prizes .spacer {
	border-bottom: 1px dotted #ccc;
	}
	
.prizes .large td {
	padding-top: 20px;
	vertical-align: bottom;
	text-align: center;
	}
	
.prizes .small td {
	padding-top: 20px;
	vertical-align: bottom;
	text-align: center;
	}
	
.prizes .copy td {
	font: normal 11px/1.5 Arial, Helvetica, sans-serif;
	color: #000;
	padding: 8px 5px 0 0;
	vertical-align: top;
	text-align: left;
	}
	
.prizes a {
	font: bold 14px/1.5 Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	
.prizes a:hover {
	font: bold 14px/1.5 Arial, Helvetica, sans-serif;
	color: #cc0000;
	}
	
.prizes span a {
	font: normal 11px/1.5 Arial, Helvetica, sans-serif;
	}
	
.prizes span a:hover {
	font: normal 11px/1.5 Arial, Helvetica, sans-serif;
	color: #cc0000;
	}

#clicktowin{ background: url(../../images/content/climategiveaway/button_clicktowin.gif) no-repeat top left; display: block; width: 385px; height: 87px; text-indent: -999999px; overflow: hidden; }
#clicktowin:hover { background-position: top right; }

#entergiveaway{ background: url(../../images/content/climategiveaway/button_entergiveaway.gif) no-repeat top left; display: block; width: 225px; height: 55px; text-indent: -999999px; overflow: hidden; margin: 25px 0 7px 8px; }
#entergiveaway:hover { background-position: top right; }

#entertowin { background: url(../../images/content/climategiveaway/button_entertowin.gif) no-repeat top left; display: block; width: 195px; height: 65px; text-indent: -999999px; overflow: hidden; }
#entertowin:hover { background-position: top right; }

#mediaroom { background: url(../../images/content/climategiveaway/button_mediaroom.gif) no-repeat top left; display: block; width: 195px; height: 65px; text-indent: -999999px; overflow: hidden; }
#mediaroom:hover { background-position: top right; }

#faq { background: url(../../images/content/climategiveaway/button_faq.gif) no-repeat top left; display: block; width: 195px; height: 65px; text-indent: -999999px; overflow: hidden; }
#faq:hover { background-position: top right; }

#prizes { background: url(../../images/content/climategiveaway/button_prizes.gif) no-repeat top left; display: block; width: 195px; height: 65px; text-indent: -999999px; overflow: hidden; }
#prizes:hover { background-position: top right; }

#giveawaySocial a {	text-decoration: none;	}

#facebookBlog{ background: url(../../images/buttons/facebook_blog.gif) no-repeat top left; display: block; width: 58px; height: 60px; }
#facebookBlog:hover { background-position: bottom left; }
#facebookBlog span { line-height: 55px; color: #666; font-size: 16px; font-weight: bold; margin-left: 65px; }

#twitterBlog{ background: url(../../images/buttons/twitter_blog.gif) no-repeat top left; display: block; width: 58px; height: 60px; } 
#twitterBlog:hover { background-position: bottom left; }
#twitterBlog span { line-height: 55px; color: #666; font-size: 16px; font-weight: bold; margin-left: 65px; }

#feedBlog{ background: url(../../images/buttons/feed_blog.gif) no-repeat top left; display: block; width: 58px; height: 60px; }
#feedBlog:hover { background-position: bottom left; }
#feedBlog span { line-height: 55px; color: #666; font-size: 16px; font-weight: bold; margin-left: 65px; }

/* Action Icons -------------------------------------------------------------- */

#actionIcons {
	padding: 17px 0 0 10px;
	}

#actionIcons table tr td {
	width: 105px;
	height: 145px;
	vertical-align: top;
	text-align: center;
	padding: 0 11px 0 11px;
	}

#actionIcons table tr td a {
	font: normal 12px/2.5 arial, helvetica, sans-serif;
	color: #444;
	text-decoration: underline;
	}
	
.actionBottomRow {
	padding: 10px 0 5px 22px;
	font-size: 1px;
	}

.actionRollover {
	width: 105px;
	height: 105px;
	display: block;
	background-repeat: no-repeat;
	}
	
.actionRollover br {
	margin: 0;
	padding: 0;
	line-height: 105px;
	}

.actionRolloverBig {
	width: 124px;
	height: 124px;
	display: block;
	background-repeat: no-repeat;
	}

/* Right Column -------------------------------------------------------------- */

#howtojoin {
	margin-bottom: 25px;
	}
	
#howtojoin h1 {
	color: #fff;
	font-size: 26px;
	margin-bottom: -5px;
	}
	
#howtojoin li {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-left: 27px;
	line-height: 19px;
	}
	
#howtojoin li p {
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	line-height: 19px;
	}
	
#social {
	color: #fff;
	font-size: 14px;
	margin-bottom: 22px;
	}

#social a {
	float: left;
	margin-top: 5px;
	}

#facebook{ background: url(../../images/buttons/facebook.gif) no-repeat top left; display: block; width: 58px; height: 80px; overflow: hidden; margin-right: 18px; text-align: center;}
#facebook:hover { background-position: top right; }
#facebook span { line-height: 136px; color: white; font-weight: bold;}

#twitter{ background: url(../../images/buttons/twitter.gif) no-repeat top left; display: block; width: 58px; height: 80px; overflow: hidden; margin-right: 18px; text-align: center;}
#twitter:hover { background-position: top right; }
#twitter span { line-height: 136px; color: white; font-weight: bold;}

#feed{ background: url(../../images/buttons/feed.gif) no-repeat top left; display: block; width: 58px; height: 80px; overflow: hidden; text-align: center;}
#feed:hover { background-position: top right; }
#feed span { line-height: 136px; color: white; font-weight: bold;}

#quotes p {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4em;
	}
	
#quotes span {
	font-size: 13px;
	color: #fff;
	}
	
#quotes a {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	font-style: normal;
	}

/* Footer -------------------------------------------------------------------- */
	
#footer {
	margin: 25px 0 0 0;
	padding: 10px;
	border-top: 1px solid #bfcb39;
	color: #fff;
	text-align: center;
	}
	
#footerLeftCol {
	width: 530px;
	float: left;
	text-align: left;
	font: normal 14px/1.5 arial, helvetica, sans-serif;
	}

#footerMiddleCol {
	width: 180px;
	float: left;
	text-align: right;
	font: normal 12px/1.5 arial, helvetica, sans-serif;
	}

#footerRightCol {
	width: 160px;
	float: right;
	text-align: right;
	font: normal 12px/1.5 arial, helvetica, sans-serif;
	}

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

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

#partners {	text-align: center;	}

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

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

.headerColor {
	font: normal 20px/1.5 arial, helvetica, sans-serif;
	font-weight: bold;
	color: #5f9abb;
	}
	
.headerLarge {
	font: normal 26px/1.1 arial, helvetica, 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: #333;
	text-decoration: underline;
	}
		
a:hover {	color: #333; }

.red { color: red; }

#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  -------------------------------------------------------------------------------------------------------------------- */

#xcartContent {
	background: #fff;
	font: normal 13px/1.5 arial, helvetica, sans-serif;
	}
	
#xcartCartContent {
	background: #fff;
	font: normal 13px/1.5 arial, helvetica, sans-serif;
	border-bottom: 1px solid #000;
	}

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

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

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

/* Cart */

.cartTable {
	border: 1px solid #AEAEAE;
	background: #fff;
	}
	
.cartTableTop {
	font: bold 13px/2 arial, helvetica, 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, helvetica, sans-serif;
	}

.Star { color: red; }

#expiration select {
	width: 60px;
	}

/* Content Pages */

#contentPadding {
	height: 100%;
	}
	
#contentLeftCol {
	position: relative;
	top: 25px;
	left: 25px;
	width: 226px;
	float: left;
	height: 100%;
	background: #f9fafa;
	padding: 15px;
	border: 1px solid #aeaeae;
	}
	
#contentLeftCol img {
	border: 1px solid #a8a8a8;
	}
	
#contentRightCol {
	width: 535px;
	height: 100%;
	float: left;
	padding: 25px 0 35px 55px;
	}
	
#contentNoCol {
	padding: 30px 50px 50px 50px;
	}
	
.headerContent {
	font: normal 26px/1.5 arial, helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	padding-bottom: 2px;
	}
	
.contentSubHeader {
	font: normal 20px/1.5 arial, helvetica, 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, Helvetica, Sans-serif;
	COLOR: #333;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}

FONT.Button {								 
}

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