/* calls all of the css files */

@import url(/styles/layoutCommercial.css);
@import url(/styles/formatting.css);
@import url(/styles/john.css);

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



/* over-riding stuff */

#resourcesBlockdiv				{ display: none !important; width: 300px; color: #cc0000; border: 3px dashed gold; background: ivory; padding: 10px; margin: 0px 0px 10px 0px; }
#resourcesBlockdiv h1			{ color: #cc0000; font: bold 10pt arial; }
#resourcesBlockdiv ul			{ color: #c00000; list-style-type: square; }

#resourcesBlockdivC				{ display: block !important; width: 300px; color: #cc0000; border: 3px dashed gold; background: ivory; padding: 10px; margin: 0px 0px 10px 0px; }
#resourcesBlockdivC h1			{ color: #cc0000; font: bold 10pt arial; }
#resourcesBlockdivC ul			{ color: #c00000; list-style-type: square; }



/* ------------------------------------ Screen components exclusive to Compton Commercial */

#c-slogan						{ color: #FFFFFF !important; font: bold 10pt verdana !important; position: absolute; top: 10px; right: 20px; } 
#c-logo						{ position: absolute; top: 20px; right: 20px; width: 520px; height: 60px; padding-top: 20px; padding-bottom: 0px; clear: right; }
#c-brochureLine				{ color: #FFFFFF !important; font: bold 10pt verdana !important; position: absolute; top: 105px; right: 20px; }
.freePhone					{ background: #FFFFFF; color: red !important; padding-left: 2px; padding-right: 2px; }



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

h4							{ color: #c00000; font: normal 10pt arial; margin-bottom: 10px; }



/*
	------------ Product Type ---------------- 

	Type 1 Residential
	Type 2 Education
	Type 3 Commercial
*/
.producttype_1 {display: none;}
.producttype_2 {display: none;}
.productcategory_8 {display: none;}

/*
	------------ Product Category ----------------

	Category 1 Garages
	Category 5 Concrete Buildings
	Category 8 Education
*/
 

.productcategory_1 {display: none;}
.productcategory_5 {display: none;}



/* ------------------------------------ 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				{ }
#mmOtherRanges				{ }
#mmHelpGrid					{ }

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

#menu						{ width: 135px; position: relative; left: 30px; top: 0px; margin-top: 10px; }
html>body #menu 				{ }
.menuGrid						{ width: 100%; margin-bottom: 10px; }
.menuGrid td					{ height: 24px; color: #CC0000; background:#FFFFFF; font: normal 12px arial; border-left: 1px dotted #808080; border-right: 1px dotted #808080; border-bottom: 1px solid #FFFFFF; padding-left: 5px; padding-right: 5px; }	
.menuGrid td a:link				{ color: #404040; }
.menuGrid td a:visited			{ color: #606060; }
.menuGrid h1					{ height: 30px; color: #FFFFFF; font: bold 8pt arial, verdana; vertical-align: middle; display: inline; }
.menuGrid h2					{ display: inline; }
.menuHead					{ height: 30px !important; color: #FFFFFF !important; background: #404040 url(/gfx/back/c-menuHead.gif) repeat-x top !important; border: 1px solid #808080 !important; text-align: center !important; }
.menuHead h1					{ font: bold 8pt verdana !important; }
.menuHead a:link				{ color: #FFFFFF !important; font: bold 8pt verdana !important; }
.menuHead a:visited				{ color: #FFFFFF !important; font: bold 8pt verdana !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 #c0c0c0 !important; border-right: 1px solid #c0c0c0 !important; border-bottom: 1px solid #d0d0d0 !important; }
.mmHi a:link					{ color: #404040 !important; text-decoration: none; }
.mmHi a:visited					{ color: #404040 !important; text-decoration: none; }
.mmHi a:hover					{ color: #404040 !important; text-decoration: none; }
	
.menuGap						{ height: 3px !important; border-left: 1px dotted #808080; border-right: 1px dotted #808080; border-bottom: 1px solid #808080 !important; font-size:1px !important; overflow: hidden !important; }
#menuGridShade				{ display: none; width: 100%; height: 5px; background: url(/gfx/back/menuGridShade.gif) repeat-x top; overflow: hidden; padding-top: -10 !important; }



/* ------------------------------------ Product pages menu items ------------------------------------ */

#pmResidentialLink				{ }
#pmIncludedAsStandard			{ }
#pmPersonalOptions				{ display: none; }
#pmLocateYourAgent				{ display: none; }
#pmGetQuote					{ display: none; }	
#pmWhatBaseShouldIHave			{ display: none; }



/* main menu */

#menu						{ width: 135px; position: relative; left: 30px; top: 0px; margin-top: 10px; }
html>body #menu 				{ }
.menuGrid						{ width: 100%; }
.menuHead					{ }
td.menu-heading-text				{ height: 30px; color: #FFFFFF; background: #606060 url(/gfx/back/c-menuHead.gif) repeat-x top; font: bold 8pt verdana !important; border-top: 5px solid #FFFFFF; border-bottom: 1px solid #606060; text-align: center !important; }
h1.menu-heading-text 			{ color: #FFFFFF; border-right: 0px; height: 30px; font: bold 8pt verdana !important; display: inline; }
	
td.menu-option					{ color: #CC0000; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-left: 1px solid #808080; border-right: 1px solid #808080; height:20px; padding-left: 5px; }	

td.menu-option a:link			{ color: #404040; }
td.menu-option-over			{ color: #FFFFFF; background: #e0e0e0 url(/gfx/back/c-menu-item-over.gif) repeat-x top; height: 20px; padding-left: 5px; cursor: pointer; border-left: 1px solid #404040; border-right: 1px solid #404040; }

td.menu-option-over a:link		{ color: #404040; text-decoration: none; }
td.menu-option-over a:visited	{ color: #404040; text-decoration: none; }
td.menu-option-over a:hover	{ color: #404040; text-decoration: none; }

h2.menu-option				{display:inline;}	
h2.menu-option-over			{display:inline;cursor:pointer;}
	
td.menu-gap				{ border-left: 1px dotted #808080; border-right: 1px dotted #808080; border-bottom: 1px solid #808080; height: 3px; font-size:1px; }
td.menu-bottom				{ height: 5px; font-size: 1px; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; }
		
#menuGridShade			{ width: 100%; height: 5px; background: url(/gfx/back/menuGridShade.gif) repeat-x top; overflow: hidden; }




/* ------------------------------------ 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: 30px; height:36px; top:30px; 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: 15px; width: 140px; font: normal 8pt tahoma,arial,helvetica; }
#footer-address:first-line	{ font-weight: bold !important; }
#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: #FFFFFF; font: normal 8pt tahoma,arial,helvetica; padding-top: 20px; }
#legalStuff a:link		{ color: #FFFFFF !important; font: normal 8pt tahoma,arial,helvetica !important; }
#legalStuff a:visited		{ color: #FFFFFF !important; }
#legalStuff a:hover		{ color: #FFFFFF !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; }