[if IE 7]><link rel="stylesheet" type="text/css" href="IE7styles.css" /><![endif]

/* ---- body ---- */

html{
	overflow:-moz-scrollbars-vertical;
}


body {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	margin: 0px;
	background-color: #E1ECF7;
	background-image: url(images/pagebg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 16px;
}

html, body, div, span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

img { 
	border:0;
}


br {

}


#Container {
	width: 960px;
	margin: auto;
	background-color: #FFFFFF;
}

#topbar1 {
	height: 143px;
	background-image: url(images/logo_Double-H-Plastics.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#topbar2 {
	height: 143px;
	background-image: url(images/logo_Double-H-Extrusions.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#topbar3 {
	height: 143px;
	background-image: url(images/logo_Double-H-Packaging.gif);
	background-repeat: no-repeat;
	background-position: top;
}



#Navigation1 {
	position: absolute;
	top: 118px;
	text-align:center;
	width: 960px;
}
#Navigation1 a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-left: 60px;
}
#Navigation1 a:hover {
	color: #479816;
	text-decoration: none;
}


#Navigation2 {
	position: absolute;
	top: 119px;
	text-align:center;
	width: 960px;
}
#Navigation2 a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 30px;
}
#Navigation2 a:hover {
	color: #8CCAE8;
	text-decoration: none;
}


#Navigation3 {
	position: absolute;
	top: 119px;
	text-align:center;
	width: 900px;
	padding-left:60px;
}
#Navigation3 a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-right: 30px;
}
#Navigation3 a:hover {
	color: #51AA1A;
	text-decoration: none;
}



#CustomerCare {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
	color: #333333;
	text-align: right;
	width: 400px;
}

#Flash1 {
	width: 960px;
	margin-top: 1px;
	border-top-width: 21px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #5E98D2;
	border-bottom-width: 23px;
	border-bottom-color: #5FB12C;
}

#Flash2 {
	width: 960px;
	margin-top: 8px;
}

#Introduction1 {
	background-color: #F8F8F8;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #666666;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 18px;
}
#Footer {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 10px;
	color: #666666;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 2px;
}
#Footer a {
	color: #666666;
	text-decoration: none;
}
#Footer a:hover {
	color: #000000;
	text-decoration: none;
}
.Footer_border1 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4F4A60;
}
.Footer_border2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005CB8;
}
.Footer_border3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #51AA1A;
}
#Col1 {
	float: left;
	width: 200px;
	margin-right: 25px;
}
#Col2 {
	float: left;
	width: 530px;
	margin-right: 25px;
}
#Col2 a {
	color: #51AA1A;
	text-decoration: underline;
}
#Col2 a:hover {
	color: #397913;
	text-decoration: none;
}

#Col3 {
	float: left;
	width: 180px;
}
#Breadcrumb {
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
}


/* ---- Links ---- */

a:focus{
outline:none;
}


a {
	color: #595959;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

.a1 {
	color: #333333;
}
.a1:hover {
	color: #000000;
}

.a2 {
	color: #51AA1A;
	text-decoration: underline;
}
.a2:hover {
	color: #397913;
	text-decoration: none;
}
.lnb_greenhead {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #79BE4F;
	width: 180px;
	padding-top: 20px;
	display: block;
	padding-left: 20px;
	padding-bottom: 6px;
}
.lnb_greenlight_bg {
	background-color: #D7EBD5;
	padding: 10px;
}
.lnb_green {
	color: #51AA1A;
	background-image: url(images/lnb_green_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 12px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.lnb_green:hover {
	color: #3E8314;
	background-image: url(images/lnb_green_bullethover.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}

.lnb_green_hl {
	color: #3E8314;
	background-image: url(images/lnb_green_bullethover.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3E8314;
	padding-left: 12px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.solutions {
	background-image: url(images/banner_packaging_solutionsfor.jpg);
	background-color: #52A91A;
	background-position: top;
	padding-top: 37px;
	padding-left: 10px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	font-size:13px;
	line-height:20px;
}
.solutions a{
	color: #FFFFFF;
	text-decoration: none;
}
.solutions a:hover{
	color: #D3EAC6;
}

.lnb_bluehead1 {
	font-weight: bold;
	color: #004284;
	background-color: #EBEBEB;
	padding-top: 10px;
	padding-bottom: 5px;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	width: 155px;
	font-size: 12px;
}

.lnb_bluehead2 {
	font-weight: bold;
	color: #004284;
	background-color: #EBEBEB;
	padding-top: 10px;
	padding-bottom: 5px;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	width: 155px;
	font-size: 12px;
}




.pic1 {
	border: 2px solid #666666;
}
.pic0 {
	border: 1px solid #666666;
}

.pic2 {
	border: 2px solid #CCCCCC;
}
.pic3 {
	border: 1px solid #51AA1A;
}






/* ---- Forms ---- */

form {
margin:0;
padding:0;
}
 
input, select, textarea {
	border: 1px solid #666666;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #666666;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	padding-left: 3px;
}
.textarea1 {
  width: 155px;
  _width: 140px;
}
ul {
	margin-top: 0px;


}
li {
	list-style-image: url(images/bullet_green.gif);
	margin-left: 0px;
	padding-left: 0px;
}




/* ---- Heads ---- */
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #ccc;
	margin: 0px;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	color: #51AA1A;
	margin: 0px;
}
.head1 {
	font-size: 14px;
	font-weight: bold;
	color: #166A86;
	line-height: 22px;
}

.head2 {
	font-size: 14px;
	font-weight: bold;
	color: #005CB8;
	line-height: 22px;
}
.head3 {
	font-size: 14px;
	font-weight: bold;
	color: #45B300;
	line-height: 22px;
}
.head4 {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

.head_black {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 22px;
}




/* ---- Text Classes ---- */
.txt_10 {
	font-size: 10px;
	line-height: 13px;
}
.txt_11 {
	font-size: 11px;
}


.txt_14 {
	font-size: 14px;
}
.txt_15 {
	font-size: 15px;
}


.txt_16 {
	font-size: 16px;
}

.txt_18 {
	font-size: 18px;
}
.txt_blue {
	color: #004284;
	font-size: 12px;
}
.txt_red {
	color: #FF0000;
}
.txt_green {
	color: #51AA1A;
}



.LH18 {
	line-height: 18px;
}



/* ---- Background Classes ---- */
.bg_gray {}
.bg_blue {
	background-color: #CCDEF1;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.bg_bluelight {
	background-color: #EFF7FF;
}
.bg_blue2 {
	background-color: #A3C4E5;
}
.bg_gray2 {
	background-color: #EFEFEF;
}


.bg_green {
	background-color: #C6E2C3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.bg_greenlight {
	background-color: #F1F8F0;
}


.border_white {
	width: 340px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	float: left;
	height: 145px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.border_green4 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #51AA1A;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.border_blueTB {
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #004181;
	border-bottom-color: #004181;
	padding-right: 10px;
	padding-left: 10px;
}
.divider_green {
	background-image: url(images/divider_green.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
}

.box_blue1 {
	background-color: #EBEBEB;
	padding: 5px;
	border: 1px solid #307AC5;
	font-size: 11px;
}







/* ---- Transparent Classes ---- */
.txt_transparency {
	filter: Alpha(Opacity=50);
	background-color: #F5FAEB;
}
.txt_transparency2 {

	filter: Alpha(Opacity=100);
	background-color: #D9ECB0;
}


/* ---- onmouseout="this.className='txt_transparency'" onmouseover="this.className='txt_transparency2'" ---- */


/* for Internet Explorer */
* html .bg_dots1 {
height: 255px;
}



/* ---- Width Classes ---- */
.width100 { width: 100%; }
 
.width75 { width: 75%; }
 
.width50 { width: 50%; }

.width25 { width: 25%; }
.width165 {
	width: 165px;
}
.smlthumb {
	float: left;
	width: 44%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.smlthumb_content {
	width: 150px;
	float: left;
}



.paddingtop5 {
	padding-top: 5px;
}

.paddingtop10 {
	padding-top: 10px;
}

.paddingtop20 {
	padding-top: 20px;
}
.padLR {
	padding-right: 10px;
	padding-left: 10px;
}
.padLeft10 {
	padding-left: 10px;
}
.padLeft30 {
	padding-left: 30px;
}


.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

/* ---- Dropdown Classes Start ---- */
#dropmenudiv{
	position:absolute;
	border-bottom-width: 0;
	line-height:18px;
	z-index:100;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin-top: 5px;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 10px;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-color: #FFFFFF;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #51AA1A;
	color: #FFFFFF;
}

/* ---- Dropdown Classes Start ---- */

