/*
CSS Styles for Plastic Suppliers Inc. Website
Written By Jon Maupin, 2009.
*/

*{
padding: 0; 
margin: 0; 
}

body, h1, h2, h3, h4, h5, h6,ol, ul, li, p {
font-family: helvetica, sans-serif;
color: #333333;
}

body{
margin: 0px;
background-color: #ffffff;
}

.narrow1{				 /*Another Option For Narrow Columns of Content*/
line-height: 90%;
}

.narrow2{				 /*Right Column Narrow Setting*/
line-height: 120%;
}

h1 {
font-size: 150%;
font-weight: normal;
}

h2 {
font-size: 120%;
font-weight: normal;
}

h3 {
font-size: 100%;
font-weight: normal;
}

h4 {
font-size: 80%;
font-weight: bold;
}

h5 {
font-size: 70%;
font-weight: bold;
}

h6 {
font-size: 64%;
font-weight: bold;
}

img {
border: 0;
}

a:link{
text-decoration: none;
color: #00703F;
}

a:visited{ 
text-decoration: none;
color: #00703F;
}

a:hover{ 
text-decoration: underline;
color:#00703F;
}

a:active{ 
text-decoration: underline;
color: #00703F;
}

ol, ul, li {
font-size: 90%;
line-height: 120%;
margin:0px 0px 10px 5px;
list-style-type: disc;
}

p {
font-size: 80%;
line-height: 120%;
}

pre {
font-family: monospace;
font-size: 80%;
}

strong, b {
font-weight: bold;
}

#container{ 
width: 900px; 
margin: 0 auto;
}

#TopHeader{
height:110px;
background-color:#00703F;
color: #ffffff;
}

#TopHeader a:link{
color: #ffffff;
font-size: 9pt;
border-bottom: 1px dotted #ffffff;
text-decoration: none;
}
#TopHeader a:visited{
color: #ffffff;
font-size:9pt;
border-bottom:1px dotted #ffffff;
text-decoration: none;
}
#TopHeader a:hover{
color: #ffffff;
font-size:9pt;
border-bottom:1px solid #ffffff;
text-decoration: none;
}
#TopHeader a:active{
color: #ffffff;
font-size:9pt;
border-bottom:1px solid #ffffff;
text-decoration: none;
}

#NavHeader{
background-color: #ebebeb;
color: #ffffff;
width: 100%;
padding:0px;
height: 30px;
margin: 0px;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
}

#NavWrap{
width: 900px;
margin: 0 auto;
}

#LogoHeader{
width:900px;
}

#LogoStyles{
float:left;
border:none;
}

#LoginHeader{
position:absolute;
top:15px;
float:right;
font-size:12px;
right:40px;
}

#navcontainer{
float:left;
position:relative;
top: 7px;
}

ul.navlist{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

.navlist li{
display: inline;
list-style-type: none;
margin: 0px 20px 0px 0px;
}

.navlist a{ 
padding:0px;
font-size: 12pt;
}

.navlist a:link{
background-color:none;
color:#AAAAAA;
text-decoration: none;
}

.navlist a:visited{
background-color:none;
color:#AAAAAA;
text-decoration: none;
}

.navlist a:hover{
color:#333333;
background-color:none;
text-decoration: none;
}

.navlist a:active{
color:#333333;
background-color: none;
text-decoration: none;
}

#ResultsOneColumn{
width: 900px;
float: left;
padding: 10px;
}

#rightcolumn{ 
display: inline;
color: #333;
margin: 10px 0px 10px 10px;
padding: 0px;
width: 200px;
float: right;
}

#leftcolumn{ 
float: left;
color: #333;
margin: 10px 10px 10px 0px;
padding: 0px;
width: 675px;
display: inline;
position: relative;
border: none;
}

/* Start of Column CSS */
#col1{
padding: 10px;
background-color: #AAAAAA;
margin:0px 0px 10px 0px;
text-align: left;
}

#col2{
padding: 10px;
background-color: #cccccc;
margin:0px 0px 10px 0px;
text-align: left;
}

#col3{
padding: 10px;
background-color: #ebebeb;
margin:0px 0px 10px 0px;
text-align: left;
}
/*END COLUMN CSS*/

#footer{
width: 100%;
clear: both;
background: none;
margin: 0px 0px 10px 0px;
padding:10px 0px 0px 0px;
background-color:none;
border-top: 1px solid #cccccc;
}

#footer .navlist a:link{
padding: 5px;
color:#00703F;
background-color:none;
text-decoration: none;
font-size:12px;
}

#footer .navlist a:visited{
padding: 5px;
color:#00703F;
background-color:none;
text-decoration: none;
font-size:12px;
}

#footer .navlist a:hover{
padding: 5px;
color:#00703F;
background-color:none;
text-decoration: underline;
font-size:12px;
}

#footer .navlist a:active{
padding: 5px;
color:#00703F;
background-color:none;
text-decoration: underline;
font-size:12px;
}

#filmSuggestions{
padding:0 0 10px 0;
}

#leftcolumn p{ 
padding-bottom:9pt;
text-align:justify;
}

p.align-right{ 
float:right; 
margin: 20px 0px 0px 0px;
}

.clear{ 
clear: both; 
background: none;
}

/*TYPOGRAPHY*/



.RightColumnHeader{
color:#00703F;
display:block;
text-align:left;
margin:0px 0px 5px 0px ;
}

.UpdateTitle{
padding:5px 0px 0px 0px;
color:#333;
font-weight:bold;
text-align: left;
}

.UpdateBody{
padding:5px;
margin:0px 0px 10px 0px;
color:#333;
border-bottom:1px dotted #333;
text-align: left;	
}

.ArchiveUpdateBody{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
}

.ArchiveLink{
margin: 0px 0px 0px 540px;
}

.NewsTitle{
margin: 5px 0 0 0;
padding:0px 0px 0px 0px;
color:#333;
text-align: left;
}

.NewsTitle h3{
font-weight: bold;
}
.TimeLineTY{
padding:5px 0px 0px 0px;
color:#333333;
font-size:20px;
font-weight:bold;
border-bottom:1px solid #333333;
text-align: left;
}

.date{
padding:0 0 2px 0;
margin:5px 0 2px 0;
color:#00703F;
font-size:14px;
text-align:left;
}

.BodyTitle{
color:#00703F;
font-weight:normal;
margin: 0px 0px 5px 0px;
}

.BodyTitleMain{
color:#00703F;
font-weight:bold;
margin: 0px 0px 5px 0px;

}

.BodyTitleGrey{
color:#333333;
font-weight:bold;
margin: 0px 0px 10px 0px;
}

.Faqanswer{
margin: 0px 0px 10px 0px;
border-bottom: 1px dotted #333333;
}

.BodyTextGreen{
color:#00703F;
}

.tagline{
font-size:10px;
font-variant:small-caps;	
}

.LegalStatements{
color:#333333;
font-size:50%;
margin: 0px 0px 10px 0px;
}

.LegalStatements a{
color:#333333;
font-size:8px;
text-decoration:underline;
}

.LegalStatements a:hover{
color:#00703F;
font-size:8px;
text-decoration:none;
}

.LegalStatements a:active{
color:#00703F;
font-size:8px;
text-decoration:none;
}

.LegalStatements a:visited{
color:#333333;
font-size:8px;
text-decoration:none;
}

.downloadlink{
padding-top:8px;
font-weight:bold;
}

.LClist{
padding-left:25px;
padding-bottom:10px;
list-style-type:none;
}

.RClist{
padding-left:11px;
padding-top:5px;
padding-bottom:5px;
list-style-type:none;
}

.ProductCatalogTitleDivM{
margin:30px 0px 0px 0px;
background-color:none;
}

.ProductCatalogTitleDivD{
margin:30px 0px 10px 0px;
background-color: none;
}

.ProductCatalogTitleDivD h1{
font-weight:bold;
}

.ProductCatalogTitleDivM h1{
font-weight:bold;
color: #00703F;
}

table{
border-spacing:2px;
border:2px solid #333333;
background-color:#ccc;
margin:0 0 5px 0;
}

table a:link{
color: #ffffff;
text-decoration: underline;
}

table a:visited{
color: #ffffff;
text-decoration: underline;
}

table a:hover{
color: #ffffff;
text-decoration: none;
}

table a:active{
color: #ffffff;
text-decoration: none;
}

.TableAnchor {

}

.SubTableAnchor{
font-size: 10px;
}

.ProductColumn{
width:15%; 
valign:center; 
text-align:center;
background-color:#00703F;
background-position:center;
color:#ffffff;
font-size:13px;
font-weight:bold;		
border:1px solid #333;
/*padding:10px; REINITIALIZE IF YOU ALTER THE a.TableAnchor Hover*/
}

.ProductColumnDST{
width:15%; 
valign:center; 
text-align:center;
background-color:#333;
color:#ffffff;
font-size:12px;
font-weight:bold;		
border:1px solid #333;
/*padding:10px; REINITIALIZE IF YOU ALTER THE a.TableAnchor Hover*/
}

.GaugeColumn{
width:20%; 
valign:center; 
text-align:justify;
background-color:#ffffff;
color:#333;
font-size:11px;
padding:10px;
border:1px solid #333;
text-align:center;
}

.ProductDescriptionColumn{
width:65%; 
valign:center; 
text-align:justify;
background-color:#ffffff;
color:#333;
font-size:11px;
padding:10px;
border:1px solid #333;
}

.cent{
font-size:11px;
text-align:center;
border: 1px solid #333333;
padding: 2px;
color:#FFFFFF;
background: #666666;
}


.RetailColumn{
valign:center; 
text-align:center;
background-color:#00703F;
color:#ffffff;
font-size:1.3em;
font-weight:bold;		
border:1px solid #333;
padding:5px; 
}

.RetailColumnDST{
valign:center; 
text-align:center;
background-color:#333333;
color:#ffffff;
font-size:1.3em;
font-weight:bold;		
border:1px solid #333;
padding:5px; 
}

.RetailImagesColumn{
valign:center; 
text-align:center;
background-color:#FFFFFF;
border:1px solid #333;
padding:10px; 
}

.TOPL{
float:right;
}
/*Form Stylin'*/

form{
text-align: left;
}

.formtitle{
padding:0px 0px 5px 0px;
margin:0px 0px 5px 0px;
border-bottom:1px solid #cccccc;
font-weight:bold;
font-size:16px;
color:#333333;
}

fieldset{  
margin: 0px 0px 10px 0px;  
padding: 0px;
border: 1px solid #cccccc;
/*background-image: url("../images/FBG.png");
background-position: bottom;
background-repeat: no-repeat;*/
}

fieldset.submitfield{
float:right; 
margin: 0 0 0 0;
padding-top:5px;
padding-bottom:5px;
border: 0px;
background-image:none;
}

legend{
margin-left: 1em;
color: #00703F;
font-size:13px;
font-weight: bold;
}

fieldset ol{
padding: 1em 1em 0 1em;
}

fieldset li{
padding-bottom: 1em;
list-style: none;
}

fieldset.submit{
border-style: none;
margin-top:5px;
}

label{
float: left;
width: 10em;
margin-right: 1em;
text-align: right;
color: #333;
}

input{
width:170px;
color: #333;
background: white;
border: 1px solid #CCCCCC;
font-size:11px;
padding:2px;
}

input.submit{
width:60px;
padding:2px;
font-size:11px;
color: #fff;
background: #1F5030;
border: 1px solid #333;
cursor:pointer;
}

input.submit:hover{
width:60px;
padding:2px;
font-size:11px;
color: #fff;
background:#00703F;
border: 1px solid #333;
cursor:pointer;
}

input.RegisterButton{
width:80px;
padding:2px;
font-size:11px;
color: #fff;
background: #1F5030;
border: 1px solid #333;
cursor:pointer;
}

input.RegisterButton:hover{
width:80px;
padding:2px;
font-size:11px;
color: #fff;
background:#00703F;
border: 1px solid #333;
cursor:pointer;
}

textarea{
width:170px;
color: #333333;
background: none;
border: 1px solid #CCCCCC;
font-size:11px;
padding:2px;
overflow:auto;
}

.text{
background-color:#ffffff;
}

em{
color:#00703F;
font-size:15px;
}

li.explain{
font-size:10px;
}

#state{
width:20px;
}

#zip{
width:35px;
}

#CurrentPricing{
width: 50px;
}

#TargetPricing{
width: 50px;
}

#Width{
width: 50px;
}

#OD{
width: 50px;
}

#VPY{
width: 70px;
}

em.invisible{
color:#ffffff;
font-size:15px;
}

.LGS{
padding-top:10px;
border-top:2px solid #00703F;
}

sup{
font-size:.5em;
}

div#AgentList{
width: 615px;
padding: 10px;
background-color: #EEE;
border: 1px solid #333;
margin: 0px 0px 10px 0px;
}

div.noscriptbar{ 
clear: both; 
} 

div.noscriptbar, #errorbar{ 
color:#333;
background: #feffdc; 
border: solid yellow; 
/*
background: #f99; 
border: solid red; 
*/
border-width: 1px 0px 1px 0px;
padding: 10px; 
margin: 0px 0px 10px 0px; 
width: auto; 
text-align: center; 
}

div.ComingSoonBar{ 
color:#333; 
background: #feffdc; 
border: solid yellow; 
border-width: 1px 0px 1px 0px;
padding: 10px; 
margin: 0px 0px 10px 0px; 
width: auto; 
text-align: center; 
}

div.QuoteDiv{
clear: both; 
background:#5FC285; 
padding: 10px 10px 10px 10px; 
margin: 0px 0px 0px 0px; 
width: auto; 
text-align:left;
} 

.Quote{ 
color:#ffffff;
}
.QuoteDiv .GreenText{ 
color:#00703F;
} 

div.NewsFlash{  
clear: both; 
background:#5FC285; 
border:solid #00703F; 
border-width:1px 0px 1px 0px; 
padding:5px 20px 5px 20px; 
margin: 0px 0px 10px 0px; 
width: auto;
}

.NewsFlash p.GreenText{
margin: 5px 0px 0px 0px;
}

div.Alert{  
clear: both; 
background:#f99; 
border:solid #FF0000; 
border-width:1px 0px 1px 0px; 
padding:5px 20px 5px 20px; 
margin: 0px 0px 10px 0px; 
width: auto;
}

.Error{  
color: #FF0000;
font-size: 110%;
font-weight: bold;
}

.ErrorSubText{
margin:0px 0px 5px 0px;
color:#666666;
font-weight:bold;
font-size:90%;
}

.errorhandle{
	margin: 5px 0px 5px 0px;
	color: #666666;
}

.errorhandle b{
	color:#333333;
}

.GreenText{
color:#00703F;
}

.whitetext{
	color: #ffffff;;
}

.fifteenbold{
font-size: 15px;
font-weight: bold;
}

.Bold{
font-weight: bold;
}

.TimeLineLink{
border:none;
cursor: Pointer;
} 

.TimeLineLink:hover{
border:none;
cursor: pointer;
}

.align-right{ 
float:right; 
margin: 0px 0px 15px 15px;
}

.align-left{ 
float:left; 
margin: 0 15px 15px 0; 
}

.ALicon{ 
float:left; 
margin: 0px 4px 2px 0px; 
}

a img.ALicon{
border:none;
}

a img.ALicon:hover{
border:none;
}

.frame{ 
padding: 3px; 
background-color:#333; 
border: 1px solid #333;
}

ul#SubstrateList{
list-style-type:none;
padding:6px;
border-bottom:3px solid #333333;
text-align: left;
}	

ul#SubstrateList li{
display:inline;
margin:0 0 0 0;
}

ul#SubstrateList li a{
font-size:12px;
text-decoration:none;
background-color:#eeeeee;
color:#00703F;
border:1px solid #333333;
border-bottom:2px solid #333333;
padding:6px;
}

ul#SubstrateList li a:hover{
font-size:12px;
text-decoration:none;
color:#ffffff;
background-color:#00703F;
background-image:none;	
}

ul#SubstrateList li a.dst:hover{
font-size:12px;
text-decoration:none;
color:#ffffff;
background-color:#333;
background-image:none;	
}

ul#flaglist{
list-style-type:none;
margin: 3px 0px 0px 0px;
}

ul#flaglist li{
display:inline;
margin: 0px;
padding: 0px;
}

.ProdImgList li{
display:inline;
padding:0 20px 0 20px;
}	

.BubbleText{
font-size:10px;
}

.BubbleTitle{
font-size:14px;
font-weight:bold;
color:#00703F;
}

.BubbleTagline{
font-size:11px;
font-weight:bold;
color:#333;
}

span{
}

.aLittleBigger{
font-size:102%;
}

.aLittleSmaller{
font-size:85%;
}

#ThoughtBubbleLink{
position:relative;
float:left;
top:0px;
left:255px;
height:30px;
width:55px;
}

.QuoteText{
padding-top:5px;
}

.QuoteTag{
color:#333333;
font-weight:normal;
line-height: 80%;
font-size:50%;
}

.orangetext{
color:#00703F;
}

.redtext{
color:#FF0000;;
}

.greytext{
color:#333;
}

#OPSRollWeightCalcDiv{
position: absolute;
top: 0px;
left: 0px;
width:100%;
height:100%;
z-index: 1000;
background-image: url("../images/popup.png");
background-repeat: repeat;
}

#micgauge{
position: absolute;
top: 0px;
left: 0px;
width:100%;
height:100%;
z-index: 1000;
background-image: url("../images/popup.png");
background-repeat: repeat;
}

#rfcalc{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1000;
background-image:url("../images/popup.png");
background-repeat:repeat;
}

.textalignleft{
text-align: left;
}


.DownloadPic{
border: none;
margin: 0px 0px 10px 0px;
}

.DownloadPic:hover{
border:none;
margin:0px 0px 10px 0px;
}

/*THE ACCOUNT STYLES*/

.AILabel{
display: block;
background-color: #ebebeb;
padding: 10px 0px 0px 10px;
margin: 2px 0px 10px 0px;
font-weight: bold;
color: #333333;
}

.loginformlabel{
color:#666666;
font-weight:bold;
}

.AccountTable{
border:1px solid #333333;
background-color:#ffffff;
width:675px;
table-layout: auto;
}

.AccountTable tr{

}

.AccountTable tr.Header{
background-color: #5FC285;
text-align: center;
}

.AccountTable td{
border: 1px solid #333333;
padding: 2px;
width: 85px;
text-align: center;
}

.AccntOL{
list-style-type: none;
}

.AccntOL li{
display: inline;
}

.AccntOL label{
float: left;
width: 4em;
margin-right: 1em;
text-align: right;
color: #333;
}

.rightmemnav{
list-style-type: none;
margin: 0px;
padding: 0px;
}

.rightmemnav li{
list-style-type: none;
margin: 0px 0px 1px 0px;
}

.rightmemnav li a:link{
padding:5px;
background-color: #ebebeb;
display: block;
}
.rightmemnav li a:visited{
padding:5px;
background-color: #ebebeb;
display: block;
}
.rightmemnav li a:hover{
padding:5px;
background-color: #cccccc;
display: block;
text-decoration: none;
}
.rightmemnav li a:active{
padding:5px;
background-color: #cccccc;
display: block;
text-decoration: none;
}

.rightmemnav li a.disabled:link{
padding:5px;
background-color: #ebebeb;
display: block;
color: #cccccc;
}
.rightmemnav li a.disabled:visited{
padding:5px;
background-color: #ebebeb;
display: block;
color: #cccccc;
}
.rightmemnav li a.disabled:hover{
padding:5px;
background-color: #ebebeb;
display: block;
color: #cccccc;
}
.rightmemnav li a.disabled:active{
padding:5px;
background-color: #ebebeb;
display: block;
color: #cccccc;
}

.CurrentAccountInformation li{
list-style-type: none;
}

.CurrentAccountInformation span{
display: table-cell;
width:400px;
padding: 0px 10px 0px 0px;
}

.CurrentAccountInformation li a{
display: table-cell;
}


.Members4upPanels{
float:left;
width:310px;
height:300px;
border: 2px solid #cccccc;
background-color:#ebebeb;
margin:5px 5px 5px 5px;
padding:5px;
}

a.tel{
	color: #333;
}
 a:hover.tel{
	color: #333;
	text-decoration: none;
}