@charset "utf-8";
*{margin:0px;padding:0px}
header li {list-style-type:none !important;}
body, header, section, article, nav, footer, aside {display:block;}
body {font-family: 'Oswald', sans-serif;letter-spacing:1px;}
.margin_bt_0 {margin-bottom:0px !important;}
.margin_bt_10 {margin-bottom:10px !important;}
.wd100 {width:100% !important;}
.wd120p {width:120px !important;}
#header_wrapper {width:100%;background:url(../images/header-bg.jpg) repeat-y center;}
.header {width:1000px;margin:0px auto;overflow:hidden;}
.header .logo {display:inline-block; float:left;width:400px;padding:25px 0px;background:url(../images/header-divider.jpg) no-repeat right;}
.header .logo a {background:url(../images/pufoamgun_logo.png) no-repeat;width:234px;height:40px;display:block;}
.header .contact {width:310px;display:inline-block;float:right;font-size:30px;margin-top:20px;text-align:right;background:url(../images/call_icon.png) no-repeat left;}
#nav {background:#3b3833;} 
#nav ul {width:1000px;margin:0px auto;overflow:hidden;}
#nav ul li {float:left;display:inline-block;list-style-type:none;width:25%;transition:all ease-in-out .5s;background:url(../images/nav_hover.png) no-repeat left;}
#nav ul li a {color:#FFF;text-decoration:none;line-height:50px;display:block;text-align:center;background:url(../images/nav_bg.png) no-repeat center;}
#nav ul li:hover,#nav ul li.active {background:url(../images/nav_hover.png) no-repeat -250px center;transition:all ease-in-out .5s;}
#banner_wrapper {width:100%;background:url(../images/banner_bg.jpg) repeat-y center;}
.banner {width:1000px;margin:0px auto;height:294px;}
.wrapper {width:100%;}
.black_bg {background:#3b3833;}
.black_bg_grd {background:url(../images/pattern_black.jpg) #3b3833 !important ;}
.content_wrapper {width:1000px;margin:0px auto 40px auto;overflow:hidden;}
.dld_strip  {overflow:hidden;}
.dld_strip h1{font-size:30px;font-weight:normal;line-height:70px;text-transform:uppercase;color:#FFF;float:left;display:inline-block;text-align:center;width:600px;letter-spacing:2px;}
.dld_strip a {float:right;color:#FFF;text-decoration:none;font-size:20px;font-weight:200;text-transform:uppercase;line-height:70px;background:url(../images/nav_hover.jpg);padding:0px 50px 0px 70px;position:relative;}
.dld_strip a span {background:url(../images/dld_arrow.png);display:inline-block;width:40px;height:70px;position:absolute;}
.dld_strip a span.left {background-position:0px 0px;left:0px;}
.dld_strip a span.right {background-position:-39px 0px;right:0px;}
.headding {font-size:25px;color:#e65b18;text-transform:uppercase;font-weight:normal;margin-top:20px;display:block;position:relative;border-bottom:dotted 2px #e65b18;line-height:50px; margin-bottom:10px;}
.headding .left-bar {position:absolute;bottom:-2px;background:#e65b18;height:5px;width:180px;left:0px;}
.headding a {float:right;color:#e65b18;font-size:18px;text-decoration:none;background:url(../images/arrow.png) no-repeat 85px #FFF;padding-right:18px;transition:all ease-in-out .5s;padding-left:20px}
.headding a:hover {color:#FFF;background:url(../images/arrow.png) no-repeat 85px #e65b18;transition:all ease-in-out .5s;}
section {overflow:hidden;}
.product {overflow:hidden;}
.product li {display:inline-block;float:left; width:230px;margin:10px; /*width:313px;margin:10px;*/box-shadow:rgba(0,0,0,.3) 0px 0px 3px;transition:all ease-in-out .5s;*border:solid 1px #CCCCCC;border:solid 1px #CCCCCC\9;width:311px\9;position:relative;cursor:pointer;}
.product li img {margin:7px;border:none;width:215px;height:145px;}
.product li span.name {display:block;color:#FFF;background:#3b3833;padding:10px;text-decoration:none;}
.product li span.roll {background:#000;height:100%;position: absolute;width: 100%;z-index: 1;-webkit-box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px  #000;box-shadow: 0px 0px 4px  #000;top:0px;left:0px;opacity:0.1;display:none;}
.product li span.link a {display:block;background:#e65b18;width:130px;text-align:center;text-decoration:none;color:#FFF;margin:15px auto;line-height:30px}
.product li span.link a:hover {box-shadow:rgba(0,0,0,.5) 0px 0px 5px;text-shadow:rgba(0,0,0,.5) 0px 1px 1px;}
.product li span.link {display:none;position:absolute;height:100%;width:100%;top:0px;left:0px;z-index:2;padding-top:15%}
.product li:hover {box-shadow:rgba(230,91,24,.5) 0px 0px 3px;transition:all ease-in-out .5s;}
.content {width:740px;float:left;display:inline-block;}
.content p {padding-top:15px;color:#797979;line-height:30px;font-size:14px;}
.content p b,.content p strong {color:#474747;}
.side_nav {width:230px;float:right;display:inline-block;color:#797979;}
.side_nav ul {margin-top:20px;}
.side_nav li {color:#797979;transition:all ease-in-out .5s;list-style-type:none;padding-left:15px;border-bottom:dotted 1px #e2e2e2;padding-bottom:5px;}
.side_nav li a {color:#797979;text-decoration:none;font-size:14px;line-height:35px;font-weight:400;transition:all ease-in-out .5s;padding-left:25px;background:url(../images/arrow.png) no-repeat left;display:block;}
.side_nav li:hover,.side_nav li.active {color:#e65b18;transition:all ease-in-out .5s;background:#f6f6f6;}
.side_nav li:hover a,.side_nav li.active a {color:#e65b18;transition:all ease-in-out .5s;padding-left:35px;}

footer{background:url(../images/pattern_black.jpg);}
footer .inner_footer{width:1000px;margin:0px auto;overflow:hidden;}
footer .inner_footer ul{display:inline-block;width:230px;margin:10px 15px;vertical-align:top; float:left}
footer .inner_footer ul:first-child{margin-left:0px;width:160px;}
footer .inner_footer ul.contact{margin-right:0px;width:220px;}
footer .inner_footer ul li{display:block}
footer .inner_footer ul li:first-child{color:#484848;font-size:18px;margin:15px 0px}
footer .inner_footer ul li a{color:#585858;font-weight:200; font-size:14px;text-decoration:none;background:url(../images/footer_bullet.png) no-repeat left;padding-left:15px;border-bottom:dotted 1px #585858;display:block;line-height:30px}
footer .inner_footer ul li a.no_bg{background:none;border:none;line-height:20px;padding-left:0px;padding-top:10px}
.about{width:300px !important}

footer .inner_footer ul li input[type=text],footer .inner_footer ul li textarea,footer .inner_footer ul li input[type=email]{background:#9f9f9f;border:1px solid transparent;line-height:15px;height:25px;color:#505050;width:90%;box-shadow:inset rgba(0,0,0,.5) 3px 3px 5px;padding-left:10px;margin-bottom:10px;font-family: 'Oswald', sans-serif;font-weight:200;}
footer .inner_footer ul li textarea{resize:none;height:50px;font-size:14px;color:#505050;font-family: 'Oswald', sans-serif;font-weight:200;padding-top:5px;}
footer .inner_footer ul li input[type=button],footer .inner_footer ul li input[type=submit]{background:#e65b18;border:none;cursor:pointer;color:#FFF;padding:5px 10px;font-family: 'Oswald', sans-serif;-webkit-appearance: none;}

/*Banner css*/

.container{width:1000px;height:294px;margin:0px auto;background:url(../images/banner_divider.jpg) 420px top no-repeat;}
.slider{position:relative;z-index:1;}
.flexslider{width:100%;margin:0;height:290px;}
.flexslider .slides > li{display:none;margin-top:20px;list-style-type:none !important;}
.flexslider .slides img{max-width:100%;display:block;}
.flex-pauseplay span{text-transform:capitalize}
/* Clearfix for the .slides element */
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} 
html[xmlns] .slides{display:block} 
*html .slides{height:1%; list-style-type:none !important;}
/* control Nav */
.flex-control-nav{position:absolute;right:8px;bottom:5px;}
.flex-control-nav li{display:block;float:left;margin-right:1px;}
.flex-control-nav li a{display:block;background:url(../images/pagination.png) 0 0 no-repeat;width:16px;height:16px;text-indent:-5000px;cursor:pointer}
.flex-control-nav li a:hover,.flex-control-nav li a.active{background-position:0 -16px}
/* Caption */
.flex-caption{position:absolute;font:18px;color:#382c27;right:0px;top:15px;height:270px;width:500px;background:none;}
.flex-caption h1{font-size:50px;color:#3b3833;font-weight:normal;text-transform:uppercase;margin:20px 0px;line-height:50px;font-size:42px\9;font-size:42px\0/;*font-size:42px;}
.flex-caption p{color:#4f4f4f;font-weight:normal;line-height:27px;margin-bottom:20px;}
.flex-caption span{position:relative;display:block}
.flex-caption span a{color:#e65b18;text-transform:uppercase;text-decoration:none;font-size:22px;transition:all ease-in-out .5s;background:#FFF;line-height:50px;padding:10px 15px;}
.flex-caption span a:hover {color:#FFF;background:#e65b18;transition:all ease-in-out .5s;}

.contact_banner {display:block;margin-top:20px}
.img {display:block;padding:10px;background:#FFF;box-shadow:rgba(0,0,0,.5) 0px 0px 5px;margin:5px;border-radius:5px;padding-bottom:5px;margin-top:20px}
.img img {height:200px;width:710px;padding-bottom:0px}
.img iframe {width:710px;padding-bottom:0px;height:400px;}

.price_banner {background:#FFF;border-radius:5px;margin-top:20px;width:1000px;margin:0 auto;margin-bottom:20px;}
.price_banner img {padding:0px;box-shadow:rgba(0,0,0,.5) 0px 0px 5px;width:100%}

.content .contact .left {float:left;width:300px;font-size:13px;}
.content .contact .right {float:left;font-size:12px}
.content .contact .left strong {font-size:16px;color:#e65b18;}
.content .contact .left b {color:#474747;}
.content .contact .left a {color:#e65b18;text-decoration:none;}
.content .contact .left label {width:120px;display:inline-block;font-weight:bold;color:#474747;}
.content .contact .map {float:right;font-size:12px;margin-left:0px;background:#FFF;box-shadow:rgba(0,0,0,.5) 0px 0px 5px;padding:10px 10px 0px 10px;border-radius:10px;}
.content .contact .map iframe {width:350px;height:440px;}

#products {}
#products .content {float:right;width:740px;}
#products .side_nav {float:left;width:230px;}
#products .product {margin-top:40px;}
#products .product li {margin:8px;}
.black_bg_grd .dld_strip  a span {background:url(../images/dld_arrow_grd.png) !important;}
.black_bg_grd .dld_strip  a span.left {background-position:0px 0px;left:0px;}
.black_bg_grd .dld_strip  a span.right {background-position:-39px 0px !important;right:0px;}

.product_details {width:100%;overflow:hidden;margin-top:40px;}
.prd_dtl_inner {float:left;display:inline-block;width:350px;margin:10px;}
#zoom {width:330px;height:230px;padding:5px;margin-bottom:10px;border:solid 1px #f2f2f2;}
.magnifyarea {box-shadow: 5px 5px 7px #818181;-webkit-box-shadow: 5px 5px 7px #818181;-moz-box-shadow: 5px 5px 7px #818181;filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);	background: white;}
.prd_dtl_inner h1 {font-size:22px;color:#e65b18;text-transform:uppercase;font-weight:normal;margin-bottom:0px;}
.prd_dtl_inner p b {font-size:16px;}
.social_link {display:block;margin:15px 0px;}
.download_specification {display:inline-block;margin:10px 0px;}
.download_specification a {background:url(../images/download_icon.png) no-repeat 5px #e65b18;color:#FFF;text-decoration:none;padding:12px 20px 12px 50px;display:block;transition:all ease-in-out 0.5s;}
.download_specification a:hover {background:url(../images/download_icon.png) no-repeat 5px #3b3833;transition:all ease-in-out 0.5s;}
.prd_dtl_inner_full {width:720px;margin:10px;overflow:hidden;}
.prd_dtl_inner_full h1 {color:#474747;}
.prd_dtl_inner_full div {display:inline-block;width:46%;margin:1%;vertical-align:top;}
.product_details ul,.product_details ol {list-style-type:none;}
.product_details ul li,.product_details ol li {line-height:20px;margin:8px 15px;color:#797979;font-size:14px;}
.product_details ul li {list-style-type:circle}
.product_details ol li {list-style-type:decimal;}
.prd_dtl_inner_full img {margin:0px auto;display:block;}

::-webkit-input-placeholder { color:#505050; }
::-moz-placeholder { color:#505050;} /* firefox 19+ */
:-ms-input-placeholder { color:#505050;} /* ie */
input:-moz-placeholder { color:#505050;}

.pop_up_box {display:block;position:fixed;width:100%;height:100%;z-index:20;top:0px;left:0px;text-align:center;}
.pop_up {display:inline-block;width:40%;vertical-align:middle;overflow: auto;max-height:50%;}
.pop_up .box {background:#FFF;box-shadow:rgba(0,0,0,.3) 0px 0px 10px;border-radius:10px;border:solid 5px #e65b18;margin:10px;}
.pop_up .box h1 {background:url(../images/pufoamgun_logo.png) no-repeat center;height:50px;margin:10px;}
.pop_up .box h1 img {width:25px;height:25px;float:right;}
.pop_up .box p {margin:30px 0px;}
.pop_up .box p label {line-height:50px;display:inline-block;vertical-align:middle;color:#76bf6b;font-size:20px;text-shadow:rgba(47,133,37,.8) 0px 1px 0px;}
.pop_up .box p img {width:50px;margin-bottom:5px;display:inline-block;vertical-align:middle;}
.middle {display:inline-block;height:100%;vertical-align:middle;}
.desktop {display:none !important;}
.price_banner_mobi {display:none;}

@media screen and (min-width : 300px) and (max-width : 500px) {
.iphone {display:none !important;}
.ipad {display:none !important;}
.desktop {display:block !important;}
.zoomtracker {display:none !important;}
#zoom {width:270px;height:auto;}
.price_banner_mobi {display:block;margin:20px auto;text-align:center;}
#header_wrapper {background:#FFF;}
.header,#nav ul,.container,.content_wrapper,footer .inner_footer,#products {width:300px;transition:all ease-in-out 0.5s;}
.header .logo {width:100%;background:none;text-align:center;}
.header .logo a {margin:0px auto;}
.header .contact {width:240px;text-align:left;background-position:0px 4px;padding-left:50px;line-height:50px; margin-top:0px;margin-bottom:20px;font-size:25px;}
#nav ul li a,#nav ul li {background:none; line-height:44px;font-size:12px;}
#nav ul li:hover, #nav ul li.active {background:url(../images/nav_hover.jpg);}
#banner_wrapper {background:#e9e9e9;}
.container {height:240px;background:none;}
.flexslider {height:230px;}
.flexslider .slides img {width:100%;}
.flexslider .slides > li {margin-top:80px;}
.flex-caption {width:300px;height:230px;}
.flex-caption h1 img {width:70% !important;margin-left:40px;}
.flex-caption p {display:none;}
.flex-caption span {display:none;}
.flex-caption span a {padding:0px 10px;line-height:30px;}
.dld_strip h1 {font-size:14px;width:300px;line-height:50px;}
.dld_strip a {line-height:40px;padding:0px 40px 0px 40px;font-size:18px;float:left;margin-left:20px;margin-bottom:10px;}
.dld_strip a span {display:none;}
.product li {margin:10px;width:280px;}
.headding {margin-top:5px;font-size:20px;}
.content {width:300px}
.content p {padding-top:10px;}
footer .inner_footer ul,footer .inner_footer ul.contact {width:98%;margin:1px 1%;border-top:dashed 1px #585858;padding-bottom:20px;}
footer .inner_footer ul:first-child {width:98%;margin:0px 1%;padding-right:3%;}
.img {padding:5px 5px 0px 5px;margin:5px !important}
.img img {width:280px;height:auto;}
.img iframe {width:280px;padding-bottom:0px;height:280px;}
.price_banner {display:none;}
#products .content {width:300px;}
#products .product li {margin:5px;}
.content .contact .left {width:270px;margin-left:20px;}
.content .contact .map {margin:10px auto 10px auto;margin-right:10px !important;}
.content .contact .map iframe {height:200px;width:260px;}
.side_nav li {width:280px;float:left;margin-right:10px;}
#products .side_nav {width:100%;}
.prd_dtl_inner {width:280px;}
.prd_dtl_inner_full {width:300px;}
.prd_dtl_inner_full img {width:270px;}
.prd_dtl_inner_full div {width:100%;}
.black_bg_grd .dld_strip a span.left,.black_bg_grd .dld_strip a span.right {background-size:200% 72% !important;}
.pop_up {width:90%;}
.pop_up .box h1 {background:none;height:0px;margin:10px;position:relative;}
.pop_up .box h1 img {width:25px;height:25px;position:absolute;right:0;}
	}

@media screen and (min-width : 501px) and (max-width : 767px) {
.iphone {display:none !important;}
.ipad {display:none !important;}
.desktop {display:block !important;}
.zoomtracker {display:none !important;}
#zoom {width:450px;height:auto;}
#header_wrapper {background:#FFF;}
.header,#nav ul,.container,.content_wrapper,footer .inner_footer,#products {width:480px;transition:all ease-in-out 0.5s;}
.header .logo {width:100%;background:none;text-align:center;}
.header .logo a {margin:0px auto;}
.header .contact {width:350px;text-align:left;background-position:90px 4px;padding-left:140px;margin-top:0px;margin-bottom:20px;}
#nav ul li a,#nav ul li {background:none; line-height:44px;}
#nav ul li:hover, #nav ul li.active {background:url(../images/nav_hover.jpg);}
#banner_wrapper {background:#e9e9e9;}
.container {height:240px;background:none;}
.flexslider {height:230px;}
.flexslider .slides img {width:80%;}

.flexslider .slides > li {margin-top:30px;}
.flex-caption {width:380px;height:230px;}
.flex-caption h1 img {width:60% !important;margin-left:130px;}
.flex-caption p {display:none;}
.flex-caption span {margin:0px;padding:0px;float:right;margin-right:20px;margin-top:20px}
.flex-caption span a {padding:0px 10px;line-height:30px;}
.dld_strip h1 {font-size:22px;width:490px;line-height:50px;}
.dld_strip a {line-height:50px;padding:0px 40px 0px 40px;font-size:18px;float:left;margin-left:110px;margin-bottom:10px;}
.dld_strip a span {display:none;}
.product li {margin:5px;}
.headding {margin-top:5px;font-size:20px;}
.content {width:480px}
.content p {padding-top:10px;}
footer .inner_footer ul,footer .inner_footer ul.contact {width:31%;margin:0px 1%;}
footer .inner_footer ul:first-child {width:27%;margin:0px 1%;padding-right:3%;}
.img {padding:5px 5px 0px 5px;}
.img img {width:460px;height:auto;}
.img iframe {width:460px;padding-bottom:0px;height:275px;}
.price_banner {width:95%;}
#products .content {width:480px;}
#products .product li {margin:5px;}
.content .contact .left {width:460px;margin-left:20px;}
.content .contact .map {margin:10px auto 10px auto;margin-right:10px !important;}
.content .contact .map iframe {height:200px;width:440px;}
.side_nav li {width:215px;float:left;margin-right:10px;}
#products .side_nav {width:100%;}
.prd_dtl_inner_full {width:490px;}
.prd_dtl_inner_full img {width:450px;}
.black_bg_grd .dld_strip a span.left,.black_bg_grd .dld_strip a span.right {background-size:200% 72% !important;}
.pop_up {width:80%;}
	}

@media screen and (min-width: 768px) and (max-width : 1024px) {
.ipad {display:none !important;}
.zoomtracker {display:none !important;}
#zoom {width:460px;height:auto;}
.header,#nav ul,.container,.content_wrapper,footer .inner_footer,#products {width:750px;transition:all ease-in-out 0.5s;}
.header .logo {width:290px;}
#nav ul li a {background-size:100%;line-height:44px;}
.container {height:240px;background:url(../images/banner_divider.jpg) no-repeat 290px center}
.flexslider {height:230px;}
.flexslider .slides img {width:40%;}
.flexslider .slides .full_img img {width:84% !important;padding-left:20px;}
.flexslider .slides > li {margin-top:45px;}
.flex-caption {width:380px;}
.flex-caption h1 img {width:70% !important;}
.flex-caption p {font-size:14px;margin-bottom:10px;}
.flex-caption span {margin:0px;padding:0px;}
.flex-caption span a {padding:0px 10px;line-height:30px;}
.dld_strip h1 {font-size:22px;width:450px;line-height:50px;}
.dld_strip a {line-height:50px;padding:0px 40px 0px 60px;font-size:18px;}
.dld_strip a span {background-size:200% 72%;}
.headding {margin-top:5px;font-size:20px;}
.content {width:490px}
.content p {padding-top:10px;}
footer .inner_footer ul,footer .inner_footer ul.contact {width:31%;margin:0px 1%;}
footer .inner_footer ul:first-child {width:27%;margin:0px 1%;padding-right:3%;}
.img {padding:5px 5px 0px 5px;}
.img img {width:470px;height:auto;}
.price_banner {width:90%;}
.img iframe {width:470px;padding-bottom:0px;height:280px;}
#products .content {width:490px;}
#products .product li {margin:7px;}
.content .contact .left {width:460px;margin-left:20px;}
.content .contact .map {margin:10px auto;}
.content .contact .map iframe {height:200px;width:460px;}
.prd_dtl_inner_full {width:490px;}
.prd_dtl_inner_full img {width:470px;}
.black_bg_grd .dld_strip a span.left,.black_bg_grd .dld_strip a span.right {background-size:200% 72% !important;}
.pop_up {width:70%;}
}

.ValidationErrors {display:none !important;}
.ErrorField {border:solid 1px #e65b18 !important;}
.footer_strip {width:100%;background:#333;margin-top:10px;color:#999;box-shadow:rgba(0,0,0,.5) 0px 0px 5px;text-align:center;font-size:13px;}
.footer_strip span {display:inline-block;margin:10px 0px;line-height:25px;}
.footer_strip a {color:#e65b18;text-decoration:none;}