/* public: content_styles */
a img { border:0; }
body {font-family:tahoma,arial,verdana,helvetica; font-size:70%; font-weight:Normal; color:#000;}
table, tr, td, ol, li, p, input {font-family:tahoma,arial,verdana,helvetica; font-size:100%; font-weight:Normal;}
b, strong, strong a, b a, .tableheader {font-weight:bold;}

.red, .red a {color:#B51C31;}

/*links*/
a {font-weight:normal; color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

#credit a {font-weight:bold;}
#w3c {text-decoration:none;}

/*forms*/
.inputText, textarea, select {font-family:tahoma,arial,verdana,helvetica; font-size:100%;}

/*default headers for wysiwyg*/
.Heading1, H1, .Heading2, H2, .Heading3, H3, .Heading4, H4, .Heading5, H5, .Heading6, H6 {font-weight:bold; margin:0; padding:0;}
.Heading1, H1 {font-size: 130%; color:#B51C31;}
.Heading2, H2 {font-size: 100%; color:#B51C31;}
.Heading3, H3 {font-size: 100%; color:#000; background-color:#EEE; padding:3px 5px;}
.Heading4, H4 {font-size: 100%; color:#918E8E;}
.Heading5, H5 {font-size: 100%; color:#4C4949;}
.Heading6, H6 {font-size: 100%; color:#000;}
.Normal {font-size:100%;}

/*content header styles*/
#homepageTitle {text-align:center; background:url(/images/homepageTitle.gif) left repeat-x; padding:5px 0;}
#homepageTitle span {background-color:#fff; padding:0 5px;}

#featuredProducts h2 {font-size:130%; margin-bottom:5px;}
#clay h2 {color:#823E27;}
#slate h2 {color:#53333C;}
#concrete h2 {color:#2E5776;}

.red {color:#B51C31;}
.grey {color:#969090;}

#editableContent ul {padding:0; margin:10px; list-style:none;}
#editableContent ul li {background:url(/images/bullet-red.gif) left no-repeat; padding:2px 0 2px 15px; margin-bottom:8px;}
#editableContent, #editableContent a {color:#494949;}
#editableContent a {text-decoration:underline;}
#editableContent a:hover {text-decoration:none;}

.adobeText {margin-top:20px; border-top:1px solid #B51C31; padding:10px 15px; text-align:justify;}
.adobeText img {margin-right:15px;}

p.tableheader, p.header {margin:0;}

#innerTabs {background:url(/images/tabs-people-back1.gif) top left repeat-y; margin:0 0 -1px 10px; }
#innerTabs div {width:95px; float:left; text-align:center; height: 36px;}
#innerTabs a {font-weight:bold; color:#fff; display:block; padding:5px 0; background:url(/images/tabs-people-top1.gif) top left no-repeat;}

#innerTabs .open {background:url(/images/tabsOpen-back.gif) top left repeat-y;}
#innerTabs .open a {color:#676566; background:url(/images/tabsOpen-top.gif) top left no-repeat;}




#solarTabs {background:url(/images/tabs-people-back-solar.gif) top left repeat-y; margin:0 0 -1px 10px; width:380px;}
#solarTabs div {width:95px; float:left; text-align:center; height: 36px;}
#solarTabs a {font-weight:bold; color:#fff; display:block; padding:5px 0; background:url(/images/tabs--top-solar.gif) top left no-repeat;}

#solarTabs .open {background:url(/images/tabsOpen-back.gif) top left repeat-y;}
#solarTabs .open a {color:#676566; background:url(/images/tabsOpen-top.gif) top left no-repeat;}

#ventilationTabs {background:url(/images/tabs-people-back-ventilation.gif) top left repeat-y; margin:0 0 -1px 10px; }
#ventilationTabs div {width:95px; float:left; text-align:center; height: 36px;}
#ventilationTabs a {font-weight:bold; color:#fff; display:block; padding:5px 0; background:url(/images/tabs--top-ventilation.gif) top left no-repeat;}

#ventilationTabs .open {background:url(/images/tabsOpen-back.gif) top left repeat-y;}
#ventilationTabs .open a {color:#676566; background:url(/images/tabsOpen-top.gif) top left no-repeat;}

#decorativeRoofingTabs {background:url(/images/tabs-people-back-roofing.gif) top left repeat-y; margin:0 0 -1px 10px; }
#decorativeRoofingTabs div {width:95px; float:left; text-align:center; height: 36px;}
#decorativeRoofingTabs a {font-weight:bold; color:#fff; display:block; padding:5px 0; background:url(/images/tabs--top-ventilation.gif) top left no-repeat;}

#decorativeRoofingTabs .open {background:url(/images/tabsOpen-back.gif) top left repeat-y;}
#decorativeRoofingTabs .open a {color:#676566; background:url(/images/tabsOpen-top.gif) top left no-repeat;}

#heritageTabs {background:url(/images/tabs-back-heritage.gif) top left repeat-y; margin:0 0 -1px 10px; }
#heritageTabs div {width:95px; float:left; text-align:center; height: 36px;}
#heritageTabs a {font-weight:bold; color:#fff; display:block; padding:5px 0; background:url(/images/tabs-top-heritage.gif) top left no-repeat;}

#heritageTabs .open {background:url(/images/tabsOpen-back.gif) top left repeat-y;}
#heritageTabs .open a {color:#676566; background:url(/images/tabsOpen-top.gif) top left no-repeat;}

#ventilationTabs3 {background:url(/images/tabs-people-back-ventilation3.gif) top left repeat-y; margin:0 0 -1px 10px; width:285px;}
#ventilationTabs3 div {width:95px; float:left; text-align:center; height: 36px;}
#ventilationTabs3 a {font-weight:bold; color:#fff; display:block; padding:5px 0; background:url(/images/tabs--top-ventilation.gif) top left no-repeat;}

#ventilationTabs3 .open {background:url(/images/tabsOpen-back.gif) top left repeat-y;}
#ventilationTabs3 .open a {color:#676566; background:url(/images/tabsOpen-top.gif) top left no-repeat;}

#ventilationTabs2 {background:url(/images/tabs-people-back-ventilation2.gif) top left repeat-y; margin:0 0 -1px 10px; }
#ventilationTabs2 div {width:95px; float:left; text-align:center; height: 36px;}
#ventilationTabs2 a {font-weight:bold; color:#fff; display:block; padding:5px 0; background:url(/images/tabs--top-ventilation.gif) top left no-repeat;}

#ventilationTabs2 .open {background:url(/images/tabsOpen-back.gif) top left repeat-y;}
#ventilationTabs2 .open a {color:#676566; background:url(/images/tabsOpen-top.gif) top left no-repeat;}

.product {background:url(/images/contentContainer-prod.gif) top left no-repeat;}
.technical {background:url(/images/contentContainer-tech.gif) top left no-repeat;}
.fittings {background:url(/images/contentContainer-fit.gif) top left no-repeat;}
.colours {background:url(/images/contentContainer-colour.gif) top left no-repeat;}
.systemsizes {background:url(/images/contentContainer-fit.gif) top left no-repeat;}
.installation {background:url(/images/contentContainer-colour.gif) top left no-repeat;}
.claysolarroofcomponents {background:url(/images/contentContainer-solarCompo.gif) top left no-repeat;}
.roofingsystems {background:url(/images/contentContainer-solarCompo.gif) top left no-repeat;}
.koraflexflashingsystem {background:url(/images/contentContainer-prod.gif) top left no-repeat;}
.colour {background:url(/images/contentContainer-fit.gif) top left no-repeat;}
.bespokeproducts {background:url(/images/contentContainer-tech.gif) top left no-repeat;}
.design {background:url(/images/contentContainer-fit.gif) top left no-repeat;}
.manufacture {background:url(/images/contentContainer-colour.gif) top left no-repeat;}
.profiles {background:url(/images/contentContainer-tech.gif) top left no-repeat;}
.finials {background:url(/images/contentContainer-fit.gif) top left no-repeat;}
.ends {background:url(/images/contentContainer-colour.gif) top left no-repeat;}
.crests {background:url(/images/contentContainer-solarCompo.gif) top left no-repeat;}

#HomebrandingLink { padding-top:20px; }

.profileridge #editableContent, .rollridge #editableContent, .profilemonoridge #editableContent, .rollhip #editableContent, .britlockmitredhip #editableContent {width:330px; float:left;}

#netconstruct a {color:#000000;}
