/* calls all of the css files */

@import url(/styles/layout.css);
@import url(/styles/formatting.css);
@import url(/styles/cms.css);
@import url(/styles/pages.css);

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

#DEVBOXWARNING { display: none; }



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

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



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

.hidden							{ display: none !important; }
.invisible							{ visibility: hidden !important; }
.off								{ display: none !important; }

.visible							{ display: block !important; }
.on								{ display: block !important; }
.unfadedImg						{ filter:alpha(opacity=100); }
.fadedImg							{ filter:alpha(opacity=50); }

.sidefotoBigger						{ }


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

#mmContactUsGrid					{ }
#mmHelpGrid						{ }

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

#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; font: normal 12px arial; border-left: 1px dotted #808080; border-right: 1px dotted #808080; padding-left: 5px; }
.menuGrid td a:link					{ color: #404040; }
.menuGrid td a:visited				{ color: #606060; }

.menuGrid tr:hover					{ color: #FFFFFF; background: #FF0000 url(/gfx/back/mmHi.gif) repeat-x top !important; height: 20px; padding-left: 23px; cursor: pointer; border-left: 1px solid #cc0000 !important; border-right: 1px solid #cc0000 !important; }
.menuGrid tr:hover td a:link			{ color: #FFFFFF !important; text-decoration: none; }
.menuGrid tr:hover td a:visited			{ color: #FFFFFF !important; text-decoration: none; }
.menuGrid tr:hover td a:hover			{ color: #FFFFFF !important; text-decoration: none; }

.menuGrid h1						{ height: 30px; color: #404040; font: bold 8pt arial, verdana; vertical-align: middle; display: inline; }
.menuGrid h2						{ display: inline; }
.menuHead						{ height: 30px !important; color: #404040 !important; background: #dbd5b5 url(/gfx/back/menuHead.gif) left no-repeat !important; border: 1px solid #808080 !important; padding-left: 23px !important; }
.menuHead h2						{color: #404040 !important; font: bold 8pt arial, verdana; }

#twitter							{ clear: both; width: 100%; text-align: center; }
#twitter img.logo					{ border: 1px solid #FFFFFF; padding: 4px; }
#twitter img.logo:hover				{ border: 1px solid #c0c0c0; }

.menuGap							{ height: 3px !important; border-left: 1px dotted #808080; border-right: 1px dotted #808080; border-bottom: 1px solid #808080; 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; }



/* ------------------------------------ Form bits ------------------------------------ */

.formTerms						{ color: #707070; font: normal 8pt "MS Sans Serif",verdana; }



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

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

.productcategory_7					{ display: none; } /* This hides the commercial product heading from the menu on the residential site */
.productcategory_8					{ display: none; } /* This hides the education product heading from the menu on the residential site */
.producttype_2						{ display: none; } /* This hides the education products from the menu on the residential site */
.producttype_3						{ display: none; } /* This hides the commercial products from the menu on the residential site */

.noborder						{border:none;}



/* ------------------------------------ Link to Compton Page ------------------------------------ */

#agents							{  }
#non-agents						{ margin: 50px 0px 0px 0px; }

.inboundLinkCode					{ background: transparent; margin: 0px 0px 10px 0px; }
.inboundLinkCode div.badges			{ float: right; background: transparent; text-align: right; }
.inboundLinkCode div.badges img		{ clear: both; margin: 0px 0px 0px 10px; padding: 5px; border: 1px solid transparent; }
.inboundLinkCode div.badges img:active	{ clear: both; margin: 0px 0px 0px 10px; padding: 5px; border: 1px solid red; }

.code							{ width: 732px; height: 80px; color: #808080; background: #fafafa; border: 1px solid #606060; font: normal 10pt "Courier New",verdana !important; padding: 10px; overflow: hidden; }



/* ------------------------------------ Promotional Stuff! ------------------------------------ */

#postIt							{ position: absolute; top: 270px; right: 320px; z-Index: 1000; width: 320px; height: 320px; color: #cc0000; background-color: transparent; background-image: url(/gfx/back/post-it.png); background-repeat: no-repeat; }
#postIt div.inside					{ position: relative; top: 0px; left: 0px; color: #cc0000; padding: 60px 20px 20px 20px; text-align: center; font: normal 10pt arial,verdana; }
#postIt div.inside div#close			{ position: absolute; top: 25px; right: 25px; }

#showreel							{ text-align: center !important; width: 240px; height: 185px; margin: 0px auto 0px 5px; overflow: hidden !important; }
#showreel h2						{ color: #FFFFFF !important; background-color: #cc0000; height: 30px; padding: 5px 0px 0px 0px !important; margin: 0px auto 0px auto !important; }
#showreel a.larger					{ font: normal 8pt "MS Sans Serif",verdana; color: #808080 !important; text-decoration: underline !important; padding-top: 5px; }
#showreel a.larger:visited				{ text-decoration: underline !important; }
#showreel a.larger:hover				{ color: red !important; text-decoration: none !important; border-bottom: 1px solid red !important; }



/* Google code */

#ga								{ clear: both !important; border-top: 0px solid red !important; width: 100% !important; height: 2px !important; overflow: hidden !important; margin: 10px 0px 0px 0px; }



/* End of comptons.css */