/* County Cladding Systems style sheet
created 21/05/07 by Alphiz IT Services
*/

* {	padding: 0;
	margin: 0;
	font-size: 1em;
	}

body	{
		border:  1px red;
        margin: 0 auto;
        background-color: #003399;
        }

#container {width:900px;
           margin: 0 auto;
    /*text-align: center;*/
    border:    1.5px red;
    background-color:white;
        }

#header {
    border:   1.5px red;
    margin:0 0 10px 0;
    padding:0;
	}

#header img {
			margin:0;
            padding:0;
            }
#contactform	{text-align:left;}
#tabsJ {
      float:left;
      width:815px;
      background:#fff;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
	  padding-left: 85px;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 5px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }


#mainContent {border:  1.5px red;
             background: #fff url(images/img618b.gif) no-repeat;
             margin: 0 auto;
			 float: left;
             text-align:center;
             width: 667px;
             padding: 0 0 0 5px;

             }
#gallery	{background: white;
			 width: 225px;
			 float:right;
			 margin: 10px 2px 0 0;
			 }
#gallery2	{background: white;
			 clear:both;
			 margin: 0;
			 }
#gallery img {border:solid 1px red;
			  margin: 5px 0px 10px 0;
			  }
#productsContent {border:  1.5px red;
             background: #fff;
             margin: 0 auto;
			float: left;
             text-align: center;
             width: 885px;
             padding: 0 0 0 15px;
             }
/*#aboutContent	{border:  1.5px red;
             background: #fff;
             margin: 0 auto;
			 float: left;
             text-align:left;
             width: 895px;
             padding: 0 0 0 5px;
            }*/
#about		{padding: 0 20px 0 20px;}

#contactForm	{text-align:center}

/*#testCol1, #test Col2	{background: #fff;
			margin: 0 auto;
			float:left;
			width: 285px;
			padding: 0 0 0 5px;
			}*/

.testCol	{background: #fff;
			margin: 0 auto;
			float:left;
			width: 285px;
			padding: 0 0 0 5px;
			text-align: left;
			}
.testCol3	{background: #fff;
			margin: 0 auto;
			float:right;
			width: 285px;
			padding: 0 5px 0 0;
			text-align: left;
			}
div .testCol p {font-size: .75em;
				background: #ccc;
				padding:3px;}
div .testCol3 p {font-size: .75em;
				background: #ccc;
				padding:3px;}

a:link.anchor {color:#003399;}
 a:visited.anchor {color:#003399;}
 a:active.anchor {color:#003399;}
 a:hover.anchor {background:white; color:red;}


p            {font-family: georgia, times-new-roman, times, serif;
             font-size: .85em;
             color:#003399;
}
h1           {font-family: georgia, times-new-roman, times, serif;
             font-size: 1.5em;
             color:#003399
             }
h2           {font-family: georgia, times-new-roman, times, serif;
             font-size: 1.3em;
             color:#003399
             }
h3			{font-family:georgia, times-new-roman, times, serif;
			font-size:.85em;
			color:#003399;
			}
input		{font-family: georgia, times-new-roman, times, serif;
             font-size: .85em;
             color:#003399;}
#mainContent img			{border:solid red 1px;}

.red		{color:red; font-weight:bold;}
/*#topbutton a	{color:#333366;
			text-decoration:none;}
#topbutton a:hover {color:#333366;
			text-decoration:underline;}*/


ul           {font-family:georgia;
             font-size: .75em;
             padding-left: 15em;
             }
#list1 {border: red 1px;
		width:60%;
		float:left;
		margin-left: 122px;
		padding-left: 25px;
}
#list2	{border: red 1px;
		width:50%;
		float:left;
		margin-left: 10px;
		padding-left: 25px;
}
#list1 ul{font-family:georgia, times-new-roman, times, serif;
			 font-size: 1em;
			 color: #003399;
			 text-align: left;
			 list-style-image: url(images/bulletb.jpg);
			 list-style-type: square;
			 padding-left: 25px;

}
#list2 ul	{font-family:georgia, "times new roman", times, serif;
			 font-size: .85em;
			 color: #003399;
			 text-align: left;
			 list-style-image: url(images/bulletb.jpg);
			 list-style-type: square;
			 padding-left: 25px;

}
#list1, #list2 li	{padding-top:5px;
}
legend		{font-family: tahoma, "sans serif";
			 font-size:.85em;
			 color:#333366;
			 font-weight: bold;
			 }

ol      {list-style-position: inside;
        list-style-type:decimal;
        font-family:  tahoma, "sans serif";
             font-size: .85em;

             }
ol li {line-height: 1.5em;

      }


#footer      {margin-top:5px;
             font-size: .72em;
             color:white;
             float: left;
             clear: both;
             width: 100%;
             background: #003399;
             }
#footer ul {margin: 0;
           padding: 5px 0 0 0;
           list-style: none;
           }
#footer ul li {
           float:left;
           width:24%;
}

#footer a:link, a:visited {color:white; text-decoration:none;
}

#footer a:hover, a:active {color:#333366; text-decoration:underline;
}
#mainContent  a {color: black;
							text-decoration:underline;
}
#mainContent  a:hover {color:#663399;
								text-decoration:none;
}

textarea {
		border:solid 1px #003399;
		}

.clear	{clear:both;
}
.left	{float:left;}
.right	{float:right;}


table.contact {font-family:georgia, "times new roman", times, serif;
             font-size: .85em;
             color:#003399;
			 width:500px;
			 border: solid 1px red;
			position: relative;
			left:200px;

}
input.text {border:solid 1px #003399;}
td.leftcell {text-align:right; padding-right:10px; width:300px;
}
td {text-align:left;}