﻿/* >> GLOBAL */
	html { 
		margin: 0px; padding: 0px; 
		background-image: url('/images/siteTopBg.jpg');
		background-position: top center;
		background-repeat: no-repeat;
	}

	body {
		font-family: arial, helvetica, sans-serif; /* GLOBAL FONT STACK */ 
		font-size:12px; 
		
		margin: 0px; padding: 0px;			margin: 0px; padding: 0px;
		margin-right: auto; margin-left: auto; /* Center Align Layout */

		
		text-align:left; 
		color:#000000;
		
		background-image: url('/images/siteBottomBg.jpg');
		background-position: bottom center;
		background-repeat: repeat-x;
		
		border-top: 6px #86c65d solid;
	
	}
/* << GLOBAL */
	
/* >> HEADINGS */
	h1, h2, h3, h4, h5, dt, h6, tfoot, thead, th {
		text-decoration:none; 
		word-spacing:normal; 
		letter-spacing:normal;
		text-transform:none;
		line-height: normal;
	}
	
	h1 {
		font-size:20px; 
		color: #336910;
		line-height: 26px;
		margin-top: 2px;
		font-weight: normal;
		margin-bottom:5px;
		background: left bottom url('/images/headerDivider.gif') no-repeat;
		padding-bottom: 5px;
	}
	
	h2 {
		font-size:16px; 
		font-weight:normal; 
		font-style:normal; 
		color:#2b66a5; 
		margin-top:10px;  
		margin-bottom:5px;
	}	
			
	h3 {
		font-size:15px; 
		font-weight:bold; 
		font-style:normal; 
		color:#2b66a5; 
		margin-bottom:0px;
	}		
		
	h4 {
		font-size:14px; 
		font-weight:bold; 
		color:#2b66a5; 
		margin-bottom:0px;
	}	
			
	h5, dt {
		font-size:13px;
		font-weight:700; 
		font-style:normal;
		margin-bottom: 0;
		color:#2b66a5; 

	}	
			
	h6 {
		font-size:12px; 
		font-weight:700; 
		margin-bottom: 0;		color:#2b66a5; 

		font-style:normal;
	}	
		
	tfoot, thead {
		font-size:12px;
	}
				
	th {
		vertical-align:baseline; 
		font-size:14px; 
		font-weight:bold;
	}
/* << HEADINGS */


/* >> OTHER TEXT */
	small {font-size:.7em;}	
	big {font-size:1.17em;}	
	blockquote, pre	{}
/* << OTHER TEXT */

	
/* >> LISTS */
	ul li {list-style-type:disc; margin-bottom: 10px;}	
	ul li li {list-style-type:square;}	
	ul li li li	{list-style-type:circle;}		
	ol li {list-style-type:decimal;}	
	ol ol li {list-style-type:lower-alpha;}	
	ol ol ol li	{list-style-type:lower-roman;}
	ol ul li {list-style-type:square;}
/* << LISTS */


/* >> TABLES */
	td {
		vertical-align:top; text-align:left;
	}
/* << TABLES */


	
/* >> LINKS */
	a {
	color: #2b66a5;
	text-decoration: underline;
	outline: none;
	}	
	
	a:hover {
	color: #568737;
}
/* << LINKS */
	
	
/* >> REQUIRED */
	.REQUIRED {
		color:#ff0000; 
		font-size:14px; 
		font-weight:500;
	}
/* << REQUIRED */

hr{

display: block;
height: 1px;
border: none;
overflow: hidden;
background-color: #acbdc5;
color: #acbdc5;
border-bottom: 1px solid #cfe4ed;

}


/* >> IMAGES */
	img {
		border:thin #000000 none;
	}
	
	.aleft {
		float:left; 
		padding-right:10px; 
		padding-bottom:10px;
	}
	
	.aright {
		float:right; 
		padding-left:10px; 
		padding-right:10px;
	}
/* << IMAGES */


p {
	margin-top: 10px; 
	margin-bottom: 10px;
}
.blueText {color:#22576F;}

/* >> WIDTH AND HEIGHT */
	/* >> WIDTH */
		.w50 {width:50px;}
		.w75 {width:75px;}
		.w100 {width:100px;}
		.w150 {width:150px;}
		.w200 {width:200px;}
		.w250 {width:250px;}
		.w300 {width:300px;}
		.w350 {width:350px;}
		.w400 {width:400px;}
		.w550 {width:550px;}
		.w600 {width:700px;}
	/* << WIDTH */
	
	
	/* >> HEIGHT */
		.h50 {height:75px;}
		.h75 {height:75px;}
		.h100 {height:75px;}
		.h200 {height:200px;}
		.h275 {height:275px;}
		.h600 {height:600px;}
	/* << HEIGHT */
/* >> WIDTH AND HEIGHT */
	
/* >> TEMPLATE */

	/* >> MAIN TABLE */
		#MainTable {
			margin: 0px; padding: 0px;
			margin-right: auto; margin-left: auto; /* Center Align Layout */
			width: 1000px;
			border-collapse: collapse;
		}
			
	/* << MAIN TABLE */


	/* >> TOPNAV */
		#TopCol {
		}
		
		#TopCol a#logo {
			width:356px;
			height: 130px;
			display: block;
			float: left;
			background-image: url('/images/logo.png');
		}

		a#logo {behavior: url(/css/iepngfix.htc);}
		
		#TopCol div#topRight {
			float:right;
			text-align: center;
			clear:right;
			width: 330px;
		}


		#TopCol a#topRightButton {
			background-image: url('/images/topButton.png');
			display: block; width:265px; height: 27px;
			text-align: center; line-height: 27px;
			color: white; text-decoration: none;	
			font-size: 12px;
			float:right; margin-right: 5px; clear:right;
		}
		
		#TopCol p#contactInfo {
	
			color: #3f3f3f;
			font-size: 14px; line-height: 20px;
			margin-top: 10px;
			float:right;
			
		}
		
		#TopCol p#contactInfo a {
			text-decoration: none;
			font-size: 13px;
			color: #2b66a5;
		}
		#TopCol p#contactInfo a:hover { text-decoration: underline; }

		#TopCol a#topRightButton:hover { text-decoration: underline; }
		
		
		#topShopMenu {
			background-image: url('/images/topShopMenuBg.gif');
			background-position: left top;
			height:28px;
			width: auto;;
			float:right;
			padding-left: 0;
		}
		

		
		#TopCol div#topShopMenu a {
			height: 28px;
			line-height: 28px;
			color: white;
			padding-left: 13px; padding-right: 13px;
			display: inline-block; float: left;
			list-style: none;
			text-decoration:  none;
			font-size:12px;
		}

		.divider {
		float: left;
		display: block;
		color: white;
		line-height: 28px;
		height: 28px;
		}
		
		#TopCol div#topShopMenu img {
			float: left;
		}


		#TopCol div#topShopMenu a#cart {
			background-image: url('/images/cartIcon.gif');
			background-repeat: no-repeat;
			background-position: 7px center;
			padding-left: 30px;
		}
		
		
		#TopCol div#topShopMenu a#last {
			background-image: url('/images/topShopMenuLast.gif');
			background-position: 0 0;
		}

		
		



		#TopCol div#topShopMenu a:hover {
			text-decoration: underline;
		}

		
		
		
		.TOPNAV {
		clear: left;
			height: 49px;
			background: bottom url('/images/topNavBg.gif') repeat-x;
			margin-top: 125px;
			*margin-top: 25px;
			margin-bottom: 0; padding-bottom: 0;
			text-align: right;
			width: 100%;
			clear:right;
		}
		
		.TOPNAV a {
			display: -moz-box !important; display: inline-block !important;
			float: right !important;
			height: 49px !important; width: 110px !important;
			line-height: 55px !important; text-align: center !important;
			
			font-size: 14px; color: white !important; text-decoration: none !important;
			
			background: -110px 7px url('/images/topNavLink.png') no-repeat !important;
			margin-left:-10px !important;
			
			-background: 0 0;
			
		*line-height: 50px;

		}			
			

		

		.TOPNAV a.current{
			background-position: 0 0 !important;
			width: 110px !important;
			z-index:5 !important;
			position: relative !important;
		}
		
		.TOPNAV a:hover {
			text-decoration: underline !important;
		}
		
		
	/* << TOPNAV */

		
	/* >> LEFTNAV  */
		#LeftCol {
			vertical-align:top; 
			width:224px;
			background-color: #daeef9;
			border-left: 1px solid #d9e1e8;
			border-right: 1px solid #d9e1e8;
text-align:center;	
			overflow: hidden;
	}
		
		.LEFTNAV {
			line-height:12px; 
			padding-top: 1px; 
			padding-left:25px;
			background-color: #f2f9fd;
			
			padding-left: 16px;
			padding-right: 16px;
			text-align: left;

		}
		
		.LEFTNAV ul {
			padding-left: 0;
			margin-left: 0;
		}
		
		.LEFTNAV ul li {
			list-style: none !important;

			border-bottom: 1px solid #b9daad;
			padding-left: 4px; padding-right:4px;
			
			line-height: 13px;
			padding-top: 6px; padding-bottom: 6px;
			margin: 0;
			
		}
		
		.LEFTNAV ul li.last {
			border: none !important;
		}
		
		.LEFTNAV ul li ul li {
			border-bottom: none;
			background-image: url('/images/leftNavBullet.gif');
			background-position: 5px 12px;
			background-repeat: no-repeat;
			padding-left: 20px;
			margin-bottom: 0px;
			margin-top: 0px;
			
		}
	
		.LEFTNAV ul li ul li a {
			color: #629641;
			font-size: 12px;
			line-height: 15px;
			
		}
	
		.LEFTNAV ul li a {
			color: black;
			font-size: 13px; line-height: 20px;
			text-decoration: none;
		}
		
		.LEFTNAV ul li a:hover, .LEFTNAV a.current { color: #629641; text-decoration: underline; }
		
		.LEFTNAV .selected {color:#336910 !important;}
		
		#searchL {
			width: 224px !important;
		}
		.greenLeft a {color:#629641 !important;}
	/* << LEFTNAV  */

		
	/*  >> MAIN CONTENT TABLE */
		#RightCol {
			vertical-align:top; 
			background-color:#ffffff; 
		}
		
		#RightCol td {
			vertical-align:top;
		}
		
	/*  >> MAIN CONTENT TABLE */
	/* >> CONTENT HEADER */
	
	div#contentHeader {
		/* background-image: url('/images/subHeader.jpg'); */
		background-repeat: no-repeat;
		width:775px;
		height:225px;
	}

	
	/* >> LEFT CONTENT */
		#BodyTable{
			width: 775px;
			color: #2b2b2b; line-height: 20px; 
		}
		
		#BodyCol {
			width:538px;
			padding: 22px;
			padding-right: 11px;
		}
			                                
		.CONTENT {
			font-size:12px; 
		}
	/* >> LEFT CONTENT */

	
	
	/* >> RIGHT SIDEBAR */
		#SideBarCol {
			vertical-align:top;
			width: 235px;
			padding-left: 11px;
			padding-top: 0;
			padding-right: 0;
			
		}
		
		.SIDEBAR {
			padding-top: 10px;

		}
		

		
	/* >> RIGHT SIDEBAR */

		
	/* >> BOTTOMNAV */
		#FooterCol {
			height:50px;
			border-top: 3px solid #86c65d;
			padding-top: 20px; padding-bottom: 10px;
			text-align: center;
		}

		.BOTTOMNAV {
			padding-left:10px; 
			padding-bottom:10px; 
			line-height:20px;
			font-size: 11px;
			color: #54a2c6;
		}
		
		#FooterCol a {
			color: #54a2c6;
			text-decoration: none;
			padding-left: 3px; padding-right: 3px;
		}
		#FooterCol a:hover {
			color: #325160;
			text-decoration: underline;
		}
		
		div#copyright {
			color: #676767;
			font-size: 11px;
		}
		
	.socialbuttons {margin-top:10px;}
	.articlediv h4 {margin-top:0px;}	
	/* << BOTTOMNAV */



/* << TEMPLATE */


/* >> OVERRIDE CLASSES & HELPERS */
	.floatLeft { float: left; }
	.floatRight { float: right; }
	.noBorders { border: none !important; }
	.clear { clear: both; }
	#none {display:none;}
/* << OVERRIDE CLASSES & HELPERS */

/* >> Re-Usable CTAs */
	a.customTapeCTA {
		display: block;
		width:235px; height: 98px;
		background-image: url('/images/LogoViewer_BagButtonNew.png');
	}
	a.customTapeCTA:hover { /*background-position: left 98px; */}
	
	
	a.shopOnlineCTA {
		display: block;
		width: 235px;
		height: 75px;
		background-image: url('../images/shopOnlineCTA.gif');
	}
	a.shopOnlineCTA:hover {
		background-position: left 75px;
	}
	a.specialsCTA {
		display: block;
		width: 234px;
		height: 81px;
		background-image: url('../mypictures/Special-Offers-1.gif');
	}
	/*a.specialsCTA:hover {
		background-position: left 75px;
	}*/

	
	a#contactUsCTA {
		background-image: url(/images/contactUsCTA.gif);
		display: block;
		height: 117px; width: 206px;
		margin: auto;
		margin-top: 18px;
	}
	
	a#contactUsCTA:hover { background-position: 206px; }
	
	a#build_bagortape_CTA {
		background-image: url(/images/build_bagortape_CTA.png);
		display: block;
		height: 102px; width: 206px;
		margin: auto;
		margin-top: 18px;
	}
	
	div#emailSignup {
		background-image: url('../images/emailBg.jpg');
		width:193px; padding-left: 17px; padding-right: 13px; /* 223-17-13= 193 */
		height: 63px; padding-top: 63px; /* 126-63 = 63 */
		display: block;
		margin-top: -12px;
		margin-bottom: 18px;
	}
	
	
	
	input.textfield {
		width: 189px;
		height: 20px;
		line-height: 22px;
		padding: 0; border-left: none; border-right: none;
		padding-left: 3px; padding-right: 3px;
		border-top: 1px solid #adadaf; border-bottom: 1px solid #e4e5e7;
		font-size: 12px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	
	
	.blueButton {
		display: block;
		background-color:transparent;
		background-image: url(/images/blueButton.gif) !important;
		height: 23px;
		width: 80px;
		line-height: 23px;
		text-align: center;
		color: white;
		text-decoration:  none;
		border: none;
		font-size: 11px;
		margin-top: 3px;
		margin-bottom: 3px;
		cursor:pointer;
	}
	
	input.blueButton {
		padding-bottom: 2px;	
	}
	
	.blueButton:hover {
		background-position: 80px;color: white;
	}
	
	#forms #SideBarCol {display:none;}
	#forms .CONTENT {}
	#socialside a {text-decoration:none !important;}
	
	#blog {}
	#blog h1 {margin-top:15px;}
	
	
#CaptchaImage div {display:inline-block;}
	
/* << Re-Usable CTAs */

span.grey { color: #666666;}



/* >> ADMIN CMS */
	.adminHeader
		{text-align:center; padding-top:20px; margin-top:20px;}
	
	.admintable, .head
		{background:#334433; width:600px; font-weight:700; font-size:13px;}
	.admintable strong, #DataList1
		{color:#334433; font-weight:700; font-size:13px;}
	.admincol
		{text-align:center; color:#ffffff; font-weight:bold;}
	.admincol, .admincol h1
		{text-align:center; width:550px; color:#ffffff; font-weight:bold;}
	.smallCopy
		{color:#334433;}
	
	#Pagebody_4_1, #Pagebody_4_1, #pageLeftnav_4_1, #pageleftnav_4_1, #pageSideBar_4_1,  #pagesidebar_4_1,   #CTA_4_1, #intro_4_1
		{width:200px; overflow:hidden;}	
	#errlab
		{font-weight:bold; color:#FF0000;}
	#Leftnav1_admindiv
		{line-height:20px;}
	
	/*#imgPicture{position: relative; top: 50px; left: 95px;}	
	
	/*Visual Editor */
	.bgwhite, body.bgwhite
		{background-color:#ffffff; background-image:none; width:700px; height:700px;}
	.bgwhite a, .bgwhite a:active, .bgwhite a:hover, .bgwhite a:link, .bgwhite a:visited {color: #2b66a5;}
	.bgwhite .blueButton a {color:#ffffff !important;}
	.Pagebody_EndTab, .Pagebody_EndTab, .pageLeftnav_EndTab, .pageleftnav_EndTab, .pageSideBar_EndTab,  .pagesidebar_EndTab,   .CTA_EndTab, .intro_EndTab 
		{display:none;}
/* << ADMIN CMS */


/* >> BROWSER HACKS */

	div, img, a {
		behavior: url('images/iepngfix.htc');
	}



/* >> BROWSER HACKS */
