/* Cotswold Kids' Hire style sheet
created 22/01/07 by Alphiz IT Services
*/

* {	padding: 0;
	margin: 0;
	}

body	{
		border:  1px red;
        /*text-align: center;*/
        background-color: #663399;
        		}

#container {width:900px;
           margin: 0 auto;
    text-align: center;
    border:   1px blue;
    background-color:white;
        }

#header {
    border:  1px green;
    margin:0 0 10px 0;
    padding:0;
}

#header img {margin:0;
            padding:0;
            }

#topNav {
        border: 1px orange;
        width: 808px;
        height:34px;
        margin:0 auto;
        text-align: center;

        }

#topNav ul {font-family: arial, sans-serif;
        font-size: medium;
        font-weight: bold;
        font-stretch: expanded;

           margin: 0;
           padding:0;
           list-style:none;

           }
#topNav ul li {
           float:left;
           height:34px;
           width: 137px;
           border:  1px red;
           /*margin-right: 29px;*/

           }

#topNav a {
           /*display:in-line;*/
           float:left;
           width:137px;
           height:34px;
           line-height:34px;
           text-decoration:none;
           border: 1px black;
           color:#333366;


}
.linkhome  {

           background: url(images/homebutup.gif) no-repeat left top;
           margin-right:30px;
}

.linkprice   {

           background: url(images/pricebutup.gif) no-repeat left top;
           margin-right:30px;
}
.linkterms {

           background: url(images/bookingbutup.gif) no-repeat left top;
           margin-right:30px;
}
.linkrequest {

           background: url(images/requestbutup.gif) no-repeat left top;
           margin-right:30px;
             }
.linkcontact  {

             background: url(images/contactbutup.gif) no-repeat left top;
             margin-right:0;
             }

#topNav li a:hover{
          background: url(images/buttonrollover.gif) no-repeat left top;
          color:#fff
           }

#mainContent {border: 1px black;
             background: #f3eff6;
             margin: 0 auto;
             padding:5px;
             text-align:left;
             width: 801px;

             }

p            {font-family: tahoma, sans serif;
             font-size: .75em;
}

h2           {font-family: tahoma, sans serif;
             font-size: 1.5em;
             }
h3			{font-family:tahoma, sans serif;
			font-size:.85em;
			}
#topbutton a	{color:#333366;
			text-decoration:none;}
#topbutton a:hover {color:#333366;
			text-decoration:underline;}


ul           {font-family:tahoma;
             font-size: .75em;
             padding-left: 15em;
             }
legend		{font-family: tahoma, sans serif;
			 font-size:.85em;
			 color:#333366;
			 font-weight: bold;
			 }

table {border-collapse: collapse;
      width: 601px;
      border: 1px solid #333366;
      font-family: tahoma, sans serif;
             font-size: .85em;
             color:#333366;
      margin-left: 100px;

             }
th, td {
       padding:0.1em 1em;
       border: 1px solid #333366;
       }
#priceTable caption {font-size: 1.3em;
        font-weight:bold;
        padding:0 0 3px 0;
        }

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: #663399;
             }
#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;
}
fieldset         {text-align:left;
}
.custcontact p{margin-left:200px; margin-bottom:5px;
}
.hiredates p{margin-left:200px; margin-bottom:5px;
}
.holprop p{margin-left:200px; margin-bottom:5px;
}
label            {float: left;
                 width:10em;
                 }

input {width: 300px;
}
.button {width: 100px;
}

.terms label {width:35em;
}
.terms input {width:30px;}
tr input {width: 20px;
}

.emph	{text-align:center;
			font-weight:bold;
			}
textarea {margin-left:200px;
		width:423px;
}
.buttons {text-align:center;}


