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

#main { /*plumbing counter stylesheet overwrite*/
  font-size:12px;
}

#main #header {
  float:left;
  background-color:#DB1E23;
  height:140px;
  width:960px;
}

h1 {
  float:left;
  background-image:url(/new/images/bathtime/logo.gif);
  height:105px;
  width:385px;
  background-repeat:no-repeat;
  text-indent:-10000px;
  
  margin:20px 0 0 20px;
}

h1 a {
  display:block;
  height:105px;
  width:385px;
}

span.time { /*the greyed out "time" in bathtime*/
  color:#CCC;
}


#leftcol ul.MainMenu li.previousButton{ /*Style created 17-12-08 */
  background:#000;
}

#leftcol ul.MainMenu li.previousButton a{ /*Style created 17-12-08 */
  font-size:14px;
  color:#fff
}

#leftcol ul.MainMenu li.previousButton a:hover{ /*Style created 17-12-08 */
  background:#666666
}

#main #header p#subscribeBathtime{  /*Style created 17-12-08 */
  float:right;
  display:block;
  font-size:18px;
  color:#FFF;
  margin:82px 20px 0 0;
}

#main #header p#subscribe {
  float:right;
  display:block;
  font-size:13px;
  color:#FFF;
  margin:60px 20px 0 0;
}

#main #header p#subscribe, p#subscribeBathtime a {
  color:#FFF;
  text-decoration:none;
}

#main #header p#subscribe, p#subscribeBathtime a:hover {
  text-decoration:underline;
}

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

#leftcol h2 {
  margin:0;
  padding:0;
  font-size:14px;
  font-weight:normal;
  border-bottom:1px solid #DB1E23;
}

#leftcol h2 span.issuedate {
  color:#CCC;
}

#leftcol h2 a {
  display:block;
  color:#DB1E23;
  padding: 6px 0 6px 14px;
  width:196px;
  text-decoration:none;
  background-color:#000;
}

#leftcol h2 a:hover {
  background-color:#666;
}

/*MAIN MENU STYLES*/
#leftcol ul.MainMenu {
  display:block;
  float:left;
  padding:0 0 1px 0;
  margin:0 0 2px 0;
  list-style:none;
  color:#4F5150;
  background-image:url(/new/images/bathtime/menugradient.jpg);
  background-repeat:no-repeat;
  background-color:#DCE0E3;
}

#leftcol ul.MainMenu li {
  border-bottom:1px solid #DB1E23;
}

#leftcol ul.MainMenu li.bottom {
  border-bottom:none;
}

#leftcol ul.MainMenu a {
  display:block;
  width:192px;
  padding:5px 4px 5px 14px;
  color:#000;
  font-size:13px;
  text-decoration:none;
}

#leftcol ul.MainMenu a:hover, #leftcol ul.MainMenu a.current {
  background-color:#000;
  color:#FFF;
}

#leftcol ul.MainMenu a span {
  color:#999;
}

#prev {
  float:left;
  background-color:#AAA;
  width:189px;
  margin-left:11px; 
  margin-top:8px;
}

#prev a
{
  display: block;
  padding: 8px 14px 8px 14px;
  text-decoration:none;
  color: #333;
  font-weight: bold;
}

#prev a:hover
{
  color:#FFF;
  background:#999;
}


#category {
  float:left;
  background-color:#AAA;
  width:189px;
  margin-left:11px; 
  margin-top:2px;
}

#category a
{
  display: block;
  padding: 8px 14px 8px 14px;
  text-decoration:none;
  color: #333;
  font-weight: bold;
}

#category a:hover
{
  color:#FFF;
  background:#999;
}

#insights {
  float:left;
  width:210px;
  margin-left:0px; 
  margin-top:8px;
}

#insights a
{
  display: block;
  text-decoration:none;
  font-weight: bold;
}


/*Previous issues and search block*/
#SearchArea {
  float:left;
  background-color:#CCC;
  padding:24px 7px 24px 7px;
  width:175px;
  margin:2px 0 0 11px;
  color:#FFF;
}

#SearchArea h4 {
  color:#666;
  font-size:14px;
  font-weight:bold;
  padding:0 0 6px 0;
  margin:0;
}

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

#SearchArea a:hover, #SearchArea a.current {
  color:#C03;
}


#SearchArea .submit {
  background-color:#000;
  padding: 3px 5px;
  margin:4px 0 0 0;
  color:#FFF;
  font-size:11px;
}

#Banners
{
  float:left;
  margin:2px 0 0 11px;
}


/*content container*/
#main #MainContent {
  margin:8px 0 20px 10px;
  float:left;
  width:540px;
}

#main #MainContent p {
  margin:0;
  padding:0 0 6px 0;
}

/*home*/
#MainContent #home {
  float:left;
  width:540px;
  height:650px;

  background-repeat:no-repeat;
}

#MainContent #home #hometext {  /*  21 Nov 2008, Width adjustment here*/
  margin:16px 0 0 30px;
  width:300px;
}

#MainContent #home #hometext h3 {
  color:#db1e24;
  font-size:38px;
  font-weight:bold;
  line-height:36px;
}

/*#MainContent #home #hometext h3 span {
  color:#CCC;
}*/

#MainContent #home #hometext p {
  color:#000;
  font-size:16px;
}

#MainContent #home #hometext a {  /*  21 Nov 2008, Link color changed here*/
  color:#000000;
  font-weight:bold;
  text-decoration:underline
}

/*article content*/
#MainContent h3 { 
  color:#db1e24;
  font-size:30px;
  padding:10px 0 10px 0;
}

#MainContent a {
  color:#DB1E23;
}

#MainContent .relatedLinks {
  margin:10px 0 20px 0;
  width:520px;
  padding:10px;
  font-size:12px;
  color:#000;
  background-image:url(/new/images/bathtime/relatedlinksgradient.jpg);
  background-repeat:repeat-y;
}

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

/*featured products*/
#MainContent #featured-products {
  float:left;
  width: 540px;
  padding:0 0 10px 0;
}

#MainContent #featured-products img {
  float:left;
  padding:0 20px 0 10px;
}

#MainContent #featured-products h5 {
  width:540px;
  font-size:11px;
  color:#DB1E23;
  font-weight:normal;
}

#MainContent #featured-products div.prod-text {
  float:left;
  width:120px;
}

#MainContent #featured-products div.prod-text h4 {
  font-size:13px;
  font-weight:bold;
  padding:0 0 6px 0;
}

#MainContent #featured-products div.prod-text h4 a {
  color:#666;
  text-decoration:none;
}

#MainContent #featured-products div.prod-text h4 a:hover {
  color:#DB1E23;
}

#MainContent #featured-products div.prod-text p {
  color:#666;
  font-size:11px;
}

#MainContent #featured-products div p.price {
  color:#DB1E23;
  font-size:16px;
  font-weight:bold;
}

/*article images*/
img.sideright {
  padding:0 0 10px 10px;
  float:right;
}


#prevIssue{
background-color:#EDEEEF;float:left;margin-left:9px;margin-top:8px;padding-left:20px;padding-top:5px;width:521px;}



#prevIssue #item {
margin:10px 0; height:112px; width:500px; color:#FFFFFF
}

#prevIssue #item a {
 width:100%;
 height:112px;
 display:block;
 background-color:#000000;
 color:#fff;
}

#prevIssue #item a:hover {
 text-decoration:none;
 background-color:#DB1E23;
 color:#fff;
}


#prevIssue #item .desc{
  padding:40px 0 0 5px; width:170px; float:right
}

/*Previous By Category*/
#prevCat{
  background-color:#EDEEEF;
  float:left;
  margin-left:9px;
  margin-top:8px;
  padding-left:20px;
  padding-top:5px;
  width:521px;
}

#prevCat #item {
margin:10px 0; width:500px; color:#FFFFFF
}

#prevCat #item .cat{
 width:500px;
 padding:10px;
 display:block;
 background-color:#ccc;
 color:#333;}

#prevCat #item a {
color:#333;
}

#prevCat #item a span {
color:#DB1E23;
}

#prevCat #item a:hover {
 text-decoration:none;
 background-color:#aaa;
 color:#333;
}

/*End Previous By Category*/

#MainContentGrey {
  background-color:#EDEEEF;
  float:left;
  margin-left:9px;
  margin-top:8px;
  padding:10px;
  width:521px;
}
#MainContentGrey p {
  color:#000000;
  font-size:12px;
  margin:0;
}
.SearchResults {
  color:#000000;
  font-size:12px;
}
.SearchResults a {
  color:blue;
  font-size:12px;
}
.SearchResultsTitle {
  color:#db1e23;
  font-size:12px;
}

.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}