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

th {
  text-align:left;
}

td {
  vertical-align:top;
}

img {
  border:0px;
}

.bannerimg { padding-bottom:10px; }

#productprofilebanner { width:290px; height:61px; margin-top:8px; background-image:url(/new/images/degrees/Product-Profilebanner.jpg); background-repeat:no-repeat; }

#mainContainer {
  float:left;
  padding-top:2px;
  width:960px;
  padding-bottom:20px;
  font-size:12px;
}

h1 {
  float:left;
  background-color:#000;
  background-image:url(/new/images/degrees/banner.gif);
  height:140px;
  width:960px;
  background-repeat:no-repeat;
  text-indent:-1000px;
  cursor:pointer;
}

h1 a {
  display:block;
  height:140px;
    width:760px;
}

h2 { /*article title*/
  padding-top:5px;
  padding-bottom:5px;
  color:#000000; /* #00223F */
  font-size:22px;
  font-weight:bold;
}

h2 span.prodProfileHeader
{
  color: #666666;
}

h4 {
  float:left;
  background-color:#000;
  width:190px;
  color:#FFF;
  font-size:14px;
  font-weight:bold;
}

h3 {
  padding:0 0 8px 0;
  margin:0;
  font-weight:bold;
  font-size:13px;
  color: #000000;
}

h3.padded {
  padding-bottom:10px;
}

h4 a{
  display:block;
  color:#FFF;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:14px;
  width:176px !important;
}

h4 a:visited{
  color:#FFF;
}

h4 a:hover{
  color:#FFF;
  background-color:#808285;
  text-decoration:none;
}

#subscribe {
  float:left;
  background-color:#01ADEF;
  width:210px;
  margin: 8px 0 0 10px;
}

#subscribe p {
  color:#FFF;
  font-size:12px;
  margin:0px;
}

#subscribe a
{
  display: block;
  padding: 8px 14px;
  color: #FFF;
  font-weight: bold;
}

#prev_link {
  float:left;
  background-color:#808285;
  width:210px;
  margin: 2px 0 0 10px;
}

#prev_link a
{
  display: block;
  padding: 8px 14px;
  color: #FFF;
  font-weight: bold;
}

#leftcol {
  float:left;
  width:190px;
  padding-top:8px;
}

#ArticleLeftSplit {
  float:left; width:290px; padding-right:20px; _padding-right:12px;
}

ul.MainMenu {
  display:block;
  float:left;
  padding:0 0 1px 0;
  margin:0px;
  list-style:none;
  color:#4F5150;
  background-color:#FFF;
}

.MainMenu a {
  display:block;
  background-color:#01ADEF;
  width:172px !important;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:14px;
  padding-right:4px;
  color:#FFF;
  font-size:13px;
  text-decoration:none;
  margin-top:1px;
}

.MainMenu a:visited {
  color:#FFFFFF; /* #4F5150 */
}

.MainMenu a:hover {
  color:#FFF;
  background-color:#808285;
  text-decoration:none;
}

.MainMenu .current a {
  color:#000000; /* #9C0E28 */
}

#MainContent {
  float:left;
  margin-top:8px;
  margin-left:10px;
  width:540px;
}

#MainContent p {
  font-size:12px;
  color:#000;
  margin:0px;
  padding-bottom:10px;
}

#MainContent h4 {
  font-weight:bold;
  font-size:12px;
  padding:0;
  margin:0;
  background-color:#FFF;
}

#MainContent ul{ padding:0 0 10px 20px; margin:0; list-style:disc; }

#MainContentGrey {
background-color:#EDEEEF;
float:left;
margin-left:9px;
margin-top:8px;
padding:10px;
width:521px;
}

#MainContentGrey p {
  font-size:12px;
  color:#000;
  margin:0px;
}

.SearchResults {
  font-size:12px;
  color:#000;
}

.SearchResults a {
  font-size:12px;
  color:blue;
}

.SearchResultsTitle {
  font-size:12px;
  color:#db1e23;
}

#SearchDegrees {
  float:left;
  background-color:#808285;
  height:115px;
  padding:16px 14px;
  width:182px;
  margin: 5px 0 0 10px;
  color:#FFF;
}

#SearchDegrees p { padding:0 0 10px 0; margin: 0; }

#SearchDegrees .submit
{
  background-color: #999999;
  border-top: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
}

#previousissues {
  margin-top:1px;
  padding-bottom:10px;
}

#previousissues p {
  color:#FFF;
  font-size:12px;
  margin:0px;
  padding-bottom:2px;
}

#previousissues .header {
  font-weight:bold;
}

#previousissues p a {
  color:#FFF;
  text-decoration:none;
}

#previousissues .current {
  color:#01ADEF;
  text-decoration:none;
}

#previousissues p a:hover {
  color:#01ADEF;
  text-decoration:none;
}

a.pdfdownload {
  float:left;
  display:block;
  color:#FFF;
  background-color:#009DE9;
  width:196px;
  padding-left:14px;
  padding-top:7px;
  padding-bottom:7px;
  font-size:12px;
  margin-bottom:1px;
  margin-top:1px;
}

a.backtoissue {
  float:left;
  display:block;
  color:#FFF;
  background-color:#DB1E24;
  width:196px;
  padding-left:14px;
  padding-top:7px;
  padding-bottom:7px;
  font-size:12px;
  margin-bottom:1px;
}

.archivethumb {
  float:left;
  width:113px;
  height:140px;
  padding:10px;
  text-align:center;
  font-size:12px;
  color:#666;
}

.issueEnlarged {
  padding-top:10px;
  padding-left:30px;
}

#advertisement 
{
  float:left;
  padding-top:2px;
  width:190px;
  margin-left:10px;
  /* for single advertisement - not rotation */
  margin-top: 2px;
  height: 212px;
  /*background-image: url(/new/images/degrees/advertisement/Febco.jpg);*/
}

.relatedLinks
{
  margin-top:10px;
  width:520px;
  padding:10px;
  font-size:12px;
  color:#000;
  background-color:#EDEEEF;
}

.relatedLinks a {
  color:#000;
  text-decoration:underline;
}

.plumbingcentreTitleOne {
  font-size:12px;
  color:#002954;   /*navy*/
  font-weight:bold;
}

.plumbingcentreTitleTwo { 
  font-size:12px;
  color:#BF5C1A;   /*brown*/
  font-weight:bold;
}

.expaindingNetworkLeftDetails {
  float:left; font-weight:bold; width:80px; font-size:12px;
}

.subscribedTitle {
  font-size:22px;
  color:#9C0E28;
  padding-bottom:10px;
}

.refrigerationStoreTitle
{
  color: #002954; /* navy */
  font-weight:bold;
}

.hvacStoreTitle
{
  color: #000000;
  font-weight:bold;
}

/* tables */

table#priceChanges
{
  border-collapse: collapse;
  border: 2px solid #000000;

}

#priceChanges th
{
  text-align: left;
  padding: 3px 5px;
  background-color: #000000;
  color: #FFFFFF;
  border-right: 1px solid #000000;
}

#priceChanges td
{
  padding: 3px 5px;
  border-right: 2px solid #000000;

}

#priceChanges tr.oddRow
{
  background-color: #DEDEDE
}

/*FORM ELEMENTS*/

.submit {
  float:left;
  color:#FFF;
  font-size:12px;
  background-color:#000;
  margin-top:5px;
  border:1px solid;
  border-bottom-color:#333;
  border-right-color:#333;
  border-left-color:#777;
  border-top-color:#777;
  cursor:pointer;
  padding:3px 7px;
}

/* feedback form */
#degreesFeedbackForm
{
  margin-top: 10px;
}

#degreesFeedbackForm h3
{
  margin-bottom: 10px;
}

#degreesFeedbackForm label
{
  float: left;
  clear: left;
  display: block;
  width: 80px;
  padding: 3px 4px;
  margin-bottom: 5px;
}

#degreesFeedbackForm input
{
  float: left;
  margin-bottom: 5px;
  width: 180px;
  padding: 3px 4px;
  border: 1px solid #999;
}

#degreesFeedbackForm textarea
{
  float: left;
  margin-bottom: 5px;
  width: 300px;
  height: 120px;
  padding: 5px 2px;
  border: 1px solid #999;
}

#degreesFeedbackForm .submit
{
  margin-left: 87px;
  background-color: #000000;
  border-top: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
}

/*PersonStats*/
.PersonStatsSquare {
  width:210px; /*230 including padding*/
  padding:7px 10px;
  color:#FFF;
  background-color:#00AEEF;
  font-size:12px;
}

.PersonStatsSquareHorz {
  width:288px; /*230 including padding*/
  padding:7px 10px;
  color:#FFF;
  background-color:#00AEEF;
  font-size:12px;
  float:left;
  height:196px;
  margin-bottom:10px;
}

.PersonStatsSquare ul { padding:0 0 0 15px; margin:0; }
.PersonStatsSquare li { padding:0 0 3px 0; }
.PersonStatsSquareHorz ul { padding:0 0 0 15px; margin:0; }
.PersonStatsSquareHorz li { padding:0 0 3px 0; }
.PersonSquareTitle { color:#FFF; font-size:14px; font-weight:bold; padding-bottom:10px; }

.disasterwrapper {
  background-color:#00AEEF;
}

.disasters {
  margin:0;
  padding:5px 8px;
}

/*SUBSCRIPTION FORM*/

#subscriber {
  padding:40px;
}

/* Degrees Home page */
#degreesHome
{
  width: 540px;
  height: 600px;
  background-image: url(/new/images/degrees/2009/feb/degrees_home.jpg);
}

#degreesHome #homeText
{
  /*position: relative;
  top: 340px;
  left: 100px;*/
  margin: 0 0 0 100px;
  padding-top: 340px;
  width: 400px;
}

#degreesHome #homeText p
{
  line-height: 1.3em;
  color: #FFF;
}


#degreesHome #homeText p span.homeBreakout
{
  font-size: 14px;
}

/*article img*/
img.article {
  float:right;
  margin:0 0 10px 10px;
}

/*paragraph highlight*/
#MainContent p.highlight {
  padding:7px 10px;
  font-size:12px;
  color:#FFF;
  background-color:#00AEEF;
  margin:0 0 10px 0;
}

/*Highlight Box*/
#MainContent .HighlightBox {
  width:210px; /*230 including padding*/
  padding:7px 10px;
  background-color:#00AEEF;
  font-size:12px;
  float:right;
  clear:right;
  margin:0 0 10px 10px;
  color:#FFF;
}
#MainContent .HighlightBox h2 { font-size:17px; font-weight:bold; color:#FFF; margin:0; padding:0 0 10px 0; }
#MainContent .HighlightBox h3 { font-size:12px; font-weight:normal; color:#FFF; margin:0; padding:0 0 10px 0; }
#MainContent .HighlightBox p { font-size:12px; padding:0 0 10px 0; margin:0; color:#FFF; }
#MainContent .HighlightBox p.darkened { color:#DDD; padding:0 0 5px 0; }
#MainContent .HighlightBox a { /*color:#FFA;*/ color:#DDD; text-decoration:none; }
#MainContent .HighlightBox a:hover { text-decoration:underline; }

/*expanding the network colours*/
.navy { color:#002954; }
.brown { color:#BF5C1A; }
.green { color:#5C8727; }
.black { color:#000; }
.skyblue { color:#00AEEF; }

/*previous issues*/
#prev {
  background-color:#DDD;
  padding:20px;
}

#prev .thumb {
  background-color:#000;  
  background-repeat:no-repeat; 
  
  margin:0 0 10px 0;
}

#prev .thumb a {
  display:block;
  height: 100px; 
  width:170px; 
  color:#FFF; 
  padding:12px 0 0 330px;
  text-decoration:none;
  color:#FFF;
}

#prev .thumb:hover {
  background-color:#808285;  
}

#prev .thumb span {
  font-weight:bold;
  font-size:14px;
}

a.previous {
  background-color:#000;
}

a.previous:hover {
  background-color:#808285;
}

a.current {
  background-color:#808285;
}

li .feature { background:#666; color:white; }
li .feature:hover,
li.current .feature { background:#000; color:white !important; }


.changepage {margin-left:5px;cursor:pointer;border: 1px solid #ababab;background:#f0eeee;color:#657676;padding:1px 3px;width:15px;}
.changepage:hover , .changeCurrent{background:#deffff;border-color:#a5ceff}
.inc {width: 30px}
