/* CSS Document */

body{
text-align:center;
margin:0;
color:#000;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

#wrap {
width:720px;
margin:auto;
background-image:url(images/wrap.gif);
background-repeat: repeat-y;
}

#masthead {
width:720px;
height:100px;
margin:0;
padding:0;
background-image:url(images/masthead_index.gif);
text-align:right;
font-size:10px;
}

#masthead p{
margin-right:16px;
display:inline;
}

#masthead a:link, #masthead a:visited {
color:#fff;
padding: 0 6px 0 6px;
display:inline;
text-decoration:none;
line-height:7.5em;
}

#masthead a:hover{
padding: 0 6px 0 6px;
display:inline;
color:#FFDE00;
text-decoration:underline;
}

.hidden {
display:none;
}

.clear {
clear:both;
}

a:link, a:hover, a:visited, a:active {
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~navbar~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navbar {
width:700px;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
font-size:.8em;
background-image:url(images/nav_bg.gif);
}

#hnav, #hnav ul {
margin: 0;
list-style: none;
line-height: 2.0em;
display:inline;
}

#hnav li {
float: left;
width: 10em;
}

#hnav a {
padding:0 .4em;
display: block;
text-decoration:none;
color:#fff;
border-right:#0060BF solid 1px;
border-left:#64B1FF solid 2px;
}

#hnav li a.expanding_menu{
text-align:center;
border-right:#0060BF solid 1px;
border-left:#64B1FF solid 2px;
}

#hnav li ul {
padding:0;margin:0;
position: absolute;
background: #FFDE00;
width: 10em;
left: -999em; 
line-height:1.5em;
}

#hnav li:hover ul, #hnav li.sfhover ul {
left: auto;
}

#hnav li.menu_right {
font-size:.8em;
float: right;
width: 12em;
}

#hnav li.menu_right a, #hnav li.menu_right a:visited{/* spalding-group link */
border-right:none;
border-left:none;
width: 12em;
}

#hnav li.menu_right a:hover{
color:#FFDE00;
border-right:none;
border-left:none;
width: 12em;
}

#subnav li a, #subnav li a:visited{
font-size:10px;
padding:4px 3px;
color:#000;
background:#FFDE00;
border-right:none;
border-left:none;
border-bottom:#FFCC66 solid 1px;
}

#subnav li a:hover{
font-size:10px;
padding:4px 3px;
background:#FFF8C4;
}

#hnav li a.padded{
text-align:center;
}

#hnav li a.padded:hover{
background:#FFDE00;
color:#000;
border-left:#F4D600 solid 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~content~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
width:680px;
margin:auto;
padding:10px;
}

/* index content */

#index_flash{
width:400px;
height:280px;
background-image:url(images/bc04.gif);
background-repeat:no-repeat;
}

#indexcl {
width:250px;
height:245px;
float:left;
text-align:left;
padding:20px 0 0 8px;
}

#indexcr {
width:400px;
height:280px;
float:right;
text-align:left;
}

#mission{
float:left;
text-align:left;
font-size:12px;
width: 320px;
margin:0;
padding: 0 6px;
}

#tip{
float:right;
text-align:left;
font-size:12px;
width: 330px;
padding: 0 6px;
}

#tip p, #mission p{
margin:0;
padding:4px 15px 15px 0;
}

#tip a:link, #tip a:visited {
color:#000;
font-weight:bold;
}

#tip a:hover {
color:#1C8DFF;
font-weight:bold;
}


/* line page content */


.spectitle{
text-align:left;
font-size:16px;
font-weight:bold;
color:#1C8DFF;
margin:0;
}

.spec {
text-align:left;
font-size:11px;
margin:10px 0;
line-height:1.1em;
} 

#servicecontainer{
width:380px;
text-align:left;
font-size:11px;
margin:0;
line-height:1.2em;
}

.servicetxt, .thankyoutxt {
font-size:12px;
padding: 0 0 10px 0;
line-height:1.3em;
}

.thankyoutxt{
width:330px;
text-align:left;
}

.bullet {
color:#1C8DFF;
text-align:left;
font-size:16px;
font-weight:bold;
padding-bottom:2px;
letter-spacing:-1px;
margin-left:20px;
}

.wireinset{
float:left;
margin-left:20px;
}

.detail {
text-align:left;
color:#000;
font-size:10px;
letter-spacing:normal;
font-weight:normal;
}

#linecl {
width:200px;
float:left;
margin-top:20px;
padding-left:15px;
padding-bottom:20px;
min-height:350px;
}

#linecl img{
margin-bottom:10px;
}

#linecr {
width:450px;
float:right;
margin:20px 0 30px 0;
}

.linetxt {
text-align:left;
width:200px;
color:#AFAFAF;
font-size:12px;
font-weight:bold;
padding:20px 0 0 0;
line-height:1.4em;
}

/* pricing table content */

table {
font-size:10px;
margin:0 0 10px 20px;
}

table tr td{
height:2em;
padding:1px;
}

.tabledetail {
font-size:10px;
width:350px;
clear:both;
margin:auto;
}

.sizekey {
background-color:#000;
color:#fff;
}

.qtykey {
background-color:#333;
color:#fff;
}

.size, .qty, .bannertxt{
background-color:#FFFFCC;
}

.size, .qty{
width:66px;
}

.wiresize {
background-color:#FFFFCC;
}

.num1, .wirepricetxt, .bannerst {
background-color:#5779B3;
color:#fff;
}

.bannerst, .bannerstalt{
width:25%;
}

.wirepricetxt{
width:33%;
}

.num2, .wiretitle, .bannertitle {
background-color:#162E6C;
color:#fff;
}

.alt{
background-color:#FFFFEA;
}

.single, .bannerstalt{
background-color:#D0DBEA;
}

.single{
width:33px;
}

.wireprice {
background-color:#D0DBEA;
}

.double {
width:33px;
background-color:#AFC1EF;
}


/* contact content */

#contactcl {
padding-left:15px;
width:200px;
float:left;
text-align:left;
margin-top:20px;
}

#contactcr {
width:350px;
float:right;
margin:10px 0 20px 20px;
padding:0;
}


#contactheader {
font-size:14px;
font-weight:bold;
margin-bottom:2px;
}

#contacttxt {
font-size:12px;
margin-bottom:20px;
}

#contacttxt a:link, #contacttxt a:visited{
color:#000;
}

#contacttxt a:hover{
text-decoration:underline;
color:#000;
}


/* contact form */

form {
	text-align:left;
}

fieldset {
	margin:0;
	border:0;
	padding:0;
}

form h3 {
	clear:both;
	padding:0px 0px 5px 0px;
	font-size:14px;
}

form label {
	display:block;
	width:310px;
	font-size:12px;
	line-height:14px;
	padding:0px 0px 8px 0px;
}

form input {
	display:block;
	background-color:#FFFFDD;
	margin-top:2px;
}

form input.button {
background-color:#E1E1E1;
	color:#000;
}


form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-first input,
form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 310px;
	padding: 0px;
}
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
	background-color:#FFFFCC;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
}

.white{
background-color:#CCC;
}


/* footer */

#footer {
width:720px;
height:35px;
margin:auto;
background-image: url(images/footer.gif);
clear: both;
}

#footer p{
font-size:12px;
font-weight:bold;
color:#fff;
line-height:2.5em;
}

#copyright {
color:#000;
font-size:9px;
margin:auto;
}