/* Connect Electricals Wholesale 2013 Stylesheet */
body, p, td, tr, th, input, h1, h2, h3, h4, h5, h6, select, option, textarea, li, ol, ul {
font-family:  calibri, arial, verdana, sans-serif;
} 
body {
margin:0px;
padding:0px;
color:#222323;
background:#ffffff url(images/background3.jpg) no-repeat top center;
font-size:1.0em;
}
form {
display:inline;
}
p {
font:16px calibri, arial, verdana, sans-serif;
line-height:1.4em;
margin:8px 4px;
padding:2px;
}
h1 {
font:bold 39px Calbri, arial, verdana, sans-serif;
line-height:1.4em;
color:#274b8f;
margin:8px 4px;
padding:2px;
}
h2 {
font:bold 20px calibri, arial, verdana, sans-serif;
line-height:1.2em;
color:#264A8D;
margin:8px 4px;
padding:2px;
}
h3 {
font:bold 18px calibri, arial, verdana, sans-serif;
line-height:1.2em;
color:#264A8D;
margin:8px 4px;
padding:2px;
}
h4 {
font:bold 16px calibri, arial, verdana, sans-serif;
line-height:1.2em;
color:#264A8D;
margin:8px 4px;
padding:2px;
}
li {
font:0.9em  calibri, arial, verdana, sans-serif;
line-height:1.6em;
}
li ul li, li ol li {
font-size:1.0em;
line-height:1.6em;
}
ul {
margin:2px 24px;
padding:0 2px;
}
ol {
margin:2px 27px;
padding:2px;
}
a, a:link, a:active {
color:#255BA8;
text-decoration:underline;
font-weight:normal;
}
a:visited {
color:#255BA8;
text-decoration:underline;
font-weight:normal;
}
a:hover {
color:#255BA8;
text-decoration:none;
font-weight:normal;
}

a.flink, a.flink:link, a.flink:active, a.flink:visited, a.flink:hover {
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
select {
font-size:0.7em;
}


/*ID's*/
#whiteframe {
position:relative;
margin:0 auto;
padding:0;
width:100%;
}
#redframe {
/*position:relative;*/
margin:0 auto;
padding:0;
width:990px;
}
#header {
height:178px;
}
#logo {
padding:18px 0 0 30px;
}
#callus {
float:right;
margin:25px 20px 0 0;
text-transform:uppercase;
font-size:22px;
line-height:25px;
color:#559CE6;
text-align:right;
font-weight:bold;
}
#callus span {
font-size:38px;
font-weight:bold;
color:#264A8D;
line-height:35px;
}
#iba {
float:right;
margin:0px 10px 0 0;
}

#headernav {
margin:38px auto 0 5%;
/*width:780px;*/
height:47px;
/*border:1px solid red;*/
}
#outerContainer {

}
#nav, #nav ul {padding:0; margin:0; list-style:none;
color:white; position:relative; z-index:100;}
#nav {height:25px; float:left; padding:0; position:relative; }
#nav li {float:left;}
#nav li a {
display:block; 
float:left; 
color:#fff; 
/*height:47px; 
width:187px;*/
/*padding:0px 3px 0 4px;*/
padding:0px 15px;
margin:0;
line-height:39px; 
text-decoration:none; 
white-space:nowrap; 
font-weight:bold;
font-size:1.2em;
font-family:Calibri, Arial;
text-align:center;
/*border:1px solid red;*/
/*background:transparent url(images/nav.png) bottom center;*/
}
#nav li a:hover, #nav li a.active {
background:#bec9dd;
color:#000;
/*background:transparent url(images/nav_over.png) bottom center;*/
}

#banner {
width:959px;
height:145px;
margin:23px 11px 0 11px;
padding:2px;
background:#ffffff;
border:3px solid #284E93;
}


#content {
width:950px;
padding:0px;
margin:10px 20px;
}


#copyright {
position:relative;
text-align:center;
color:#ffffff;
background:#274b8f;
/*background:#ffffff url(images/footer.jpg) no-repeat top center;*/
height:54px;
}
#copyright p {
color:#ffffff;
padding:18px 0 0 0;
margin:0;
font-size:0.8em;
}

#facebook {
/*position:absolute;*/
margin:-22px 0 0 820px;
/*top:-12px;
right:0;*/
}



.mapfloat {
float:right;
border:2px solid #284E93;
padding:2px;
margin:10px;
}

.imageNR {
float:right;
padding:2px;
margin:0 20px;
}
.imageNL {
float:left;
padding:2px;
margin:0 20px;
}
.imageNC {
text-align:center;
padding:2px;
margin:0 20px;
}

.suppimage {
padding:15px 8px;
margin:2px;
}
.imageR {
border:2px solid #284E93;
float:right;
padding:2px;
margin:10px;
}
.imageC {
border:2px solid #284E93;
padding:2px;
margin:2px;
}

.formfloat {
float:right;
border:2px solid #284E93;
padding:10px;
margin:10px;
width:400px;
}
.contactform {
padding:2px 0;
margin:2px 0;
width:300px;
background:#F5F7FC;
border:1px solid #BEC9DD;
}
.button {
padding:2px 10px;
margin:2px 0;
font:bold 20px calibri;
background:#F5F7FC;
border:1px solid #BEC9DD;

}



.pipetable {
width:90%;
margin:10px auto;
}
.pipetable th {
color:#ffffff;
background:#274b8f;
border-left:1px solid #274b8f;
border-bottom:1px solid #274b8f;
text-align:center;
padding:1px 10px;
}
td.noline {
border:none !important;
}
td.rline {
border-right:1px solid #274b8f;
}
.pipetable td, .pipetable th {
border-left:1px solid #274b8f;
border-bottom:1px solid #274b8f;
text-align:center;
padding:1px 10px;
}