/* ------------------------------------------------------------

    Title:     Quabbin styles for screen media
    Author:    Sean Sullivan
    Mods:      J.Flynn, L.Taibbi
    Original:  Jan 14 2008
    Updated:   Apr 14 2008
               May 19 2008
               Jul 31 2008 cable finder main page		
------------------------------------------------------------ */


/* Typography
------------------------------------------------------------ */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

/* ---- links ---- */

a:link, a:visited {
	color: #blue;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

/* Structural
------------------------------------------------------------ */

#container {
	padding: 0px;
	width: 757px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	}

#content {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 757px;
	background-image: url(/img/content_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	}

#content-main {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 577px;
	}

#sidebar-a {
	width: 179px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}
	
#sidebar-b {

	}	

#footer {

	}


/* Branding Header
------------------------------------------------------------ */

#header {
	margin: 0px;
	padding: 0px;
	height: 131px;
	width: 757px;
	float: left;
	}
	
#header #logo {
	margin: 0px;
	height: 59px;
	width: 187px;
	float: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
	}

#header #logo img{
border: 0;
	}

#header #utility {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 570px;
	font-size: 1.2em;
	color: #666666;
}
#utility .ubar {
	padding: 0px;
	width: 324px;
	float: right;
	margin-top: 65px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
        font-weight: normal; 
}
#utility #textfield {
	border: 1px solid #999999;
	width: 125px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	height: 16px;
}
#utility #search {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#utility a:link, #utility a:visited {
	color: #666666;
}
#utility #imageField {
	padding: 0px;
	margin: 0px;
position: relative;
top: 4px;
}

#header #tagline {
	float: left;
	height: 30px;
	width: 169px;
        font-family: Arial, Helvetica, sans-serif;	
        color: #313E98;
	background-color: #E0E0E0;
	letter-spacing: -1px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
        line-height: 32px;
  
	}
#header  #nav {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 576px;
	background-color: #BEBEBE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	}	
#header #nav ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header #nav li {
	float: left;
	margin: 0px;
	background-color: #BEBEBE;
	padding: 0px;
border-right: 1px solid #FFFFFF;
}
#header #nav a:link, #header #nav a:visited {
	color: #FFFFFF;
	margin: 0px;
	
	background-color: #BEBEBE;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 5px;
	float: left;
	display: inline;
}

#header #nav a.header_links, 
#header #nav li.active a.header_links, 
#header #nav li.active a.header_links:hover {
height: 12px;
}

#cable_pulldowns {
margin: 0;
padding-left: 5px;
}

#cable_pulldowns p {
padding: 0;
margin: 12px 0 0 0;
color: #FFFFFF;
font-size: 14px;
}

#cable_pulldowns select {
margin-top: 10px;
background-color: #4787c3;
color: #FFFFFF;
}


/* Forms
------------------------------------------------------------ */



/* Misc.
------------------------------------------------------------ */
#container #header #nav a:hover {
text-decoration: none;
	color: #666666;
	margin: 0px;
	background-color: #E0E0E0;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 5px;
	float: left;
	display: inline;
}

#header #nav li.active a {
text-decoration: none;
	color: #666666;
	margin: 0px;
	background-color: #E0E0E0;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 5px;
	float: left;
	display: inline;
}


#content-main .fma {
	background-image: url(/img/hm_header_img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	float: left;
	width: 577px;
	height: 169px;
	clear: both;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#inside #content .fma {
	background-image: url(/img/FMAn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	float: left;
	height: 125px;
	width: 757px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#inside #content #thankyou {
	background-image: url(/img/thankyou-italic.jpg);
	
}
#inside #content #about {
	background-image: url(/img/about-italic.jpg);
	
}
#inside #content #cable_finder {
	background-image: url(/img/cable-italic.jpg);

}
#inside #content #literature {
	background-image: url(/img/literature-italic.jpg);

}
#inside #content #contact {
	background-image: url(/img/contact-italic.jpg);

}
#inside #content #rep_portal {
	background-image: url(/img/rep-italic.jpg);

}
#inside #content #dist_portal {
	background-image: url(/img/dist-italic.jpg);

}
#inside #content #site_map {
	background-image: url(/img/sitemap-italic.jpg);

}
#inside #content #site_search {
	background-image: url(/img/search-italic.jpg);

}
#inside #content #solutions {
	background-image: url(/img/solutions-italic.jpg);

}
.main-content {
	float: left;
	width: 577px;
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sidebar-a #selection p.title {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}
.main-content .left-head {
	background-color: #ff2211;
     /* background-color: #CCCCCC; */
        width: 400px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
	font-size: 1.2em;
	color: #313E98;
	font-weight: bold;
        display: inline;
}
.main-content .right-head {
	background-color: #ff2211;
     /* background-color: #CCCCCC; */
        float: left;
	width: 147px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #313E98;
}
.main-content .left {
	float: left;
	width: 400px;
	margin: 7px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.main-content .left img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.main-content .left p {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

.main-content .left ul {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.main-content .above-right {
	margin: 7px 0px 0px 0px;
	width: 150px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main-content .above-right img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.main-content .above-right p {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.main-content .right {
	margin: 0px;
	width: 150px;
	float: left;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.main-content .right img {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.rImg {
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.main-content .right p {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

/* Navigation
------------------------------------------------------------ */

#navigation {

	}
#sidebar-a #selection {
	background-image: url(/img/wires_globe180x170px.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 169px;
	width: 180px;
}
#sidebar-a h3 {
	margin: 0px;
	width: 160px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #313E98;
	float: left;
	clear: right;
}

#sidebar-a #Left_Box_Inside p {
        float: left;
        font-size: 12px;
        font-weight: bold;
	color: #666666;
	line-height: 1.6em;
        width: 165px;
        margin: 10px 0px 0px 0px;
	padding: 5px 5px 8px 8px;
}

#sidebar-a #Left_Box_Home li  {
	margin: 0px;
	
	width: 165px;
        padding: 5px 5px 8px 8px;
	
	
	line-height: 1.4em;

list-style: none;
}


#Left_Box_Inside {
float: left;
}

#sidebar-a #Left_Box_Home ul {
float: left;
margin: 0px;
padding: 0px;
}

#sidebar-a #Left_Box_Home a {
font-size: 12px;
color: #1a438e;
font-weight: bold;
}

#inside #sidenav ul {
	margin: 0px;
	padding: 0px;
	width: 180px;
	list-style-type: none;
}

#inside #sidenav ul ul {
	width: 170px;
}

#inside #sidenav ul ul ul {
    width: 160px;
}

#inside #sidenav li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 180px;
        padding: 0px;
        border-bottom: 1px solid #D5d5d5;
 
}
#inside #sidenav li li{
        display: inline;
        margin: 0px 0px 0px 10px;
        width: 170px;
		
}

#inside #sidenav li li li{
        display: inline;
        margin: 0px 0px 0px 10px;
        width: 160px;
}

#inside #sidenav li a:link, #inside #sidenav li a:visited {
	margin: 0px;
        padding: 5px 0px 4px 13px;
	font-size: 1.2em;
	color: #666666;
        display: block;
        text-decoration: none;
	
}

#inside #sidenav li a:hover, 
#inside #sidenav li.active a {
	background-image: url(/img/tab_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

#inside #sidenav li li a:link, #inside #sidenav li li a:visited {
	background-image: none;
	
}

#inside #sidenav li li a:hover, 
#inside #sidenav li li.active a {
	background-image: url(/img/tab_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
        background-color: #D5D5D5;
	
	
}

#inside #sidenav li li.active li a {
	background-image: none;
        background-color: #BDBDBD;
		
}

#inside #sidenav li li li a:hover, 
#inside #sidenav li li li.active a {
	background-image: url(/img/tab_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
	
}


/* Content
------------------------------------------------------------ */


#content-main p {

	}



/* Sidebars
------------------------------------------------------------ */


#sidebar-a p {

	}


#sidebar-b p {

	}




/* Footer
------------------------------------------------------------ */

#footer-info {

	}


/* Search
------------------------------------------------------------ */

#search {

}
.main-content .chead {
	background-color: #CCCCCC;
	width: 556px;
      	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 10px;
	float: left;
	font-size: 1.2em;
	color: #313E98;
	font-weight: bold;
        display: inline;
}
.main-content .cbody {

	float: left;
	width: 550px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.main-content .cbody {
line-height: 1.6em;
}

.main-content  .cbody img {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.main-content .cbody p {
	font-size: 1.2em;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.main-content .cbody form {
	font-size: 12px;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.main-content .cbody h1 {
	font-size: 20px;
        font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	margin: 0px 0px 3px 0px;
	padding: 10px 0px 0px 0px;
}
.main-content .cbody h2 {
	font-size: 15px;
        font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	margin: 0px 0px 3px 0px;
	padding: 10px 0px 0px 0px;
}
.main-content .cbody h3 {
	font-size: 12px;
        font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	margin: 0px 0px 3px 0px;
	padding: 10px 0px 0px 0px;
}
.main-content .cbody h4 {
	font-size: 24px;
        font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	margin: 0px 0px 3px 0px;
	padding: 10px 0px 0px 0px;
}
.main-content .cbody table p {
	font-size: 12px;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
.main-content .cbody ul li {
	font-size: 12px;
        font-weight: normal;
	line-height: 1.4em;
        list-style-type: disc;
	margin: 0px 0px 3px 0px;
	padding: 5px 0px 0px 0px;
}

#inside #content {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 757px;
	background-image: url(/img/contenti_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#inside #sidenav {
	width: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#inside .main-content {
	float: left;
	width: 576px;
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#inside #content-main {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 576px;
}
#inside #content-main ul {
        font-size: 1.2em;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px 0px 0px 18px;
}

#inside #content-main ol {
        font-size: 1.2em;
	color: #666666;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
/* Search Results */

#sr_number_results {
font-size: 10pt;
padding-left: 20px;
}

#sr_table_outer {
width: 100%;

}

#sr_table_outer a {
width: 100%;
font-size: 12px;
}


#sr_table_inner {
width: 100%;

}

.sr_column_headers td {
background-color: #687C98;
color: #FFFFFF;
font-weight: bold;
padding: 0px 2px 0px 4px;

}

.sr_result_top td {

font-weight: bold;
padding-left: 4px;
border-bottom: 1px dashed black;

}

.sr_result_body {
font-size: 11pt;
font: 10pt arial;
}

#sr_pagination {
font-size: 10pt;
}

.greyed {
color: grey;
}

/* End Search Results */

#cable_finder_main p {
font-weight: bold;
text-align: left;
padding-bottom: 0;
line-height: 1.5em;
}