@charset "UTF-8";
/* ProBag CSS */

img										{border: none;}
html, body 							{margin: 0px; background-color:#202427;width: 100%; height: 100%; text-align: center; font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Arial, Verdana;padding:0; color: #FFFFFF; font-size: 12px;}
.pageSize								{width: 813px;margin-left:auto;margin-right:auto;text-align: left;margin-top: 0px;padding: 0px;display: block;position: relative;}
.pageSizeHead						{width: 811px;margin-left:auto;margin-right:auto;text-align: left;margin-top: 0px;padding: 0px;height: 149px;background: url(img/headlightBG.jpg);}
/*******/

#headerContainer					{background: url(img/headBG.jpg); height: 151px; width: 100%;margin:0x;padding:0px;}
	
	#logotype						{float:left; height: 79px; width:150px; margin-top: 52px;padding-left: 25px;}
	
	#loginBox							{left:50%;margin-left: 120px;position: absolute; margin-top: 14px; z-index: 6; overflow: hidden;background: url(img/loginBG.png); background-repeat: no-repeat;height:78px; width: 301px;}
	.loginBox1						{float:left;padding-top: 20px;width: 130px; overflow: hidden; text-align:left;}
	.loginBox2						{float:left;padding: 20px 0px 0px 18px;width:100px;overflow: hidden;text-align:left;}
	.loginBox3						{float:left;padding: 45px 0px 0px 10px;width:32px;overflow: hidden;}
	.loginInput						{padding: 2px 2px 2px 6px;margin-top: 10px; width: 112px;height: 17px; background: url(img/loginInput.png); background-repeat: no-repeat; border: 0;}
	.loginSubmit						{padding:5px 0px 0px 0px;margin:0px;border:0;height: 17px;}
	
	#menuTopBorder				{height: 1px; position: absolute; padding-top: 92px; z-index: 2; }
	#menu								{float: left;}
	#menuList						{overflow: hidden; position: relative; padding-top: 93px;height: 57px;margin-left: 120px; padding-right:0px}
	#menuList a 					{font-family: Arial; font-size: 15px; font-weight: bold; color: #FFFFFF; line-height: 56px; padding: 0px 13px; margin:0px;line-height: 56px;}
	#menuList a.current    	{font-family: Arial; font-size: 15px; font-weight: bold; color: #FFFFFF; line-height: 56px; padding: 0px 11px; margin:0px;line-height: 56px; overflow: hidden;}
	#menuList a:hover			{text-decoration: none;}
	
	.menuCurrent					{padding:0px;margin:0px; float:left;height:56px; line-height:56px;}
	#menuList 	div				{float:left;padding:0px;margin:0px; height:56px; }
	#menuList 	div:hover		{float:left;padding:0px;margin:0px; height:56px;background-image: url(img/menuItemOverMid.jpg);}
	.menuItemOverLeft			{float:left;background: url(img/menuItemOverLeft.jpg); width: 2px; height: 56px;padding:0px; margin:0px; overflow:hidden;}
	.menuItemOverMid			{float:left;background: url(img/menuItemOverMid.jpg);height: 56px;padding:0px; margin:0px; overflow:hidden;}
	.menuItemOverRight		{float:left;background: url(img/menuItemOverRight.jpg); width: 2px;padding:0px; height: 56px;margin:0px; overflow:hidden;}
	.menuSeparator 				{margin:0px; padding:0px;} 
/*******/

#casewrapContainer				{ height: 244px; width: 100%;margin:0x;padding:0px;}
	#caseContainer 				{padding-top:25px;padding-left: 25px;}	
	
/*******/
#mainContainer					{background: url(img/mainBG.jpg); height: 311px; width: 100%;margin:0x;padding:0px;}
#mainContainerFull				{background: url(img/fullBGbig.jpg); height: 534px; width: 100%;margin:0x;padding:0px;}
		.mainSpacer					{height:29px;}
		.mainTop						{height:100px;padding:0px;margin-top:13px; position: relative;}
		.mainTopSub				{height:37px;padding:14px 0px 0px 0px;margin:0px; position: relative;}
		
		
		.mainColLeftStart			{float:left;width: 380px;padding-left: 20px;}
		.mainColRightStart		{float:right;width: 400px;}
		
		.mainColXtraRight		{float:right; width: 450px;}
		.mainColLeft					{float:left;padding-left: 25px; width: 300px;}
		.mainColFull					{float:left;padding-left: 25px; width: 500px;}
		
		.mainColRight				{float:left;width: 300px;}
		.mainBox						{width:813px;}
		.mainBoxWhiteTop		{width:813px; height: 12px; padding:0px;margin:0px; background:url(img/mainBoxWhiteTop.jpg) no-repeat; position: relative;}
		.mainBoxWhiteBottom	{width:813px; height: 12px; padding:0px;margin:0px;background:url(img/mainBoxWhiteBottom.jpg) no-repeat; position: relative;}
		.mainBoxFooter			{width:813px; padding-top: 12px;padding-bottom: 12px;}
		.mainBoxTop				{width:813px; height: 12px; padding:0px;margin:0px; background:url(img/mainBoxTop.jpg) no-repeat; position: relative;}
		.mainBoxBottom			{width:813px; height: 12px; padding:0px;margin:0px;background:url(img/mainBoxBottom.jpg) no-repeat; position: relative;}
		.mainBoxMiddle			{width:813px; padding:0px;margin:0px;background:url(img/mainBoxMiddle.jpg) repeat-y; overflow: hidden;}
		.mainBoxContent			{padding:15px 25px 15px 25px;margin:0px; position: relative; overflow: hidden;}
		.mainBoxColFull	        {width: 400px;position: relative;}
		.mainBoxColLeft			{float:left;width: 365px;position: relative;}
		.mainBoxColRight			{float:left;width: 360px;position: relative; padding-left: 20px;}
		
		.mainBoxHalf				{width: 365px;position: relative;}
		.mainBoxColLeft2			{float:left;width: 460px;position: relative; }
		.mainBoxColRight2		{float:left;width: 250px;position: relative;}
		
		.mainBoxColLight			{background:url(img/cellBG.jpg) top center no-repeat;}
		.mainBoxIconLeft			{float:left;width: 400px;}
		.mainBoxIconRight		{float:left;width: 180px;position: relative; padding-left: 20px; height:140px;}
		.mainBoxNew				{position:relative;}
		.mainBoxIconContainer{float:left; padding:0px 10px 10px 0px;margin:0px; }
		.footerArea1				{overflow: hidden; float: left; width: 600px; margin-left:25px;}
		.footerArea2				{overflow: hidden; float: right;}
		.footerItem					{float:left;text-align:left; padding-right: 15px; vertical-align: middle;}
		.footerArea2 .footerItem	{float:left;text-align:left; padding-left: 15px; vertical-align: middle;}
		.footerItem	p				{padding-top:10px;}
		.mainBoxSeparator		{border-bottom: 1px solid #1d2024; height:1px;}
		.mainPictureWide			{height: 317px; padding:12px 0px 12px 0px; margin:0px;border-top: 1px solid #1d2024;}
		.hr								{padding: 20px 0;}
		.hrThin							{padding: 10px 0;}
		.bags							{background:url(img/bagContainer.jpg) no-repeat; position: relative; height: 167px; margin-left: 15px;}
		.bags2							{background:url(img/bagContainer2.jpg) no-repeat; position: relative; height: 167px; margin-left: 15px;}
		.mainProductLeft			{float:left;width: 320px;position: relative;}
		.mainProductRight		{float:left;width: 409px;position: relative; margin-left: 25px; text-align: center;}
		.productImage				{background:url(img/bagContainerProd.jpg) no-repeat; position: relative; height: 400px; width: 409px;margin-left: 15px; padding: 25px 0px 0px 0px; text-align: center; }
		.productBoxContent	{margin-top: 30px;padding:25px;margin:0px; position: relative; overflow: hidden; height: 200px;}
		.productBoxOther		{margin: 0px 10% 0px 10%;padding:25px; position: relative; overflow: hidden; height: 120px; text-align: center;}
		.productBoxOther a		{padding: 0px 15px;}	
		.productBoxOtherBags{background:url(img/bagContainer.jpg) no-repeat; position: relative; height: 167px; margin-left: 15px;text-align: center;}
		.productBoxOtherLinks{margin: 30px 10% 0px 14%;text-align: center;}
		.productBoxOtherCenter{margin: 30px 10% 15px 14%;text-align: center;}
		.productThumb			{text-align: center;float:left; width: 145px;padding:0px; margin:0px; height: 120px; overflow:hidden; vertical-align: bottom;}
		
		.productTitle				{text-align: center;float:left; width: 148px;padding:0px; margin:0px; height: 56px;}	
		.productTitle2				{text-align: center;float:left; width: 460px;padding:0px; margin:0px; height: 56px; position: relative;}
		.productTitle3				{text-align: center;float:left; width: 250px;padding:0px; margin:0px; height: 56px;position: relative;}	
		.productTitle div			{padding:20px 0px;}	
		.productSeparator		{text-align: center;float:left; width: 1px;padding:0px; margin:0px;height: 56px;}			
		.titleBoxLeft					{padding:0px;margin:0px;}
		.titleBoxLeft	 h2			{padding:0px;margin:0px;}
		.mainBox190				{width: 190px; float: left; padding:0px;margin:0px;}
		.mainBoxWarningPic		{width: 100px; float: left; padding:0px;margin:0px;}
		.mainBoxWarningText	{width: 400px; float: left; padding:0px;margin:0px;}
		.titleBorder					{width:360px; margin: 10px 0px}
		.contactInput				{padding: 2px 2px 2px 6px;margin-top: 10px; width: 350px;height: 17px; background: url(img/contactInput.png); background-repeat: no-repeat; border: 0;}
		.contactTextAreaBG		{background:url(img/contactTextarea.png); border:0; background-repeat: no-repeat; width:350px; height: 80px; padding: 5px;}
		.contactTextArea			{border:0; padding: 5px; font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size: 11px; width:330px;background:transparent; overflow: auto; height: 82px;}
		.contactSubmit			{border:0; width:150px; margin-right: 11px;}
		.envIconBox					{border-top: 1px solid #1d2024;border-bottom: 1px solid #1d2024; overflow: hidden;}
		.envIconPic					{float:left; overflow: hidden; padding-bottom: 10px; width: 170px;text-align: center;}
		.envIconSeparator		{float:left; overflow: hidden; padding: 10px 0px; width: 15px;text-align: center;}
		.envIconText				{float:left; overflow: hidden; padding: 20px 0px 0px 0px;text-align: center;}
		
		#thumbs						{width: 100%; text-align: center; padding: 0px 0px 0px 35px;}
		#thumbs .thumbBox	{width:105px;height:105px; background: url(img/thumbContainer.jpg) top left no-repeat; padding:10px 10px 10px 5px;margin:0; float:left;}

	
		p.productDesc				{color: #333333;}
		

		.mainBoxTitle			 	{height: 35px;}
/*******/

/* Paragraphs and Titles */

h1										{font-family: Arial; font-size: 30px; margin: 0px; padding:0px; font-weight: bold;}
div.mainTopSub	h1			{font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size: 24px; margin: 0px; padding:0px; font-weight: normal;}
h2										{font-family: Georgia,Arial; font-size: 19px; margin: 0px 0px 10px 0px;font-weight: normal; font-style: italic; color:#f98100;}
h2.marginBottom				{font-family: Georgia,Arial; font-size: 19px; margin: 0px 0px 20px 0px;font-weight: normal; font-style: italic; color:#f98d00;}
h3										{font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size: 16px; margin: 0px; padding:10px 0; color: #FFFFFF; line-height: 25px; font-weight: normal;}
p 											{font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size: 12px; margin: 0px; padding:0px; color: #FFFFFF; line-height: 20px;}
p.quote								{font-family: Georgia,Arial; font-size: 18px; margin: 0px; padding:0px; font-style: italic; color: #f98100; line-height: 25px; }
p.productInfo						{font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size: 11px; margin: 0px; padding:0px; color: #FFFFFF; line-height: 20px;}
strong						{color:#f98d00;}
.strongwhite					{color:#ffffff;}
/* Links */

a											{font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size: 12px; margin: 0px; padding:0px; color: #D0AF6D; text-decoration: none;}
a.product								{font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial; font-size: 16px; padding: 0px; margin: auto 0;color: #D0AF6D; text-decoration: none; font-weight: bold;}
a:hover									{text-decoration: underline;}