/* CSS Document */
/*-------------------------------------------------------------------------------------------
Basic Style Sheet
version: 3.0
author: Jess Ferko
email: jferko@backpocketmedia.net
website: http://www.backpocketmedia.net
-------------------------------------------------------------------------------------------*/
	/*
	
	background blue d5e0e3
	green bar b4d941
	tab off f8f7e4
	blue logo text 081598
	sidebar gray + image border 8c8a79 
	body copy home blue 0a1259
	link and sidebar blue 091699
	utility nav a0abae
	*/
/* =pull in other css */
@import url(/css/oddball.css);
@import url(/css/typography.css);
@import url(/css/navigationWide.css);/**/
@import url(/css/form.css);

/* =standards */

body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0a1259;
	background-color:#d5e0e3;
	width:100%;
	overflow-x: hidden;/* prevents horizontal scrolling; */
}
#contentInside {display:block;clear:both;}
img.right {float:right; margin-left:20px;}

.bkgd1 {
	background-image:url('img/background.jpg');
	background-position:top center;
	background-repeat:repeat-y;
	background-size: 100%;

}
.bkgd2 {
	background-image:url('img/background1.jpg');
	background-position:top center;
	background-repeat:repeat-y;
	background-size: 100%;
}
.bkgd3 {
	background-image:url('img/background2.jpg');
	background-position:top center;
	background-repeat:repeat-y;
	background-size: 100%;
}
.bkgd4 {
	background-image:url('img/background3.jpg');
	background-position:top center;
	background-repeat:repeat-y;
	background-size: 100%;
}
body#tinymce .mceContentBody {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0a1259;
	background-color:#fff;
	background:none;
}
#wrapper {
	position: relative;
	padding: 0px;
	width: /*744*/1000px;
	margin: 0px auto;
}
	#header {
	display:block;
	background-color:#d5e0e3;
	width: /*740*/996px;
	
	}
		#branding {display:block; height: 115px;}
		#logo {float:left; margin-top: 15px;}
		#utilityNavigation {float:right;
 height:100px;}
		#utilityNavigation p {height:100px;}
	
	div.blockWrap {display:block; width:100%;clear:both;}	
	.categoryWrap {display:block; width:100%; clear:both;}	
	.breadcrumbsAddThisWrap {display:block; width:100%; clear:both; color: #a8b1b3; margin-bottom:10px; font-size:9px;}
	#secondary #primaryContent .breadcrumbsAddThisWrap a, .breadcrumbsAddThisWrap a, .breadcrumbsAddThisWrap span, .breadcrumbsAddThisWrap p  {color: #a8b1b3; font-size:9px; margin:0px;}
	
	div.breadcrumbsAddThisWrap #breadcrumbs, div.breadcrumbsAddThisWrap #breadcrumbs a {color: #a8b1b3;}
#breadcrumbs {float:left; display:block;
	width: /*738*/994px; margin-bottom:20px;}
	
#breadcrumbs h1 {float:left;}
div.breadcrumbsAddThisWrap #breadcrumbs span.B_crumbBox {float:left; margin-left:20px; margin-top:18px;}
div.breadcrumbsAddThisWrap #breadcrumbs span.B_crumbBox p {margin:0px;}
/*#breadcrumbs span.B_crumbBox {float:left; margin-left:20px; margin-top:5px;} hack for IE7*/
div.breadcrumbsAddThisWrap #breadcrumbs div.addthis_toolbox {float:right; margin-right:20px; margin-top:23px;}
#breadcrumbs ul.B_crumbBox {margin:0;padding:0;}
#breadcrumbs ul.B_crumbBox li {margin:0; list-style:none; display:inline-block;}

	
	#home #primaryContent #feature {float:left; width:/*530*/730px; height: 212px; border-bottom:30px solid #b4d941; border-right: 1px solid #8c8a79;}
	
#homeProductTmb {position: relative; top:50px; left:50px; }
#homeProductText {position: relative; top:-76px; left:145px; width:423px; height:125px; padding:1px 10px 0px 10px; background-image: url(../images/features/home-productbkgdWide.png); color:#000;}

	#homeProductText p {margin-top:5px;}
	#homeProductText a {color:#091699;}
#homeTeaserText {position: relative; top:-43px; left:20px; color:#fff; font-weight:bold;}
#homeTeaserText p {margin-top:10px;}



	#home #primaryContent #featurePolaroid {float:left; margin-top:-21px; margin-left:25px; margin-right:-50px; width:200px; height: 263px;}
		#home #primaryContent #featurePolaroid img {border:none;}
	#home #col1 {float:left; color:#8c8a79; width:165px; margin:0px; padding:20px 20px 10px 20px; font-size:9px;}
		#home #col1 img {border:4px solid #8c8a79;}
	#home #col2 {float:left; width:/*490*/715px; margin:20px 5px 0px 0px; padding:10px 0px 10px 30px; border:1px solid #deddcd;}
		#home #bodycopy {float:left; color:#0a1259; font-size:12px; width:680px; margin:0px;}
		/*#home #sidebar {float:left; color: #091699; width:170px; margin:30px 0px 0px 30px; font-size:9px;}	*/
			#home #sidebar img { border:1px solid #deddcd; margin-right:5px; margin-bottom:20px;}



/*landing page*/

	#landing #primaryContent  {
	float:left; 
	width: 720px; 
	padding-left: 20px;
	background-color:#fff;}
	
	#landing #primaryContent h2 {margin-top:10px;}

	#landing #primaryContent p {padding-right: 20px;color:#0a1259; font-size:12px; }
	#landing #primaryContent #feature {float:left; margin-bottom:20px; width:720px; height: 212px; border-bottom:30px solid #b4d941; margin-left:1px;}
	
		#landingProductTmb {position: relative; top:50px; left:10px;  width:223px;}
		#landingProductText {position: relative; top:-76px; left:105px; width:223px; height:125px; padding:1px 10px 0px 10px; background-image: url(../images/features/home-productbkgd.png); color:#000;}
			#landingProductText p {margin-top:5px; font-size:11px;}
			#landing #primaryContent #landingProductText p {margin-top:5px; font-size:11px; width:228px;}
			#landingProductText a {color:#091699;}
		/*#landingTeaserText {position: relative; top:-43px; left:20px; color:#fff; font-weight:bold;}*/
		#landingTeaserCall {position: relative; top:-37px; left:195px; color:#fff; font-weight:bold;}
			#landingTeaserCall img {border:none;}


/*landing product grid*/
#landing div.products {float: left; width: 155px; font-size:10px; color:#0a1259; font-family:"Arial Condensed", Arial, Helvetica, sans-serif; height: 230px; padding:0px;margin:0px 5px 30px 0px;}
	#landing div.products p {height:36px;font-size:12px; font-weight:bold;}
	#landing div.products a.category {color:#006600; font-size:14px;}
		#landing .blockWrap div.products ul.productList {margin:0px; padding:0px;} 
		#landing ul.productList li.first {color:#0a1259; font-size:10px; display:block; width: 155px;padding: 155px 0px 0px 0px; background-position:top left; list-style-type:none; background-position:top left;  background-repeat: no-repeat; list-style-type:none;}
		#landing ul.productList li {display:none;}
		
/*secondary product grid - just like landing but used on Supplies and Safety*/
#secondary div.products {float: left; width: 155px; font-size:10px; color:#0a1259; font-family:"Arial Condensed", Arial, Helvetica, sans-serif; height: 230px; padding:0px;margin:0px 5px 30px 0px;}
	#secondary div.products p {height:36px;font-size:12px; font-weight:bold;}
	#secondary div.products a.category {color:#006600; font-size:14px;}
		#secondary ul.productList {margin:0px!important; padding:0px!important;} 
		#secondary ul.productList li.first {color:#0a1259; font-size:10px; display:block; width: 155px;padding: 155px 0px 0px 0px; background-position:top left; list-style-type:none; background-position:top left;  background-repeat: no-repeat; list-style-type:none;}
		#secondary ul.productList li {display:none;}

/*secondary page*/

	#secondary #primaryContent  {
	float:left; 
	width: 720px; 
	padding-left: 20px;
	padding-right: 20px;
	background-color:#fff;}

	#secondary #primaryContent p {padding-right: 20px;color:#0a1259; font-size:12px; }
	#secondary #primaryContent #feature {float:left; margin-bottom:20px; width:720px; height: 212px; border-bottom:30px solid #b4d941;}
	
	
	#featureOptin {border-top:1px solid #8c8a79; margin:20px 0 0 0px; padding:20px 0 0 20px;}
	#home #featureOptin {border-top:none;margin:0px; padding:0px;}
	#featureOptin p {margin-bottom:-10px;}
	#featureOptin p .error {margin:0px;}
	#featurePolaroid {}
	#sidebarLeft {}
	
	#polaroidAction {position:relative; top:-30px; left:10px; z-index:400; width:180px;}
	#polaroidAction p {margin:0px;}
	#polaroidAction a {color:#091699;}
#search {float:left;
		height:22px;
		width: 40px;
		margin-top:0px;}
	#featurePolaroid img {position:relative; top:0px; left:10px; z-index:300; }	
	#home #featurePolaroid img {position:relative; top:0px; left:0px;}	
	#stickyAction {position:relative; top:-20px; left:110px; z-index:400; width:80px;color:#8c8a79;}
	#stickyAction a {color:#8c8a79;}
	
#search {float:right;
		height:22px;
		width: 140px;
		margin-top:0px;}
#contentCurve{
	display:block; 
	clear:both;
	width: /*740*/996px;
	background-color:#fff;
	height:13px;
	background-image: url(img/content-top-cornersWide.gif)  !important;
	background-position:top;
	background-repeat:no-repeat;
}

#content {
	display:block; 
	float:left;/*for firefox white bkgd to continue*/
	overflow: visible;/*for firefox white bkgd to continue*/	
	width: /*738*/994px;
	background-color:#fff;
	padding-top:40px;
	padding-bottom:40px;
	border-left: 1px solid #8c8a79;
	border-right: 1px solid #8c8a79;
	}

	/*#primaryContent  {
	float:left; 
	width: 738px; 
	padding: 0px;
	background-color:#fff;}*/
	

	#secondaryNavigation  {float:left; width: 200px; padding: 0px 10px 0px 0px; background-color:#fff; }
		
			
#footer {
	display:block;
	clear:both;
	width: /*719*/975px;
	padding: 20px 10px 40px 10px;
	background-color:#000000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
	opacity: .5;
	}





/* =hacks */
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */



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