/* calls all of the css files - not needed on this site - @import url(/.css); */



* { border: none; padding: 0px; margin: 0px; }

.noBorder						{ border: 0px !important; }
.price						{ color: red; font: bold 8pt verdana !important; background: yellow; padding: 2px; border: 1px dotted red; }

#canvas						{ color: #000000; font: normal 10pt arial; background: #f0f09e url(/gfx/back/) fixed; text-align: center; }

#logo						{ width: 180px; height: 100px; position: absolute; top: 20px; left: 20px; }

#prodGrid						{ }
#prodGrid img					{ border: 1px dotted #808080; filter: alpha(opacity=90); }
#prodGrid img.imgHi				{ border: 1px solid #808080; filter: alpha(opacity=100); }

#homePageProducts				{ padding-bottom: 10px; }
.homePageProduct				{ padding-bottom: 0px; }

#emailUs						{ display: none; height: 13px; float: right; clear: right; font: normal 8pt verdana !important; }
#emailUs a:hover				{ text-decoration: none; }

#paypayBuyButton				{ float: right; clear: right; border: 0px solid red; padding: 10px; }

#dimensions					{ width: 50%; border-collapse: collapse; border: 2px solid #cc0000; font: normal 10pt verdana; margin-bottom: 15px; }
#dimensionsHead				{ color: #FFFFFF; background: #cc0000; font-weight: bold !important; }
.dimensionsHi					{ color: #404040 !important; background: #e0e0e0 !important; }
#dimensions td					{ border: 1px solid #808080; padding: 5px; width: 50%; }

#morePhotosHolder				{ margin-bottom: 15px !important; }
#morePhotosGrid img			{ filter: alpha(opacity=80); }
#morePhotosHolder img			{ border: 1px solid #c0c0c0; margin-right: 5px !important; }
.morePhotoHi					{ border: 1px solid red !important; margin-right: 5px !important; filter: alpha(opacity=100) !important; }

#creditandDebitCards			{ width: 100%; text-align: center; padding-bottom: 15px; }
#creditandDebitCards img			{ }
#importantBit					{ color: red; padding: 15px; padding-left: 50px; border: 2px solid red; background: url(/gfx/icons/hazard.gif) no-repeat left; margin-bottom: 10px; }

#rightbox1					{ width: 208px; float: right; margin-left: 10px; }

.fade50						{ filter: alpha(opacity=50); }
.error						{ color: red !important; }




/* ------------------------------------ Screen components exclusive to Smoke Shelters micro-site */

#smokeSlogan					{ color: #FFFFFF !important; font: bold 10pt verdana !important; position: absolute; top: 10px; right: 20px; } 
#smokeLogo					{ position: absolute; top: 20px; right: 20px; width: 468px; height: 60px; padding-top: 10px; padding-bottom: 0px; clear: right; }
#smokeLogo img				{ border: 1px solid #c00000 !important; }
#smokeBrochureLine				{ color: #FFFFFF !important; font: bold 10pt verdana !important; position: absolute; top: 100px; right: 20px; text-align: right; }
#smokeBrochureLine a:link		{ color: #FFFFFF; }
#smokeBrochureLine a:visited		{ color: #FFFFFF; }
#smokeBrochureLine img			{ margin-right: 5px; }

#smokeBrochureLineFoot			{ color: #FFFFFF !important; font: bold 10pt verdana !important; position: absolute; top: 58px; left: 83px; text-align: left; }
#smokeBrochureLineFoot a:link		{ color: #FFFFFF; }
#smokeBrochureLineFoot a:visited	{ color: #FFFFFF; }
#smokeBrochureLineFoot img		{ margin-right: 5px; }

.freePhone					{ background: #FFFFFF; color: red !important; padding-left: 2px; padding-right: 2px; }

/* ------------------------------------ Images ------------------------------------ */

.inlineLeftImage					{ float: left; padding-right: 10px; }
.inlineRightImage				{ float: right; padding-left: 5px; }

/* ------------------------------------ Fonts Etc. ------------------------------------ */

h1, h2, h3						{ color:#cc0000; font: bold 10pt verdana; line-height: 150%; margin-bottom: 15px; }
h1							{ font-size: 10pt; }
h2							{ color: #606060 !important; }
h3							{ color: #000000; font-size: 12px; }
h4							{ color: #c00000; font: normal 10pt arial; margin-bottom: 10px; }

h1 a:link						{ font-weight: normal !important; }
h1 a:visited					{ font-weight: normal !important; }
h1 a:hover					{ font-weight: normal !important; text-decoration: none !important; }
h1 a:active					{ color: #ff0000; background: yellow; font-weight: normal !important; text-decoration: none !important; }



/* ------------------------------------ Generic stuff ------------------------------------ */

.soft							{ font-weight: normal !important; }
.hidden						{ display: none !important; }
.visible						{ display: block !important; }


/* ------------------------------------ Left menu items ------------------------------------ */

#mmInformationGrid				{ display: none; }
#mmSecurityOptions				{ display: none; }
#mmContactUsGrid				{ }
#mmHelpGrid					{ }

#mmFaqs						{ }
#mmCarSizes					{ display: none; }
#mmTechnicalInfo				{ display: none; }
#mmCommercialTechnicalInfo		{ }

#menu						{ width: 135px; position: relative; left: 30px; top: 0px; margin-top: 10px; text-align: center !important; }
.menuGrid						{ width: 100%; text-align: center !important; }
.menuGrid td					{ color: #cc0000; height: 24px; background:#FFFFFF; font: normal 10pt verdana; border-left: 1px solid #cc0000; border-right: 1px solid #cc0000; border-bottom: 1px solid #cc0000; padding-left: 5px; padding-right: 5px; }	
.menuGrid td a:link				{ color: #606060; font: normal 10pt verdana !important; text-decoration: none !important; }
.menuGrid td a:visited			{ color: #606060; font: normal 10pt verdana !important; text-decoration: none !important; }
.menuGrid td a:hover				{ color: #cc0000; font: normal 10pt verdana !important; text-decoration: underline !important; }
.menuGrid h1					{ height: 30px; color: #FFFFFF; font: bold 8pt verdana,verdana; vertical-align: middle; display: inline; }
.menuGrid h2					{ display: inline; }
.menuHead					{ height: 30px !important; color: #FFFFFF !important; background: #cc0000 url(/gfx/back/smokemenuHead.gif) repeat-x bottom !important; border: 1px solid #cc0000 !important; text-align: center !important; }
.menuHead h1					{ font: bold 8pt verdana !important; }

.currentPage					{ background: #e0e0e0 !important; }
.currentPage h2					{ color: #808080 !important; font: normal 10pt verdana !important; }

.order						{ color: #cc0000 !important; background: gold !important; }
.order a:link					{ color: #cc0000 !important; background: gold !important; }
.order a:visited					{ color: #cc0000 !important; background: gold !important; }
.order a:hover					{ color: #cc0000 !important; background: gold !important; }
.orderHi						{ color: red !important; background: yellow !important; }
.orderHi a:link					{ color: red !important; text-decoration: underline !important; }

.mmHi						{ height: 20px; color: #404040 !important; background: #e0e0e0 url(/gfx/back/c-mmHi.gif) repeat-x top !important; padding-left: 23px; cursor: pointer; border-left: 1px solid #c00000 !important; border-right: 1px solid #c00000 !important; border-bottom: 1px solid #c00000 !important; }
.mmHi a:link					{ color: #404040; text-decoration: none; }
.mmHi a:visited					{ color: #404040; text-decoration: none; }
.mmHi a:hover					{ color: #404040; text-decoration: underline !important; }
	
#menuGridShade				{ height: 50px; background: url(/gfx/back/menuGridShade.gif) repeat-x top; margin-bottom: 200px; text-align: center; }
#menuGridShade img			{ padding-top: 15px; }



/* ------------------------------------ Page Footer ------------------------------------ */

#footer						{ width: 760px; height: 85px; clear: both; position: relative; background: red url(/gfx/back/footer.gif) no-repeat top; }
#footer-left					{ position: absolute; left: 40px; height:36px; top: 20px; width:221px; }
#footer-right					{ position: absolute; left: 330px;	height: 24px; top: 33px; width: 180px; }
#footer-address					{ color: #FFFFFF; position: absolute; right: 20px; height: 70px; top: 10px; width: 160px; font: normal 8pt tahoma,arial,helvetica; text-align: right; }
#footer-address:first-line			{ font-weight: bold !important; font-size: 10pt !important; letter-spacing: 2px; }
#footer-address	a:link			{ color: #FFFFFF !important; font: normal 8pt tahoma,arial,helvetica ; }
#footer-address	a:visited			{ color: #FFFFFF !important; font: normal 8pt tahoma,arial,helvetica ; }
#underFooterGrid				{ position: relative; width: 760px; }
#legalStuff					{ float: left; color: #c00000; font: normal 8pt tahoma,arial,helvetica; padding-top: 20px; }
#legalStuff a:link				{ color: #c00000 !important; font: normal 8pt tahoma,arial,helvetica !important; }
#legalStuff a:visited				{ color: #c00000 !important; }
#legalStuff a:hover				{ color: #c00000 !important; background: #FFFFFF; }
#wc3						{ text-align: right; clear: right; background: url(/gfx/back/c-underFooter.gif) repeat-x top; }
.wc3							{ padding-top: 15px; padding-right: 12px; }



/* ------------------------------------ Stuff from smoking.css ------------------------------------ */

#wholepagecontentholder {
		position: relative;
	  	top: 20px;
	  	right: 0px;
	  	margin: 0px auto;
	  	width: 760px;
  		text-align: left;
  		padding-bottom: 10px;
	}
	
	
#top-bar {
		position:relative;
		background: #FF0000 url(/gfx/back/topBar.gif) repeat-x top;
		width:100%; /* - Might have to change this to set pixel width - lets see if it opens up a can of worms! */
		height: 145px;
		border-bottom: 0px solid #ffffff; }


#under-logo			{ background: #FF0000 url(/gfx/back/topBar.gif) repeat-x top; 
			position: absolute;
			top: 120px;
			left: 20px;
			width: 180px;
			height: 30px;
			color: #FFFFFF; font: bold 10pt arial; padding-top: 5px;
			text-align: center; 
		}
	
	#agent-finder {
			position:absolute;
			top:20px;
			left:220px;
			width:250px;
			height:100px;
		}
		
	#agent-finder-box {
			position:absolute;
			top:62px;
			right:306px;
			width:150px;
			height:20px;
			text-align:right;
		}
		
	#agent-finder-button {
			position:absolute;
			top:93px;
			right:306px;
			width:63px;
			height:19px;
		}
	
	#agent-finder-txt {
			position:absolute;
			top:120px;
			left:220px;
			width:250px;
			height:30px;
	}
		
	#brochure-request {
			position:absolute;
			top:20px;
			right:20px;
			width:250px;
			height:100px;
		}
		
	
	#brochure-request-txt {
			position:absolute;
			top:120px;
			right:20px;
			width:250px;
			height:30px;
		}
		
		
#under-top-bar {
		position:relative;
		width:100%;
		background-image:url(/gfx/bg-rep-red-white.gif);
		background-repeat:repeat-y;
	}

	#left-bar {
			float:left;
			position:relative;
			width:170px;
		}
		
			
	#main-content { background: #FFFFFF; 
			float:left;
			position:relative;
			width:555px;
			margin-top:10px;
			margin-left:5px;
		}
		
	/*Below here is a fix for the FF and Opera problem (although they're technically correct) where the container div doesn't show the background! */
		
		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		/* End hide from IE-mac */
		
	/*Above here is a fix for the FF and Opera problem (although they're technically correct) where the container div doesn't show the background! */
	


/* ------------------------------------ Stuff from formatting.css ------------------------------------ */

.subHead						{ color: #606060 !important; }

p							{ color: #404040; font normal 12px arial; line-height: 150%; margin-bottom: 15px; }
p a							{ color: #cc0000; font normal 10pt verdana; line-height: 150%; margin-bottom: 15px; text-decoration: underline; }
a							{ color: #cc0000; font normal 10pt verdana; line-height: 150%; margin-bottom: 15px; text-decoration: underline; }
ol	{
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		font-weight:normal;
		font-size:12px;
		line-height:150%;
		margin-bottom:15px;
		margin-left:30px;
	}

ul	{
		color: #606060;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:12px;
		line-height:150%;
		margin-bottom: 15px;
		margin-left: 30px;
		list-style-type: circle !important; }
	
li a:link					{ color: #404040 !important; }
li a:visited					{ color: #404040 !important; }
li a:hover					{ color: #000000 !important; }
li a:active					{ color: red !important background: yellow !important; }
	
.h1	{	font-family:Arial, Helvetica, sans-serif;
		color:#CC0000;
		font-weight:bold;
		line-height:150%;
		margin-bottom:15px;
		font-size:20px;}

.h2	{	font-family:Arial, Helvetica, sans-serif;
		color:#CC0000;
		font-weight:bold;
		line-height:150%;
		margin-bottom:15px;
		font-size:16px;}	

.h3	{	font-family:Arial, Helvetica, sans-serif;
		color:#CC0000;
		font-weight:bold;
		line-height:150%;
		margin-bottom:15px;
		font-size:12px; color:#000000;}