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

* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: url(../img/chainlink.gif) repeat #ffffff ;
	margin:0;
}
#wrap {width:980px;
	background:#FFFFFF; overflow:hidden; border:solid 5px #333333; border-top:none;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */

}
#header {
	background:url(../img/heading.jpg);
	height:188px;
	float: left;
	width: 100%;
}
#times {float:right; width:200px; margin-top:105px; color:#FFFFFF; }
#times p { text-align:right; padding-right:20px;}
#shop { float:right; width:100px; height:50px;}
#shop a {text-decoration:none; border:none;} 
#shop a:active {text-decoration:none; border:none;}
#shop a:link {text-decoration:none; border:none;}
#shop img { border:none; }
#bar { height:25px;
	float:left;
	background-color:#076EA7;
	width: 980px; color:#FFFFFF; position:relative;
}
h1 {
	color:#000;
	font-size:18px;
	font-weight:bold;
	margin:2px;
	text-align:center;
	margin-top: 10px;
}
h2 {
	background:url(../img/bar.gif) no-repeat;
	height:37px;
	width:301px;
	padding:5px 10px 3px 20px;
	margin-top:10px;
	margin-left:10px;
	font-size: 14px;
}
h3 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin:2px;
	text-align:center;
}
p {padding-left:10px; padding-right:10px; text-align:justify;}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#foot {
	background: url(../img/foot1.jpg) no-repeat #076ea7;
	float: left;
	width: 100%;
}

.footer {
	background: url(../img/foot.jpg);
	height:150px;
	float: left;
	position: relative;
	width: 100%;
	z-index: 100;
}
#main {
	width:100%;
	border:1px #eee solid;
	border-top:none;
	float: left;
}
#menu {
	width:161px;
	float:left;
	background-color: #eee;
	position: relative;
	z-index: 110;
}
.col {
	width:50%;
	float:left;
	margin-right:10px; padding-top:20px;
}
.col1 {
	width:70%;
	float:left; text-align:center;
	margin-right:10px; padding-top:20px;
}
.col2 {
	width:27%;
	float:left;
	background:url(../img/coltop1.gif) no-repeat top;
	padding-top:5px;
	margin-top:10px;border: 1px solid #75b7ee; border-top:none;

}
.col3 {
	width:100%;
	float:left;
	background:url(../img/colbak.gif) repeat-y center;
}
.col3 p {padding-left:20px; padding-right:20px; text-align:center; font-weight:bold;}

.tb2 {
	height:35px;
	background:url(../img/coltop.gif) no-repeat top;
}
.tb2 p { color:#FFFFFF; font-size:14px;
	font-weight:bold;
	margin:2px;
	text-align:center;
}
.tb3 { 	background:url(../img/colbak.gif) repeat-y center; }
.tb3 p {
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	font-weight:bold;
}
.tbbase {height:22px; background:url(../img/colbase.gif) no-repeat center;}
.tb1 {
	height:35px;
	background:url(../img/coltop2.gif) no-repeat top;
}
.tb1 p { color:#000000; font-size:14px;
	font-weight:bold;
	margin:2px;
	text-align:center;
}
.tb1a { 	background:url(../img/colbak2.gif) repeat-y center; }
.tb1a p { padding-left:20px; padding-right:20px; text-align:center; font-weight:bold; }
.tb1a .style2 { text-align:center; font-weight:normal; font-size:9px; color:#FF0000;}
.tbbase1 {height:22px; background:url(../img/colbase2.gif) no-repeat center;}
.style1 {color:#FF0000; font-size:14px;}
.colbase {width:100%; height:22px; background:url(../img/colbase.gif) no-repeat center; float:left;}
.footcol {
	width:26%;
	float:left;
	margin-right:10px;
	border-right:1px solid #000;
	margin-top:5px;
	color:#000000;
}
.footcol2 {
	width:23%;
	float:left;
	margin-right:10px;
	border-right:1px dotted #000;
	margin-top:5px;
	color:#000000;
}
.footcol2 ul li {color: #000000; list-style:square; list-style-position: outside; margin-left:3px;}
.footcol2 a:active {color:#000000; text-decoration:none; border-bottom: dashed 1px #FF0000;}
#center {
	float:left;
	width: 69%;
}
#right {
	width:140px;
	float:right;
	margin:0;
}

.cl {clear:both;}
.inside td {border:1px solid #bbb; text-align:center;}
.inside p {text-align:center;}
.inside img {
	margin-top:10px;
	padding:2px; border:none;
}
.inside a {text-decoration:none;}
.inside a:active, .inside a:link {text-decoration:none;}
.tl {background:url(../img/tl.gif) no-repeat; height:40px; width:13px;}
.ttop {background:url(../img/t.gif) repeat-x; height:40px; width:185px;}
.tr {background:url(../img/tr.gif) no-repeat; height:40px; width:13px;}
.middle { border-left: 4px solid #75b7ee; border-right: 3px solid #75b7ee;}
.middle p {text-align:center;}
.middle a:active, .middle a:hover, .middle img {text-decoration:none; border:none;}
.bl {background:url(../img/bl.gif) no-repeat; height:17px; width:13px;}
.bbottom { border-bottom:4px solid #75b7ee;}
.br {background:url(../img/br.gif) no-repeat; height:17px; width:13px;}
.ttop p {text-align:center; font-weight:bold; color:#FF0000; font-size:12px; text-transform: uppercase; margin-top:-4px;}
.repairs td { padding: 0 10px; height:30px; }
.repairs { background-color: #E0EBFE; border: dotted 1px #0066CC; margin-left:90px; width:70%;}
.summary td { padding: 0 10px; height:35px; border-bottom:dotted 1px #0066CC; }
.summary { background-color: #E0EBFE; border: dotted 1px #0066CC; margin-left:50px; width:85%; border-bottom:none;}
.one {background-color:#FFFFFF;}
.two {background-color:#076EA7; color:#FFFFFF; text-align:center; font-weight:bold;}
.team { background-color: #E0EBFE; border: dotted 1px #0066CC; margin-left:90px; width:70%;}
.team td { padding: 0 10px; }
.team img {padding:5px; border:2px solid #0066CC; width:200px; height: auto;}
.producttag {
	display:block;
	height:35px;
}
.price { font-weight:bold; color:#FF0000; display:block; height:20px;}
.total { font-weight:bold;color:#FF0000; display:block; height:20px; width:150px; margin-left:450px; margin-top:30px; font-size:14px;}

/* contact form */
#contact_form{
width:200px;
height:auto;
padding:10px 0 0 20px;
}
.form_row{
	padding:8px 0 8px 4px;
	width: 96%;
}

form#two fieldset {
display:block; 
border:1px dotted #FFCC00; 
padding:5px; 
margin-bottom:0.5em; 
margin-left: 3px;
line-height:1.2em;
}

label{
	float:left;
	padding:3px 10px 0 0;
	color:#FF0000;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
}

legend {font-size:12px; color:#FF0000; font-weight:bold; margin-left:10px; }
input{
	width:100px;
	height:18px;
	border:1px #e1e1e1 dotted;
	background-color:#75B7EE;
	color: #000;
	margin-left: 10px;
}
.summary input{
	height:18px; width:18px;
	border:1px #e1e1e1 dotted;
	background-color:#75B7EE;
	color: #000;
	margin-left: 10px;
}
#garbage input{
	color: #000; border:none; height:35px;
	margin-left: 10px; float:left;
}
select{
	color: #000;
	background-color: #75B7EE;
	margin-left:0.7em;
	border:1px dotted #e1e1e1;
	width:120px;
}

.submit {
	width:80px;
	height:25px;
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.formbutton{
	cursor:pointer;
	width:80px;
	border:outset 1px #ccc;
	color:#FF0000;
	font-weight: normal;
	padding: 1px 2px;
	font-family:Arial, Helveg: 1px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #076EA7;
}
.search {
	background-color:#99CCFF;
	border:solid #000 2px;
	margin: auto;
}
form#two #button1, form#two #button2 { background: #75B7EE; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#000; padding-right:0.5em; cursor:pointer; width:50px; margin-left:12px;}
form#two #button1:hover, form#two #button2:hover {
	border-bottom:1px solid #4A0018;
	border-right:1px solid #4A0018;
	color:#ff0000;
	border-top:1px solid #cc0033;
	border-left: 1px solid #cc0033;
	background-color: #DDEEFF;
}