@charset "UTF-8";
/* CSS Document */

body {
	background: url("../images/bg.png");
	font-family: 'Oxygen', Arial, sans-serif;
	color: #4f4f4f;
}

::selection {
 background: #8dc5cb;
 color:#FFF; /* Safari */
}
::-moz-selection {
 background: #8dc5cb;
 color:#FFF;/* Firefox */
}
a {
	color: #008491;
	text-decoration: none;
}
a:hover {
	color: #0a6d77;
	text-decoration: underline;
	transition-duration: 0.2s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear:both;
}
.top {
	height: 70px;
	width:auto;
}
.container {
	margin:0 auto;
	width: 960px;
}
.containerTitle {
	margin:70px auto 0;
	width: 960px;
	text-align:center;
}
.pageTitle {
	margin:70px auto 0;
	width: 960px;
	text-align:left;
}
.header1 {
	background:url(../images/bg2.png) repeat;
	height: 480px;
	width:auto;
}
.nav {
	background:url(../images/nav_bg.png) repeat-x;
	height:69px;
	width:auto;
}
.logo {
	background:url(../images/westlake_packaging.png) no-repeat top left;
	height: 180px;
	width: 271px;
	margin: -65px 0 0 33px;
	float: left;
	position: relative;
}
.navContainer {
	height: 63px;
	width: 960px;
	margin: 0 auto;
}
.sliderContainer {
	background:url(../images/slider_bg.png) no-repeat top left;
	height: 432px;
	margin: -177px auto 8px;
	width: 960px;
}
.panel {
	background-color: #FFF;
	border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow: 0px 1px 1px 0px #d7d7d9;
	box-shadow: 0px 1px 1px 0px #d7d7d9;
}
.fullContainer {
	margin: -277px auto 60px;
	width: 890px;
	min-height:300px;
	padding:30px 35px 90px;
}

.containerFix {
	margin:0 auto;
	width: 890px;
	padding:35px;
	background-color: #FFF;
	border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow: 0px 1px 1px 0px #d7d7d9;
	box-shadow: 0px 1px 1px 0px #d7d7d9;
}

.containerFix p {
	font-size: 16px;
}
.panelHalf1, .panelHalf2 {
	float: left;
	padding: 30px;
	width: 408px;
	height: 350px;
}

.panelFull {
	padding: 30px;

}

.whitePapers {
	float: left;
	padding: 30px;
	width: 408px;
	margin-top: 0;
}
.panelHalf1, .panelHalf2, h2 {
	margin-top: 0;
}
.panelHalf2 {
	margin-left: 24px;
}
.homePanelHalfTitle {
	height: 40px;
}
.whitePagesIcon {
	background: url(../images/sprite.png) 0 -160px no-repeat;
	height: 37px;
	width: 38px;
	float: left;
	margin: -4px 12px 0 0;
}
.whitePagesPdf {
	font-size: 14px;
	color: #878787;
}
.whitePagesRowPdfIcon {
	background: url(../images/sprite.png) 0 -216px no-repeat;
	height: 16px;
	width: 16px;
	float: left;
}
.whitePagesRow {
	min-height:18px;
	width: 408px;
	padding: 12px 0;
	border-bottom: 2px solid #e3e3e3;
	font-size: 15px;
}

.borderBottom {
	border-bottom: 2px solid #e3e3e3;
	padding-bottom: 5px;
}

.aboutUsIcon {
	background: url(../images/sprite.png) -39px -160px no-repeat;
	height: 37px;
	width: 38px;
	float: left;
	margin: -4px 12px 0 0;
}

.showroomIcon {
	background: url(../images/sprite.png) -79px -160px no-repeat;
	height: 37px;
	width: 38px;
	float: left;
	margin: -4px 12px 0 0;
}
.aboutUsGraphic {
	background: url(../images/sprite.png) 0 -199px no-repeat;
	height: 16px;
	width: 95px;
	margin: 50px auto 30px;
}
.aboutUsText {
	font-size: 16px;
	text-align: center;
	line-height: 27px;
}
.productsByVendor {
	margin: 85px auto 0;
}
/* Products */

.productsRow {
	height: 310px;
	margin-bottom: 30px;
}
.productsListBg1, .productsListBg2 {
	height: 280px;
	width: 401px;
	padding: 15px;
	float: left;
}
.productsListBg2 {
	margin-left: 25px;
}
.productsListBg1:hover, .productsListBg2:hover {
	background-color: #FFF;
	border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow: 0px 1px 10px 0px #d3d3d3;
	box-shadow: 0px 1px 10px 0px #d3d3d3;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}
.productsListBg1:hover a {
	text-decoration:underline;
}
.productsListBg2:hover a {
	text-decoration:underline;
}
.productDescription1 {
	height: 280px;
	padding-right: 20px;
	width: 180px;
	float:left;
}
.productImage1 {
	height: 280px;
	width: 200px;
	float:left;
}
.productRow, p {
	color: #7f7f7f;
	font-size: 14px;
	line-height: 19px;
}
.productRow, h3 {
	font-size: 21px;
	font-weight:700;
	line-height: 24px;
}
.viewProductText {
	font-weight: 700;
	font-size: 14px;
}
.productHeader {
	background:url(../images/divider.png) no-repeat bottom;
	min-height: 420px;
	width: 925px;
	margin-left: -35px;
	padding-left: 35px;
}
.productHeader1 {
	width: 650px;
	float: left;
	margin-top: 30px;
}
.productHeader2 {
	width: 235px;
	float: right;
	margin-right: 30px;
}
.productSubHeader {
	background:url(../images/divider.png) no-repeat bottom;
	height: 340px;
	width: 925px;
	margin-left: -35px;
	padding-left: 35px;
}
.productSubHeader1 {
	padding:0 15px;
	width: 450px;
	float: left;
}
.productSubHeader1 h5 {
	margin: 0;
}
.productSubHeader2 {
	width: 405px;
	float: left;
}
.productSubHeader1 p {
	font-size: 15px;
	line-height: 21px;
}

.productOverview {
	padding:15px 0 35px 0;
}

.productList {
	padding: 8px 0;
	border-bottom: 1px solid #d4d4d4;
	cursor: pointer;
}

.productList:hover {
	background:#f3f3f7;	
		transition-duration: 0.2s;
	transition-property: all;
	transition-timing-function: ease-in-out;
		box-shadow: 0px 1px 10px 0px #d3d3d3;

	}
	
.productList:hover a {
	text-decoration:underline;
	}	
	
.productList p {
	margin-top: 7px;
}
.productTitle {
	border-bottom: 1px solid #d4d4d4;
}
.productList a {
	font-size: 20px;
	line-height: 27px;
	font-weight: 700;
}
.productList1 {
	float: left;
	padding-top: 15px;
	width: 160px;
	height: 115px;
}

.productList1 img{
margin-left: 20px;
}

.productList1b {
	float: left;
	padding-top: 9px;
	width: 160px;
	height: 115px;
}

.productList1b img{
margin-left: 6px;
}

.productList2 {
	float: left;
	padding: 5px 0 0 15px;
	width: 555px;
}
.productList2 p {
	color: #7f7f7f;
	font-size: 14px;
	line-height: 17px;
}
.productList3 {
	float: left;
	padding: 40px 0 0 20px;
	width: 120px;
}
.title a {
	color: #b3cfd2;
}
.title a:hover {
	color: white;
}
.back {
	background: url(../images/arrow.png) 0 4px no-repeat;
	height:20px;
	padding-left: 18px;
	margin-top: 20px;
	font-size: 14px;
}
.filter {
	margin-top: 20px;
	font-size: 14px;
	color: #b1b1b1;
	width: 190px;
	float: left;
}
/* Quote Page */

.quotePanel1, .quotePanel2 {
	padding: 15px 20px 0px;
	float: left;
}
.quotePanel1 {
		width: 365px;}
.quotePanel2 {
		width: 395px;}		
		
.productDescriptionFull {
	width: 640px;
	float: left;
	padding: 40px 0 0 0;
}
.productDescriptionFull p {
	color: #5b5b5b;
	font-size: 15px;
	line-height: 24px;
}

.productOverview p {
	color: #5b5b5b;
	font-size: 15px;
	line-height: 24px;
}
.productDescriptionFull h4 {
	color: #4F4F4F;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}
.productDescriptionFull2 p {
	color: #5b5b5b;
	font-size: 14px;
	line-height: 21px;
}
.productInfoContainer ul li, .productDescriptionFull2 ul li, .productDescriptionFull ul li {
	color: #5b5b5b;
	font-size: 14px;
	line-height: 20px;
	margin-left: 15px;
	margin-top: -4px;
}

.featuresL ul li{
	color: #5b5b5b;
	font-size: 14px;
	line-height: 18px;
	margin-left: 15px;
	margin-top: -4px;
}


.productDescriptionFull2 h4 {
	color: #4F4F4F;
	font-size: 21px;
	line-height: 26px;
	font-weight: 700;
	margin: 20px 0 -7px 0px;
}

.subinfoOverview {
	padding: 0 0 20px;
	max-width: 520px;
}

.subinfo {
	padding: 20px 24px;
}

.subinfo p {
	margin: 0;
}

.productDescriptionFull2 h5 {
	color: #4F4F4F;
	font-size: 21px;
	line-height: 20px;
	font-weight: 700;
}

.relatedProducts {
	width: 210px;
	background: #f3f3f3;
	border-radius: 8px 8px 8px 8px;
	float: left;
	padding: 10px 10px 30px 10px;
	margin: 60px 0 0 20px;
}
.relatedProducts h4 {
	margin:5px 0 15px 0;
	font-size: 17px;
	line-height: 22px;
	font-weight: 300;
}
.relatedList {
	background-color: #fff;
	border-radius: 4px 4px 4px 4px;
	padding: 8px;
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 17px;
}
/* Contact Page */

.location {
	background:url(../images/sprite.png) no-repeat 0 -842px;
	padding: 0 0 20px 42px;
}
.emailInfo {
	background:url(../images/sprite.png) no-repeat -364px -847px;
	padding: 0 0 20px 42px;
}
.contactPanel1 {
	width: 310px;
	padding: 15px 20px 0px;
	float: left;
}
.contactPanel2 {
	background:url(../images/map.png) no-repeat center;
	width: 500px;
	height: 400px;
	padding: 15px 20px 0px;
	float: left;
}
.emailList {
	line-height: 26px;
}
/* Fonts */
.title {
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
	color: #FFF;
	text-shadow: 0px 1px 1px #004950;
	filter: dropshadow(color=#004950, offx=0, offy=1);
}
.titleCopy {
	font-size: 17px;
	line-height: 24px;
	color: #a4c3c6;
	text-shadow: 0px 1px 1px #004950;
	filter: dropshadow(color=#004950, offx=0, offy=1);
	padding: 0 60px;
	margin: 10px 0 0 0;
}
.label {
	font-weight: 700;
	font-size: 12px;
	text-transform:uppercase;
	color: #8a8d99;
	letter-spacing: 0.4px;
}
/* VendorButtons */

.vendorContainer {
	margin-top: 13px;
}
.vendor1, .vendor2, .vendor3, .vendor4, .vendor5, .vendor6, .vendor7, .vendor8, .vendor9, .vendor10, .vendor12 {
	height: 121px;
	width: 142px;
	float: left;
	cursor:pointer;
}
.vendor2, .vendor3, .vendor4, .vendor5, .vendor6, .vendor7, .vendor8, .vendor9, .vendor10, .vendor11, .vendor12 {
	margin-left: 21px;
}
.vendor1 {
	background:url(../images/sprite.png) 0 -248px no-repeat;
}
.vendor1:hover {
	background: url(../images/sprite.png) 0 -371px no-repeat;
}
.vendor2 {
	background:url(../images/sprite.png) -143px -248px no-repeat;
}
.vendor2:hover {
	background: url(../images/sprite.png) -143px -371px no-repeat;
}
.vendor3 {
	margin-left: 0px;
	margin-top: 15px;
	background:url(../images/sprite.png) -287px -248px no-repeat;
}
.vendor3:hover {
	background: url(../images/sprite.png) -287px -371px no-repeat;
}
.vendor4 {
	background:url(../images/sprite.png) 0 -494px no-repeat;
}
.vendor4:hover {
	background: url(../images/sprite.png) 0 -617px no-repeat;
}
.vendor5 {
	background:url(../images/sprite.png) -143px -494px no-repeat;
}
.vendor5:hover {
	background: url(../images/sprite.png) -143px -617px no-repeat;
}
.vendor6 {
	background:url(../images/sprite.png) -287px -494px no-repeat;
}
.vendor6:hover {
	background: url(../images/sprite.png) -287px -617px no-repeat;
}
.vendor7 {
	background:url(../images/sprite.png) -431px -248px no-repeat;
}
.vendor7:hover {
	background: url(../images/sprite.png) -431px -371px no-repeat;
}
.vendor8 {
	background:url(../images/sprite.png) -575px -247px no-repeat;
}
.vendor8:hover {
	background: url(../images/sprite.png) -575px -370px no-repeat;
}

.vendor9 {
	background:url(../images/sprite.png) -719px -247px no-repeat;
}
.vendor9:hover {
	background: url(../images/sprite.png) -719px -370px no-repeat;
}

.vendor10 {
	background:url(../images/sprite.png) -862px -247px no-repeat;
}
.vendor10:hover {
	background: url(../images/sprite.png) -862px -370px no-repeat;
}

.vendor11 {
	background:url(../images/sprite.png) -431px -494px no-repeat;
}
.vendor11:hover {
	background: url(../images/sprite.png) -431px -617px no-repeat;
}

.vendor12 {
	
	background:url(../images/sprite.png) -1007px -247px no-repeat;
}
.vendor12:hover {
	background: url(../images/sprite.png) -1007px -370px no-repeat;
}

/* Footer */

.footer {
	margin:70px auto 80px;
	width: 960px;
	height: 125px;
	border-top: 2px solid #e3e3e3;
	font-size: 14px;
	color: #8c8c8c;
}
.footerNav {
	float:left;
	margin-top: 70px;
}
.footerLogo {
	background: url(../images/sprite.png) 0 -740px no-repeat;
	float:right;
	height:92px;
	margin-top: 28px;
	width: 142px;
}
.footerCopyright {
	float:right;
	margin: 70px 30px 0 0;
}
.footerNav a {
	text-decoration: none;
	color: #8c8c8c;
	margin-right: 24px;
}
.footerNav a:hover {
	text-decoration: underline;
	color: #6c6c6c;
}
.pagination2 a:hover, .pagination2 a.selected {
	color: white;
	background-color: #88888c;
}

.topLine {
	border-top: 1px solid #d4d4d4;
}

/* Navigation Buttons */

.homeBtn {
	background:url(../images/sprite.png) no-repeat;
	height: 40px;
	width: 92px;
	float: left;
	margin: 10px 0 0 67px;
}
.home2 {
	background: url(../images/sprite.png) -92px 0 no-repeat;
	height: 40px;
	width: 92px;
	float: left;
	margin: 10px 0 0 67px;
}
.homeBtn:hover {
	background: url(../images/sprite.png) -92px 0 no-repeat;
}
.productsBtn {
	background: url(../images/sprite.png) 0 -40px no-repeat;
	height: 40px;
	width:126px;
	float:left;
	margin:10px 0 0 27px;
}
.products2 {
	background:url(../images/sprite.png) -126px -40px no-repeat;
	height: 40px;
	width:126px;
	float:left;
	margin:10px 0 0 27px;
}
.productsBtn:hover {
	background:url(../images/sprite.png) -126px -40px no-repeat;
}
.contactBtn {
	background:url(../images/sprite.png) 0 -80px no-repeat;
	height:40px;
	width:118px;
	float:left;
	margin:10px 0 0 8px;
}
.contactBtn:hover {
	background:url(../images/sprite.png) -118px -80px no-repeat;
}
.contact2 {
	background:url(../images/sprite.png) -118px -80px no-repeat;
	height:40px;
	width:118px;
	float:left;
	margin:10px 0 0 8px;
}
.quoteBtn {
	background:url(../images/sprite.png) 0 -120px no-repeat;
	height:40px;
	width:196px;
	float:left;
	margin:10px 0 0 6px;
}
.quoteBtn:hover {
	background:url(../images/sprite.png) -196px -120px no-repeat;
}
.quote2 {
	background:url(../images/sprite.png) -196px -120px no-repeat;
	height:40px;
	width:196px;
	float:left;
	margin:10px 0 0 6px;
}
/* Dropdown */

#navi ul ul {
	display: none;
	z-index: 2000;
}
#navi ul li:hover > ul {
	display: block;
}
#navi ul {
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
	font-size: 13px;
}
#navi ul:after {
	content: "";
	clear: both;
	display: block;
	margin-top:20px;
}
#navi ul li {
	float: left;
}
#navi ul li:hover {
}
#navi ul li:hover a {
	color: #fff;
}
#navi ul li a {
	display: block;
	color: #757575;
	text-decoration: none;
}
#navi ul ul {
	background: #5f6975;
	border-radius: 6px;
	top: 100%;
	margin-top: 2px;
	-webkit-box-shadow: 0px 1px 12px rgba(0,0,0,.3) ;
	box-shadow: inset hoff voff blur color;
	padding: 12px 0 1px 0;
	width: 300px;
}
#navi ul ul li {
	float: none;
	/*border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a; */
		position: relative;
}
#navi ul ul li a {
	padding: 9px 12px;
	color: #fff;
}
#navi ul ul li a:hover {
	background: #4b545f;
}
#navi ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
}
.productsA {
	height: 40px;
	width:126px;
}
/*table */

th {
	font-size: 14px;
	line-height: 17px;
	text-align: left;
	font-weight: bold;
}
td {
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	margin: none;
}
/*buttons */

.backButtons {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #fbfbfb;
	background: -moz-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f0f0f0));
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fbfbfb 0%, #f0f0f0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f0f0f0', GradientType=0 );
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .05);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .05);
	border: 1px solid #ececec;
	padding: 10px 40px;
}
.backButtons:hover {
	background: #f9f9f9;
	text-decoration:none;
	transition-duration: none !important;
	transition-property: none !important;
	transition-timing-function: none !important;
}
.backButtonDivider {
	margin-top: 43px;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 340px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:opx; /*margin around each panel*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panels {
	width:960px;
	height:340px;
}
.infoSlider {
	padding: 60px 0 20px 90px;
	height: 260px;
	width: 390px;
	float: left;
}
.infoSlider h4 {
	font-size:28px;
	font-weight:400;
	line-height: 31px;
	margin: 0;
}

.infoSlider p{
	color: #7F7F7F;
    font-size: 16px;
    line-height: 21px;
}

.imageSlider {
	height: 340px;
	width: 480px;
	float: left;
}

.btnPDFView {
	border-radius: 3px 3px 3px 3px;
	color: white;
	font-size: 13px;
	font-weight: 400;
	line-height: 44px;
	padding: 8px 17px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1);
	background: #007a86;
	background: -moz-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007a86), color-stop(100%, #0b616d));
	background: -webkit-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: -o-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: -ms-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: linear-gradient(to bottom, #007a86 0%, #0b616d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007a86', endColorstr='#0b616d', GradientType=0 );
}

.btnPDFView:hover {
	color: white;
	text-decoration: underline;
	transition-duration:none;
	transition-property: none;
	transition-timing-function: none;
}

.buttonViewProductSlider {
	border-radius: 3px 3px 3px 3px;
	color: white;
	font-size: 14px;
	font-weight: 400;
	line-height: 44px;
	padding: 12px 30px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1);
	background: #007a86;
	background: -moz-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007a86), color-stop(100%, #0b616d));
	background: -webkit-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: -o-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: -ms-linear-gradient(top, #007a86 0%, #0b616d 100%);
	background: linear-gradient(to bottom, #007a86 0%, #0b616d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007a86', endColorstr='#0b616d', GradientType=0 );
}
.buttonViewProductSlider:hover {
	color: white;
	text-decoration: underline;
	transition-duration:none;
	transition-property: none;
	transition-timing-function: none;
}
.modelSlider {
	color:#007a8a;
	font-weight: 700;
	line-height: 14px;
}

.effytecProduct {
	margin-right:50px; float:left; margin-top: 40px;
}

.effytecProduct > p {
	padding-left: 30px;
	padding-right: 30px;
}

.pdfPouch {
	padding: 14px 31px; font-size: 15px;
}

.uvaBtn {
	margin-top: 20px;
}

.overviewRow {
width: 100%; border-bottom: 1px solid #D6D6D6; min-height: 240px; padding: 10px 0;
}

.effyfecLeft, .effyfecRight {
width:45%; float:left; text-align: center; border-right: 1px solid #D6D6D6; padding: 20px; min-height: 430px;
}

.effyfecLeft {
	border-left: 1px solid #D6D6D6; 
}

.effyfecLeft:hover, .effyfecRight:hover {
	 border-top: 1px solid inset #D6D6D6; border-bottom: 1px solid #D6D6D6 inset ; 
}

.effyfecRight {
	border-right: 1px solid #D6D6D6; text-align: center;
}

.junaLeft, .junaRight {
width:443px; float:left; text-align: center; border-right: 1px solid #D6D6D6; padding: 0 0 20px 0; height: 380px;
}

.junaLeft {
	border-left: 1px solid #D6D6D6; 
}



.junaRight {
	border-right: 1px solid #D6D6D6; text-align: center;
}