/*Conley Electric: Layout CSS*/
/************************************************************************

1 - UNIVERSAL Tags
************************************************************************/
html > body * {
	outline:none;
}
body {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:18px;
	background:#f3f3f3 url(../images/bg-small.gif) left top repeat-x;
}
h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div {
	margin:0px;
	padding:0px;
}
ul, ol {
	list-style:none;
	margin:0px;
	padding:0px;
}
h2, h3, h4 {
	}
h2 {
font-size:24px;
color:#004f87;
padding-bottom:10px;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
	}
h3 {
	font-size:14px;
color:#000;
}
h4 {

}
img {
	border:none;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration:none;
	color:#006c00;
}
a:hover {
	text-decoration:none;
	color:#65ac01;
	}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.font30 {
	font-size:30px;
}
.font18 {
	font-size:18px;
}
.font24 {
	font-size:24px;
}
.font11 {
	font-size:11px;
}
.red {
	color:#e82b21;
}
a.orange:hover {
	text-decoration:underline;
}

.white {
	color:#fff;
}

.pad-top-10{
padding-top:10px;
}
.pad-bot-10{
padding-bottom:10px;
}


/***********************************************************************
2 - Layout CSS
************************************************************************/
.hundred {
	width:100%;
	background:#f3f3f3 url(../images/bg.gif) left top repeat-x;
	float:left;
}
#wrapper, .bound {
	margin:0px auto;
	width:960px;
}
.header{
	float:left;
	width:960px;
	padding:0px 0px 13px 0px;
	height:80px;
}
#logo {
url(../images/logo.png) left top repeat-x;
	float:left;
}

#top-right{
float:right;
padding:20px 20px 0px 0px;
	}

.phone{
color:#004f87;
float:left;
font-size:11px;
line-height:19px;
font-weight:bold;
}
.phone strong{
padding-top:12px;
font-size:30px!important;
}

.phone .border{
	border-bottom:1px dashed #cecece;
	margin-bottom:6px;
	padding-bottom:7px;
	}

/***********************************************************************
 Navigation CSS
************************************************************************/
#nav {
	float:left;
	width:945px;
	background:url(../images/nav-bg.png) left top no-repeat;
	padding:0px 0px 0px 15px;
	height:48px;
		}
#nav ul {

		}

#nav li {
	float:left;
	background:url(../images/nav-sep.gif) right 7px no-repeat;
	padding:3px 0px 0px 0px;
			}
#nav li.last {
	background:none;
			}
#nav li a {
color:#000;
padding:12px 39px 10px 40px;
font-size:12px;
float:left;
background:none;
text-transform:uppercase;
font-weight:bold;
}
#nav li a:hover, #nav li a.active {
	background:url(../images/arrow.gif) center top no-repeat;
	color:#004f87;
}

#nav {
	float:left;
	width:945px;
	background:url(../images/nav-bg.png) left top no-repeat;
	padding:0px 0px 0px 15px;
	height:48px;
	}

/* style the sub-level lists */
#nav ul ul {
	padding:0px;
	margin:0px;
	z-index:99999;
	}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav ul li {
	float:left;
	background:url(../images/nav-sep.gif) right 7px no-repeat;
	padding:3px 0px 0px 0px;
	z-index:99999;
		}
	
#nav li.last {
	background:none;
			}

/* style the sub level list items */
#nav ul ul li {
	position:relative;
	color:#ffffff;
	display:block;
z-index:99999;
	padding:0px;
	background:none!important;
	
	}
/* style the links for the top level */

/* style the sub level links */
#nav ul ul li a, #nav ul ul li a:visited {
display:block;
	color:#004f87!important;
	font: normal 12px Arial, Helvetica, sans-serif!important;
	padding:7px 10px 7px 27px;
	width:188px;
	z-index:99999;
	border-bottom:1px solid #ebeaea;
	}
#nav ul ul li a{
	background:#d7d7d7!important;
			}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {
	position:absolute;
	left:0;
	top:0;
	font-size:1em;
	z-index:-1;
}
#nav ul ul table {
	lef\t:-1px;
}
#nav ul ul table ul.left {
	margin-lef\t:2px;
}
#nav li:hover {
	position:relative;
	}
* html #nav a:hover {
	position:relative;
	
}


/* style the sub level 1 background */
#nav ul :hover a.sub1 {
}

/* style the level hovers */
/* first */

#nav a:hover {
	
	
	}
#nav :hover > a {
	background:url(../images/active.jpg) center top  no-repeat;
}

/* second */
#nav ul ul a:hover {
	background:#ebeaea!important;
	}
#nav li a:hover, #nav li a.active{
}
#nav li a:hover span, #nav li a.active span{

}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
	visibility:hidden;
	position:absolute;
	font-weight:normal;
	top:36px;
	left:-2px;
	padding:0px;
	padding-top:9px;
	bottom:0px;
	border:0px;
	z-index:99999;
}
/* position the third level flyout menu */
#nav ul ul ul {
	left:15em;
	_left:14em;
	top:0;
	font-weight:normal;
	width:14em;
}
/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {
	left:-14em;
}
/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul, #nav ul a:hover ul {
	visibility:visible;
	height:auto;
	font-weight:normal;
	padding-bottom:3em;
	}
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul {
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#nav ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul :hover ul {
	visibility:visible;
}


/***********************************************************************
 Body CSS
************************************************************************/
#banner{
float:left;
width:950px;
padding:10px 0px 11px 10px;
}
.banner-box{
	float:left;
	margin-right:10px;
}

.banner-box-last{
	margin:0px;
	float:left;
}

.frm-area {
float:left;
width:245px;
padding:0px 0 0 0;
}

.frm-area p{
color:#fff;
border-bottom:1px dotted #000;
padding-bottom:12px;
margin-bottom:12px;
font-size:11px;
line-height:20px;
}
.frm-area p b{
display:block;
font-size:18px;
padding-bottom:6px;
}
.frm-fld {
float:left;
padding-bottom:7px;
}
.input-bg {
float:left;
background:url(../images/textbox-bg.png) top left no-repeat;
width:224px;
height:18px;
padding:3px 8px 3px 8px;
}
.textareabg {
background:url(../images/textarea-bg.png) top left no-repeat;
height:57px;
}
.input {
background:none;
border:none;
height:18px;
color:#505050;
font:12px Arial, Helvetica, sans-serif;
width:224px;
}
.inputarea {
background:none;
border:none;
overflow:auto;
height:53px;
color:#505050;
font:12px Arial, Helvetica, sans-serif;
width:224px;
}


#body{
float:left;
width:960px;
padding:30px 0px 15px 0px;
min-height:355px;
height:auto!important;
height:355px;
}
#body2{
float:left;
width:960px;
padding:30px 0px 15px 0px;
}



#body h2, #body2 h2{
	padding-bottom:30px;
}


#left{
float:left;
width:667px;
padding:0px 14px;
margin-right:20px;
}
#left-wide{
float:left;
width:932px;
padding:0px 14px;
}

#left p, #left-wide p{
padding-bottom:15px;
}

#left ul, #left-wide ul{
	list-style:square;
	padding-left:20px;
	padding-bottom:10px;
}
#left li, #left-wide li{
	padding-bottom:7px;
}

#center{
float:left;
width:420px;
margin:6px 25px 0px 25px;
}


#center p{
padding-bottom:15px;
}
#inner-left{
float:left;
width:245px;
}
#right-big{
float:left;
width:675px;
margin:6px 0px 0px 25px;
}

 a.red-btn{
float:left;
background: url(../images/r-left.png) left top no-repeat;
padding:0px 0px 0px 17px;
margin-top:15px;
}

 a.red-btn span{
float:left;
background: url(../images/r-right.png) right top no-repeat;
padding:6px 17px 7px 0px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
cursor:pointer;
}
#right{
	float:left;
	width:245px;
}
#footer{
	float:left;
	width:910px;
	color:#fff;
	font-size:11px;
	background: url(../images/footer-top.png) left top no-repeat;
	padding:22px 25px 0px 25px;
}

#footer a{
color:#fff;
}
#footer a:hover{
color:#ccc;
}



.arrowlistmenu{
width: 245px; /*width of accordion menu*/
border-top:1px dashed #e6f1ed;
float:left;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:14px Arial;
color:#fff;
background: url(../images/h3-bg.png) left top no-repeat;
margin: 0px; /*bottom spacing between header and rest of content*/
padding: 10px 0 0px 32px; /*header text is indented 10px*/
height:28px;
cursor: pointer;
margin:0px!important;
}
.arrowlistmenu .nothing{ /*CSS class for menu headers in general (expanding or not!)*/
font:14px Arial;
color:#fff;
background: url(../images/h3-bg.png) left top no-repeat;
margin: 0px; /*bottom spacing between header and rest of content*/
padding: 10px 0 0px 32px; /*header text is indented 10px*/
height:28px;
margin:0px!important;
}
.arrowlistmenu .nothing a{ /*CSS class for menu headers in general (expanding or not!)*/
font:14px Arial;
color:#fff;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#ee4e00;
background: url(../images/h3-bg-h.png) left top no-repeat;
padding: 10px 0 0px 32px; /*header text is indented 10px*/
height:25px;
margin:0px;
font-weight:bold;
}
.arrowlistmenu .categoryitems{ /*CSS class to apply to expandable header when it's expanded*/
color:#000;
background: url(../images/con-bg.png) left bottom no-repeat;
width:230px;
margin-bottom:4px;
padding:5px 5px 10px 20px;
line-height:22px;
}
.arrowlistmenu .categoryitems a{ /*CSS class to apply to expandable header when it's expanded*/
display:block;
color:#000;
font-weight:bold;
background:url(../images/dot.png) left 9px no-repeat;
padding-left:14px;
}
.arrowlistmenu .categoryitems a:hover{ /*CSS class to apply to expandable header when it's expanded*/
color:#ee4e00;
}

.title{
float:left;
width:100%;
margin-bottom:8px;

}
.title h2{
	margin:0px!important;
	padding-bottom:5px!important;
}
.bread{
color:#005a99;
padding-bottom:5px;
float:left;
font-size:11px;
}

.bread a{
color:#434343;
background:url(../images/arrow2.gif) right 5px no-repeat;
padding-right:10px;
}

.bread a:hover{
color:#000;
}

.msg{
	float:left;
	width:100%;
	color:#fff;
	font-size:18px;
	height:20px;
	padding:13px 0px 0px 5px;
	font-weight:bold;
	font-style:italic;
}

td .input {
background: url(../images/input-bg.jpg) left top no-repeat;
border:none;
height:22px;
color:#505050;
font:12px Arial, Helvetica, sans-serif;
width:285px;
padding:2px 5px 6px 5px;
}

td .input-area {
background: url(../images/input-are-bg.jpg) left top no-repeat;
border:none;
height:75px;
color:#505050;
font:12px Arial, Helvetica, sans-serif;
width:285px;
padding:2px 5px 6px 5px;
}

td #required{
	color:#F00;
}
.pagination{
	width:100%;
	text-align:right;
	float:right;
	padding:0px 0px 20px 0px;
}

.gap{
	clear:both;
	height:20px;
}

.con-box{
	float:left;
	padding-right:10px;
	width:200px;
}
.map{
	float:left;
	width:209px;
}

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


}