/*
FORMATTING
-------------
Jump To:
COMMON
SECONDARY CONTENT : MAINPAGE
PRIMARY CONTENT : MAINPAGE
SECONDARY CONTENT : PRODUCTS
PRIMARY CONTENT : PRODUCTS
FOOTER : GLOBAL
*/




/*
COMMON
================================================*/
* {
	margin:0;
	padding:0;
	font: normal .96em Verdana, Arial, Helvetica, sans-serif;
}

body {
 background: #000 url(http://www.wireandcable.com/img/global/bodyBg.gif) repeat-x top left;
}

em {
	font-style: normal;
	font-weight: bold;
}

/*LISTS*/
ul {
 list-style: none;
}

/*HEADINGS*/
h1 {
 font: normal 160% Arial, Helvetica, sans-serif;
 color: #f30;
}

h2 {
 width: 559px;
	font: normal 170% Arial, Helvetica, sans-serif;
	color: #f30;
}

h2.firstLine {
 margin-top:0;
}

h3 {
 font: bold 100% Arial, Helvetica, sans-serif;
 color: #000;
}

h4 {
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #000;
}

h5 {
	margin:0;
	padding:0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#000
}

/*PARAGRAPHS*/
p {
	color: #000;
	line-height: 1.25em;
}


/*LINKS*/
a:link, a:visited {
	color: #ff3300;
	text-decoration: underline;
}

a:hover, a:active {
	color: #ff3300;
	text-decoration: none;
}


/*
SECONDARY CONTENT : MAINPAGE
(formerly leftCol)
================================================*/

/*HEADINGS*/
#secondaryContent h1 {
	padding: 0 3px;
	margin: 10px 0 3px 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: #303F5A;
}

#secondaryContent h2 {
	margin: 0 5px 10px 0;
	width: auto;
	color: #fff;
}

#secondaryContent h4 {
	clear:left;
	margin-top:15px;
	padding:2px;
	text-align:center;
	color:#fff;
	background:#ff8400;
	border:0;
}


/*PARAGRAPHS*/
#secondaryContent p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #fff;
}


/*LISTS*/
#secondaryContent ul {
 margin-top: 0;
}

#secondaryContent ul li {
	text-transform:uppercase;
}

#secondaryContent ul li strong {
	display:block;
	font-weight:bold;
	font-size: 10px;
}

.specs {/*for leftcol lists showing specs*/
 padding:5px;
}


/*RULES*/
#secondaryContent hr.sep {
	margin-bottom: 10px;
	height: 3px;
	color: #fff;
	background-color: #fff;
}


/*IMAGES*/
#secondaryContent img {
 border:0;
}

/*----
	CONTACT MAIL FORM
----*/
#mailForm {
float: left;
margin: 5px 0 0 0;
width: 347px;
color:#666; 
}

#mailForm h3 {
padding: 2px 0 2px 2px;
width: 100px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
background: none;
}

#mailForm h5 {
font: bold 85% Arial, Helvetica, sans-serif;
color: #000;
}

#mailForm p {
margin-bottom: 15px;
line-height: 1.25em;
color: #fff;
}

#mailForm ul {
float: left;
list-style:none;
background: none;
width: 347px;
}

#mailForm li {
float: left;
margin-bottom: 15px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
}

#mailForm input {
padding: 3px;
height: 18px;
}

#mailForm form ul li input, #mailForm textarea {
float: left;
padding: 2px;
width: 340px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
border: 1px solid #000;
background: #2d4d74;
}

#mailForm input:focus, #mailForm textarea:focus {
color: #000;
background-color: #FEFEDA;
}

#mailForm input.button {
margin-right: 15px;
padding: 5px;
width: 75px;
height: auto;
cursor: pointer;
font-weight: bold;
color: #fff;
background: #E25503;
border: 1px solid #000;
}

#mailForm input.button:hover {
color: #000;
background-color: #E25503;
}
/*----
	END MAIL FORM
----*/


/*
PRIMARY CONTENT : MAINPAGE
(formerly rightCol)
================================================*/

#primaryContent {
	min-height:300px;
	height:auto !important; /* give IE the min height */
}


/*HEADINGS*/
#primaryContent h2 {
	margin: 0 0 5px 25px;
	font-size: 140%;
}

#primaryContent h3 {
	margin:0 0 0 25px;
	padding-bottom:0;
}

/*PARAGRAPHS*/
#primaryContent p {
 margin: 0 25px 15px 25px;
}

 /*p.specs {for the lower paragraph in products/spaceire/wirecable/data
	float: left;
	padding:0;
	width: 586px;
}*/

/*LISTS*/
#primaryContent ul {
	margin: 0 0 15px 25px;
	list-style: outside;
	color: #000;
}

#primaryContent ul li {
 margin-bottom: 5px;
}

/*IMAGES*/
#primaryContent img {
 margin-bottom: 15px;
}

/*LINKS*/
#primaryContent a:link, #primaryContent a:visited {
	color: #ff3300;
	text-decoration: underline;
}

#primaryContent a:hover, #primaryContent a:active {
 text-decoration: none;
}

/*----
 EMPLOYEES CONTACT AND STUFF
	Note: Consolodate down &
	make addresses 2 wide.
	----*/
	
#contactInfo {
float:left;
margin-top: -19px;
width: 609px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#contactInfo em {
color: #2788B8;
font-weight: bold;
}

#contactInfo p em {
float:left;
clear:left;
width:100%;
margin-bottom:5px;
}

#contactInfo ul {
background: none;
}

#contactInfo ul li {
list-style: none;
}

#contactInfo h2 {
 float:left;
	clear:left;
	margin: 15px 0 15px 25px;
	font: normal 170% Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #ccc;
}

#contactInfo ul.employees {
float: left;
margin: 0 0 15px 25px;
width: 585px;
}

#contactInfo ul.employees li {
float: left;
margin: 0 0 5px 0;
width: 190px;
font-size: 11px;
line-height: 1.25em;
color: #000;
}

#contactInfo ul.employees li ul {
float: left;
margin: 0 0 10px 0;
font-size: 11px;
}

#contactInfo ul.employees li ul li {
line-height: 1.25em;
}

#contactInfo ul.employees li em,
#contactInfo ul.employees li ul li em {
color: #2788B8;
font-size: 11px;
line-height:0;
}

/* ADDRESS */
#contactInfo ul.twoCol {
float:left;
margin: 0 0 25px 25px;
width: 580px;
}

#contactInfo ul.twoCol li {
float:left;
margin: 0 25px 0 0;
width: 263px;
}

#contactInfo ul.twoCol li h3 {
float:left;
margin: 0 0 3px 0;
padding: 5px;
height: 25px;
width: 253px;
color:#fff;
font-weight:bold;
letter-spacing: 1px;
background-color: #636e82;
border-bottom: 1px solid #000;
}

#contactInfo ul.twoCol li h3 span {
color: #fff;
font-size: 10px;
}

#contactInfo ul.address {
float:left;
margin:0;
padding:10px;
width: 245px;
}

#contactInfo ul.address li, #contactInfo ul.address li em {
float:none;
margin-bottom: 15px;
width:auto;
font-size: 11px;
border:0;
}

.dupfix { /*fixes dublicating char in IE7, does not work well in IE6*/
float: left;
width: 1px;
height: 0px;
line-height: 0px;
visibility: hidden;
}
/*----
END CONTACT INFO
----*/


/*
SECONDARY CONTENT : PRODUCTS
(formerly leftCol)
================================================*/
/* HIDDEN FOR PRINTABLE PAGE */
#p_logo {
display:none;
}


/*HEADINGS*/
#products #secondaryContent h2 {
margin: 0 5px 10px 0;
color: #fff;
}

/*PARAGRAPHS*/
#products #secondaryContent p strong.proddes {
margin-top: 10px;
padding:0;
display: block;
font-weight: bold;
font-size: 12px;
color: #fff;
}

/* PRODUCTS PROD INFO
Note:(this should be made to work without using the extra div)*/
#prodInfo {
float:left;
clear:left;
padding: 10px;
width:350px; /* TARGET 371PX */
}

#prodInfo h3 {
margin: 20px 0 0 0;
color: #fff;
}


/*
PRIMARY CONTENT : PRODUCTS
(formerly rightCol)
================================================*/
#thm {
float:left;
clear:left;
margin-bottom: 15px;
width: 600px;
height: auto;
border-right: 1px solid #ccc;
}

#products #thm a img {
margin:0;
padding:0;
border:0;
}

#products #dimensionBlurb {
float: right;
clear: right;
padding: 10px;
width: 320px;
}

#products #dimensionBlurb ol {
margin-right: 20px;
padding-left: 30px;
width: 75%;
}

#products #dimensionBlurb ol li {
margin-bottom: 5px;
font: normal 12px Arial, Helvetica, sans-serif;
}

/*MATERIAL AND ADHESIVE OPTIONS*/
#products #materialsAvailable, #products #adhesiveOptions {
font-size: 12px;
}

#products #materialsAvailable a, #products #adhesiveOptions a {
}

#products #materialsAvailable,
#products #materialsAvailable table,
#products #materialsAvailable h4 {
float: left;
margin:0;
width: 500px;
}

#products #adhesiveOptions,
#products #adhesiveOptions table {
float: right;
width: 400px;
}

#products #adhesiveOptions table th,
#products #materialsAvailable table th {
text-align: left;
font-weight: bold;
}

#products #adhesiveOptions table tr,
#products #materialsAvailable table tr {
margin-bottom: 15px;
}
/*END*/

#wirePic { 
float: right;
clear: right;
border: 0;
background: #fff;
}

#products #primaryContent h3 {
clear:left;
margin: 15px 0 0 0;
}

#products #primaryContent h3.specs {
	padding:0;
	width:575px;
	text-transform:uppercase;
}

#products #primaryContent h1 {
clear:left;
}

#products #primaryContent h4,
#products #primaryContent p {
float: left;
clear: left;
width: 100%;
margin: 0 0 5px 0;
}

#products #primaryContent #content_a h3, #products #primaryContent #content_b h3 {
float:left;
}

#products #primaryContent #printSend {
margin: 0 0 15px 0;
padding: 0 0 3px 0;
height: 13px;
border: 0;
border-bottom: 1px solid #ccc;
}

#products #primaryContent #printSend img {
border:0;
}

/* MAIN CONTENT - PRODUCTS 2 COL */
#prodLeft, #prodLeft table {float:left; width:300px;}

#prodLeft h5 {float:left; text-transform:uppercase; padding:0; width:300px;}

#prodLeft h4 {margin:0; padding:2px; width:300px; text-align:center; color:#fff; background:#ff8400; border:0;}

#prodLeft h3.partNumber {float:left; padding:5px 0 0 5px; font-weight:bold; font-size:18px;}

#prodLeft p {float:left; margin-left:0; width:100%; font-size:10px;}

#prodLeft ul {clear:left; margin:0; padding:5px; list-style:none;}

#prodLeft ul li {margin-bottom:8px; font-size:9px; text-transform:uppercase;}

#prodLeft ul li strong {display:block; font-weight:bold; font-size: 10px; color:#000;}

#prodRight {float:right; width:630px;}

/*----
PRODUCT TABLES
----*/
table.prodtable {float:left; margin:5px 0 15px 0; padding:3px; width:100%; font: normal 11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; border:1px solid #999; background:#fff;}
table.prodtable tr th {padding:3px; font-weight:bold; color:#fff; background:#ff8400; border: 1px solid #fff;}
table.prodtable tr td {padding:3px; text-align:center; background:#def; border: 1px solid #fff;}
/*table.prodtable tr th.norightborder, table tr td.norightborder {border-right:0;}*/
table tr td.nodata {background: url('http://www.wireandcable.com/img/products/global/noData_bg_blue.gif') repeat;}

table.prodtable.constructions {float:left; width:355px;}
table.prodtable.specs {float:right; width:586px;}

/*classes to color table headers in products/spacewire/wirecable/ cable construction*/
table.prodtable th.c1 {background-color:#2dbb1a;}
table.prodtable th.c2 {background-color:#f90;}
table.prodtable th.c3 {background-color:#609;}
table.prodtable th.c4 {background-color:#e10b0b;}
table.prodtable th.c5 {background-color:#1a66ab;}
table.prodtable th.c6 {background-color:#fc0;}
table.prodtable th.c7 {background-color:#bb1aa6;}

/*Hide address until printed */
#p_address {display:none;}

/*----
REFERENCE TABLES
----*/
table.reftable {float:left; clear:left; margin:5px 0 15px 0; padding:2px; width:100%; border:1px solid #000; color:#000; background:#fff;}
table.reftable tr th {padding:2px; font: bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; background:#f90;}
table.reftable tr td {padding:3px; font: normal 10px Arial, Helvetica, sans-serif; text-align:center; background:#def;}
table.reftable tr td.nodata {background: url('http://www.wireandcable.com/img/products/global/noData_bg_blue.gif') repeat;}
table.reftable tr td a {display:block; padding:15px;}
table.reftable tr td a:hover {background:#CEE4FB;}


/*
FOOTER : GLOBAL
================================================*/
#footer h2 {
margin: 10px 0 0 0;
font-size: 150%;
font-weight: normal;
color: #E25503;
}

#footer p {
font: normal 12px Arial, Helvetica, sans-serif;
color: #fff;
}

#footer ul li a:link, #footer ul li a:active {
color: #FCF300;
text-decoration:none;
}

#footer ul li a:hover, #footer ul li a:active {
color: #fff;
text-decoration:underline;
}

/*----
HEADLINES POD
----*/
#linksPod {
float: left;
width: 370px;
height: 150px; /* KLUDGE: GIVES MIN HEIGHT BEFORE CONTENT, REMOVE BEFORE LIVE */
background: url(http://www.wireandcable.com/img/global/icon_links.jpg) no-repeat 10px 10px;
}

#linksPod h2 {
color: #fff;
margin: 15px 0 0 65px;
padding: 0 0 5px 0;
width: 305px;
border-bottom: 1px solid #000;
}

#linksPod p {
margin: 0 15px 0 15px;
line-height: 1.5em;
}

#linksPod ul {
margin: 0 0 0 70px;
padding: 0;
width: 300px;
list-style: inside;
}

#linksPod ul li {
margin: 0;
padding: 3px;
color: #fff;
}

/*----
DOWNLOADS POD
----*/
#downloadPod {
float: left;
margin: 0 0 0 0;
padding: 0 0 25px 0;
width: 600px;
background: url(http://www.wireandcable.com/img/global/icon_pdf.jpg) no-repeat 10px 10px;
}

#downloadPod h2 {
color: #fff;
margin: 15px 0 0 65px;
padding: 0 0 5px 0;
width: 535px;
border-bottom: 1px solid #000;
}

#downloadPod ul {
margin: 0 0 0 70px;
padding: 0;
width: 360px;
list-style: inside;
}

#downloadPod ul li {
margin: 0;
padding: 3px;
color: #fff;
}

/*----
BOTTOM GLOBAL NAV
Note: Consolodate into footer
----*/
#bottomNav {
clear: both;
width: 980px;
padding: 10px 0 20px 0;
text-align: center;
background: #000;
}

#bottomNav ul {
display: inline;
}

#bottomNav  ul li {
display: inline;
margin: 5px 10px;
color: #ccc;
}

#bottomNav ul li a:link, #bottomNav ul li a:visited {
display: inline;
font: normal 14px Arial, Helvetica, sans-serif;
color: #ccc;
text-decoration: none;
}

#bottomNav ul li a:hover, #bottomNav ul li a:active {
text-decoration: underline;
}

#bottomNav p {
margin-top: 15px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #fff;
}

#bottomNav p a:link, #bottomNav p a:visited {
color: #99FF33;
}


/*
NEWS
================================================*/
/*----
NEWS BLURB FOR LATEST NEWS ARTICLE
Note: 
----*/
#newsBlurb {
	margin: 0 0 10px 0;
	padding: 5px 15px 10px 15px;
	border-bottom: 1px solid #79859C;
}

#newsBlurb h3 {
	margin-bottom: 5px;
	font-weight: bold;
	color: #fff;
}

#newsBlurb p {
	font: normal 83% Verdana, Arial, Helvetica, sans-serif;
	color: #f1f1f1;
}

#newsBlurb span {
font-size: 10px;
font-weight: bold;
}

#newsBlurb p a:link, #newsBlurb p a:visited {
display: block;
margin-top: 10px;
padding: 4px;
color: #fff;
font-weight: bold;
text-align: center;
background: #E25503;
border: 1px solid #000;
}

#newsBlurb p a:hover, #newsBlurb p a:active {
background: #434B5B;
}

/*----
NEWS HEADLINE LINKS ON news.php
Note: 
----*/
#newsHeadlines ul {
color: #fff;
}

#newsHeadlines ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #79859C;
}

#newsHeadlines ul li a:link, #newsHeadlines ul li a:visited {
display: block;
margin:0;
padding:15px;
color: #fff;
text-align:left;
text-transform: none;
text-decoration:none;
}

#newsHeadlines ul li a:hover, #newsHeadlines ul li a:active {
background: #5F6C9B;
}

/*----
NEWS STORY
Note: The story output
----*/
#news-story h2 {
width: 80%
}

#news-story h4 {
margin: 0 0 0 25px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #999;
}

#news-story p {
margin-top: 10px;
}


/*----
PAGINATION
Note: Controls pagination for news stories
----*/
#news-pagination {
margin-left:25px;
padding: 15px 0;
width: 559px;
text-align:center;
border-top: 1px solid #999;
}

#news-pagination a:link, #news-pagination a:visited {
padding: 5px;
text-decoration: none;
color:#999;
}

#news-pagination a:hover, #news-pagination a:active {
color:#000;
background:#f1f1f1;
border-bottom: 1px solid #999;
}

/*----
NEWS
Note: this is for un-dynamic live version of news blurb
----*/
#newsHeadline {
	margin: 0 0 10px 0;
	padding: 5px 15px 10px 15px;
	border-bottom: 1px solid #79859C;
}

#newsHeadline h3 {
	margin-bottom: 5px;
	font-weight: bold;
	color: #fff;
}

#newsHeadline p {
	font: normal 83% Verdana, Arial, Helvetica, sans-serif;
	color: #f1f1f1;
}

#newsHeadline span {
font-size: 10px;
font-weight: bold;
}

#newsHeadline p a:link, #newsHeadline p a:visited {
display: block;
margin-top: 10px;
padding: 4px;
color: #fff;
font-weight: bold;
text-align: center;
background: #E25503;
border: 1px solid #000;
}

#newsHeadline p a:hover, #newsHeadline p a:active {
background: #434B5B;
}
/*----
END NEWS
----*/