/* The below controls the wrapper for every page */

#wrapseverything {
	margin:0 auto;
	width:902px;
}

#mainwrapper {
	float:left;
	padding-top:5px;
}

/* The above controls the wrapper for every pages */

/* This section of code styles the topmost banner and top navigation menu */


.banner img {
	border:0;
	padding:0;
	margin:0;
}

table.topmenu {
	background:url(images/bground_top_menu.gif) repeat-x;
	width:902px;
	float:left;
	height:36px;
	text-align:center;
	border-collapse:separate;
	font-size:large;
	overflow:hidden;
}

table.topmenu a {
	color:white;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

table.topmenu a:hover {
	color:yellow;
	border-top:thin yellow solid;
	border-bottom:thin yellow solid;
}

table.topmenu td {
	border-left:1px white solid;
	border-right:1px white solid;
}

div.sss {  /* This controls the Selection-Service-Savings banner */
	float:left;
	overflow:hidden;
	background-image:url('images/sssbanner.gif');
	margin:0;
	padding-top:5px;
	line-height:38px;
	background-repeat:no-repeat;
	height:38px;
	width:902px;
}

/* The above styles the top banner and navigation menu */

/* This section of code styles the left navigation menu, "Markets" banner, and (c) information */

/* Below is the navigation menu */

div.leftnavidiv {
	float:left;
	padding-top:5px;
	padding-right:10px;
}

.leftnavi {
	width:180px;
	margin:0 0 10px 0;
	padding:1px;
	list-style-type:none;
	background-color:rgb(0,51,102);
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

ul.leftnavi a {
	display:block;
	background-color:white;
	padding-left:5px;
	color:navy;
	border:1px solid white;
	text-decoration:none;
	font-weight:bold;
}

ul.leftnavi a:hover {
	background:yellow;
}


/* Below is the trademark information on the left sidebar */

div.trademark {
	margin:0;
	padding-top:5px;
	padding-left:3px;
	width:180px;
	font-size:x-small;
}

/* The above section of code controls the left sidebars */

/* The below section controls the right side banners */

div.rightbanners {
	float:right;
	padding-top:5px;
}

div.rightbanners img {
	padding-bottom:10px;
	border-width:0;
}

.contactbanner {
	background:rgb(0,51,102);
	padding:0;
	margin:0;
	color:white;
	text-align:center;
	width:130px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.contactbanner p {
	font-size:small;
	padding-top:0;
	padding-bottom:5px;
}

.contactbanner h3 {
	color:navy;
	background:yellow;
	padding-top:5px;
	padding-bottom:5px;
	font-size:large;
}



/* The below section controls the editable areas, i.e. the main content of each page,
	starting with the Connector page headers and tables */

#main-content {
	padding-top:5px;
	float:left;
/*	width:705px;*/
	width:700px;
	margin-left:5px;
	text-align:center;
}

#main-content h1 {
	background-color:rgb(0,51,102);
	line-height:normal;
	color:#FF0;
	margin-top:0;
	padding-top:0;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#main-content h2 {
	background-color:rgb(0,51,102);
	line-height:normal;
	color:yellow;
	padding:3px;
	margin-bottom:5px;
	font-family:"Times New Roman", Times, Georgia, serif;
}

#main-content .generalspecs a {
	color:red;
	font-size:large;
}

#main-content a {
	color:navy;
}

#main-content table {
	width:705px;
	border:1px rgb(0,51,102) solid;
}

#main-content td {
	font-family:Helvetica, Arial, "Trebuchet MS", sans-serif;
}

/* This controls the table at the top of the N Conn. page, etc. */
#main-content table.topnav {
	border:0;
}

#main-content table.topnav td {
	border:0;
}

/*This controls the table of connectors on the various conn. pages */
#main-content th {
	background-color:rgb(0,51,102);
	color:white;
	font-weight:bold;
}

#main-content td {
	border:1px rgb(0,51,102) solid;
}

#main-content img {
	border:none;
}

#main-content .centrecolumn {
	text-align:left;
	padding:5px;
}

.firstcolumn {
	width:120px;
}

.blueBackground {  /* This is used in the first column backgrounds */
	background-color:rgb(0,51,102);
}

/*The above controls the table of connectors on the various conn. pages */


/* The next three rules serve to make the content of these cells hidden. */
td.pricebreaks {
		color: transparent;
	}

td.pricebreaks a {
	color: transparent !important;
	text-decoration: none;
}
	td form {
		visibility:  hidden;
	}


.coaxpricebreaks { /* This rule controls content in the "Price Break" column for the coax cable page*/
	padding:0 2px;
	text-align:left;
	width:115px;
}

/*The below controls the order and RFQ buttons on the conn. pages. Note the use of CSS 3 */

.orderbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1.5em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	background: -o-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.quotebutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1.5em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#009CD6), to(#006C94));
	background: -moz-linear-gradient(top,  #009CD6,  #006C94);
	background: -o-linear-gradient(top,  #009CD6,  #006C94);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009CD6', endColorstr='#006C94');
}

/* The above code controls the "RFQ" and "Order" buttons */

/* The below code controls the "reminders" box above the main column on most pages */

.reminders {
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	border:2px rgb(0,51,102) solid;
	margin-top:5px;
	margin-bottom:5px;
}

.reminders p {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.reminders ul {
	padding:0;
	margin:0;	
}

.reminders h4 {
	background-color:yellow;
	font-size:large;
	margin:5px;
}

/* The above controls the "reminders" which appears on most pages */


/* The below code controls the Contact Us footer */

#footer {
	margin:10px 0 10px 0;
	width:705px;
	border:1px rgb(0,51,152) solid;
	float:right;
}

#footer h3 { /* The h3 tag only appears in the footer */
	padding:0;
	margin:0;
	background:rgb(0,51,102);
	color:yellow;
	font-size:x-large;
	text-align:center;
}

#footer p {
	padding:0;
	margin:0;
	text-align:center;
	font-size:large;
	color:rgb(0,51,102);
}

/* The below controls text in the terms and conditions page */

.termstext {
	text-align:left;
}

.termstext li {
	padding-top:5px;
	list-style-type:square;
}

/* The above controls text in the terms and conditions page */

/* The below controls the 'abbreviations' box on the bottom of the coax cable page */

#abbreviations {
	border:1px rgb(0,51,102) solid;
	padding-left:35px;
	margin-top:10px;
}

#abbreviations h3 {
	text-align:left;
}

#abbreviations {
	text-align:left;
}

/* Below are any general style rules for individual instances of font colour, etc. */

.alt-pricing {
	color:red;
	line-height:0.1em;
	margin-bottom:0.5em;
}

/* .notices {  /* I, uh, can't find where this rule is used? 
	text-align:center;
	padding:0 10% 0 10%;
} */



/* #spacer { /* This is another rule that is no longer needed
	width:900px;
	padding:10px;
	float:right;
} */


/* Below are the controls for the P/N pages' left sidebar */

.productSpecsHeader {
	background:white;
	color:navy;
	padding:5px 10px 5px 10px;
}

.productName {
	padding-bottom:15px;
	/*padding-top:10px;*/
	margin-top:0;
	font-size: 1.5em;
	text-decoration:underline;
	font-weight:bold;
	color:navy;
}

div.relatedItemsDiv {
	float:left;
	padding-top:5px;
	padding-right:10px;
}

.pricingCell {
	background:rgb(0,51,102);
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	
}

.relatedItems {
	width:180px;
	margin:0 0 10px 0;
	/*padding:1px;*/
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:10pt;
}

.relatedItemsCell {
	display:block;
	background-color:white;
	padding-left:1px;
	/*padding-top:5px;*/
	font-weight:bold;
	text-align:center;
	color:black;
	padding-top:10px;
	font-size:1.2em;
}

a.relatedItemsCell {
	color:navy;
}

ul.leftnavi a:hover {
	background:yellow;
}