@charset "utf-8";
/* CSS Document */

body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}

a {color:#99150e;}
a:hover {color:#F60}



.container {height:100%; width:100%; border-top:#99150e solid 4px;}

.header {margin: 0 auto; width:960px;}
.header-top {height:120px;}
.header-top-left {float:left; width:462px}
.header-top-left-img-wrap{margin:0 auto; width:462px}
.header-top-left-img {margin-top:20px;}
.header-top-left-img a{display:block; height:75px; width:462px; background:url(images/PhaseFireLogo.jpg) no-repeat 0 0;}

.header-top-right {float:right}

.siteNav {height:29px}
.siteNav a {display: block; float: left; margin: 0 0 0 6px; height: 29px; text-indent: -9999px; background:url(images/siteNav.jpg)}
.siteNav a.accutek{width:116px; background-position:0 0;}
.siteNav a.accutek:hover{background-position:0 29px;}
.siteNav a.biner{width:80px; background-position:438px 0;}
.siteNav a.biner:hover{background-position:438px 29px;}
.siteNav a.kiss{width:101px; background-position:358px 0;}
.siteNav a.kiss:hover{background-position:358px 29px;}
.siteNav a.phase{width:141px; background-position:257px 0;}
.siteNav a.phase:hover{background-position:257px 29px;}
.siteNav a.labelette{width:116px; background-position:116px 0;}
.siteNav a.labelette:hover{background-position:116px 29px;}

.toll-free {float:right; margin:35px 20px 0 0; font-weight:bold}


.mainNav {width:960px; height:43px; background: url(images/mainNav.jpg) repeat 0 -172px;}
.mainNav a {display:block; float:left; line-height:42px; height:43px; margin:0; color: #fff; text-decoration: none; font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;
	background: url(images/mainNav.jpg) repeat 0 0px;}
.mainNav a.leftNav{width:87px; background-position:0 -43px;}
.mainNav a.leftNav:hover{background-position:0 0;}
.mainNav a.centerNav{width:87px; background-position:0 -129px;}
.mainNav a.centerNav:hover{background-position:0 -86px;}
.mainNav a.rightNav{float:right; width:87px; background-position:0 -215px;}

.mainBanner {margin: 0 auto; width:960px; height:168px; margin-top:6px; background:url(images/mainBanner01.jpg) repeat 0 0;}

.content{padding:10px; font-size:12px;}
.content-wrap {margin: 0 auto; width:960px;}
.textBlock{line-height:18px;}
.textBlockLeft{float:left; padding:10px; line-height:18px; width:440px;}
.textBlockRight{float:right; padding:10px; line-height:18px; width:440px;}

.leftColumn-wrap {float:left; width:211px; padding:10px 0px }
.rightColumn-wrap {float:right; width:720px;}

.subNav {width:210px; height:400px;}
.subNav ul {margin:0px 0px 0px 0px; width:210px; padding:0px 0px 0px 0px; list-style:none;}
.subNav li {padding:0px 0px 0px 0px;}
.subNav a { background:url(images/arrow.gif) no-repeat 0 4px; display:block; padding:8px 0px 2px 10px; margin:0px; height:21px; font-size:11px; font-weight:bold; color:#99150e; text-decoration:none; text-transform:uppercase; border-bottom:#CCC solid 1px;}
.subNav a:hover {background-color:#CCC;}

.productFeature {width:960px; height:320px;}
.productFeature-1{width:220px; height:310px; background:url(images/productFeatureFullBody.jpg); margin:10px; float:left}
.productFeature-2{width:220px; height:310px; background:url(images/productFeatureTE.jpg); margin:10px; float:left}
.productFeature-3{width:220px; height:310px; background:url(images/productFeatureExpanding.jpg); margin:10px; float:left}
.productFeature-4{width:220px; height:310px; background:url(images/productFeatureProducts.jpg); margin:10px; float:left}
.productFeature-single-title {float:right; margin:35px 30px 20px 0px; padding:0}
.productFeature-double-title {float:right; margin:35px 30px 20px 0px; padding:0}
.productFeature-triple-title {float:right; margin:25px 25px 20px 0px; padding:0}
.productFeature-wide {width:210px; padding:5px; margin-top:105px;}
.productFeature-text {width:190px; padding:15px; margin-top:130px; font-size:12px}
.productFeature-text-alt {width:190px; padding:15px; margin-top:115px; font-size:12px}
.productFeature h1{font-size:16px; padding:0}
.productFeature h1 a{color:#99150e; text-decoration:none;}
.productFeature h1 a:hover{color:#F60}

.productFeatureS {width:720px; height:320px;}
.productFeatureS-1{width:220px; height:148px; background:url(images/productFeatureTE-sm.jpg); margin:10px; float:left}
.productFeatureS-2{width:220px; height:148px; background:url(images/productFeatureFullBody-sm.jpg); margin:10px; float:left}
.productFeatureS-3{width:220px; height:148px; background:url(images/productFeatureExpanding-sm.jpg); margin:10px; float:left}
.productFeatureS-4{width:220px; height:148px; background:url(images/productFeatureSL1-sm.jpg); margin:10px; float:left}
.productFeatureS-5{width:220px; height:148px; background:url(images/productFeaturePackaging-sm.jpg); margin:10px; float:left}
.productFeatureS-6{width:220px; height:148px; background:url(images/productFeatureSupport-sm.jpg); margin:10px; float:left}
.productFeatureS h1{font-size:14px; padding:0}
.productFeatureS h1 a{color:#99150e; text-decoration:none;}
.productFeatureS h1 a:hover{color:#F60}

.cleaner {float: none; clear: both;}

.footer {background-color:#FFF; background-image:url(images/footerBG.gif); background-repeat:repeat-x; border-top:#99150e solid 4px; margin-top:10px; padding:10px; font-size:10px;}
.footer-wrap {margin:auto; width:960px; height:60px; padding:10px}
.footer-wrapLeft{float:left; padding-left:20px; line-height:18px; width:400px;}
.footer-wrapRight{float:right; line-height:18px; width:540px;}
.footer ul{list-style:none; display:inline; margin-left:0px; padding-left:0px }
.footer li{display:inline; padding:4px 0px;  border:#666 solid 1px; background-color:#FFF;}
.footer li a{color:#99150e; padding:4px 8px; text-decoration:none;}
.footer li a:hover{color:#FFF; background-color:#99150e; padding:4px 8px 4px 8px;}

.footerNav {height:27px}
.footerNav a {display: block; float: left; margin: 0 0 0 6px; height: 27px; text-indent: -9999px; background:url(images/logos.png)}
.footerNav a.accutek{width:142px; background-position:0 27px;}
.footerNav a.accutek:hover{background-position:0 0;}
.footerNav a.biner{width:136px; background-position:402px 27px;}
.footerNav a.biner:hover{background-position:402px 0;}
.footerNav a.kiss{width:84px; background-position:142px 27px;}
.footerNav a.kiss:hover{background-position:142px 0;}
.footerNav a.phase{width:120px; background-position:264px 27px;}
.footerNav a.phase:hover{background-position:264px 0;}
.footerNav a.labelette{width:58px; background-position:58px 27px;}
.footerNav a.labelette:hover{background-position:58px 0;}

.contact-page-info-wrap{margin-left:20px}

.page-head-wrap {width:700px; padding:20px 10px 0px;}
.page-head-top {height:8px; background:url(images/CategoryHeaderBG-top.gif) no-repeat;}
.page-head {background-color:#ccc; padding:8px 14px}
.page-head-bottom {height:8px; background:url(images/CategoryHeaderBG-bottom.gif) no-repeat;}
.page-head h1 {font-size:18px; font-weight:bold; text-decoration:none; margin:0px; padding:0px;}
.page-head-wrap img {float:right; margin-top:-25px; max-height:250px; max-width:250px;}
.page-head-text {float:left; width:424px; padding:6px 10px; line-height:18px;}

.product-page {}
.product-page-info-wrap {width:700px; padding:10px 10px 0px;}
.product-pageLeft {float:left; width:330px; padding:0px 10px; line-height:18px;}
.product-pageRight {float:right; width:350px;}
.product-page img{float:right; max-height:350px; max-width:350px; margin-bottom:20px}
.product-page-btn-wrap{margin:0px auto; width:148px;}
.product-page ul {font-size:12px; font-weight:bold; color:#0e5899; margin:10px 0px; padding:0px; list-style-position:inside;}
.product-page li {font-size:11px; font-weight:normal; color:#000;}
.notes {font-size:9px; color:#666; width:660px; padding:0px 30px; margin:0px}

.specs-wrap{width:680px; padding:20px 20px 0px; line-height:16px;}
.specs {background-color:#E6E6E6; border:#CCC solid 1px; padding:0px 10px; margin-bottom:20px; font-size:11px; min-height:175px}
.specsLeft {width:215px; float:left; padding:0px;}
.specsCenter {width:255px; float:left; padding:0px;}
.specsRight {width:180px; float:left; padding:0px;}


.page-body {width:720px;}

.product-wrap, .allproducts {width:680px; padding:20px 20px; line-height:18px;}
.all-products ul {list-style:none; margin:0px 0px 20px; padding:0px 10px; }
.all-products li a{background:url(images/arrow.gif) no-repeat 4px -1px; padding:0px 12px; display:block; font-size:11px; font-weight:bold;}
.all-products h2 {margin-bottom:4px; padding:4px; font-size:16px; background-color:#ccc}

.product {background-color:#E6E6E6; border:#CCC solid 1px; padding:0px 10px; margin-bottom:20px; font-size:11px; min-height:220px}
.product h2 {color:#0e5899; font-size:16px; font-weight:bold; margin-top:10px}
.product h2 a {text-decoration:none}
.product img {max-height:200px; max-width:200px; border:#CCC solid 1px; float:left; margin:10px 10px 10px 0px}

.plink-btn {margin:0px}
.plink-btn a {display:block; float:left; width:140px; height:35px; margin:2px; background-image:url(images/productLinks.png)}
.plink-btn a.info {background-position:0px -70px}
.plink-btn a.info:hover {background-position:140px -70px}
.plink-btn a.spec {background-position:0px -35px}
.plink-btn a.spec:hover {background-position:140px -35px}
.plink-btn a.video {background-position:0px 0px}
.plink-btn a.video:hover {background-position:140px 0px}
.plink-btn a.quote {background-position:0px -105px}
.plink-btn a.quote:hover {background-position:140px -105px}

#back-btn {float:right; display:block;font-size:10px;}
#back-btn .left {background:url(images/back-btnBG.gif) no-repeat; background-position:0px 0px; width:8px; height:25px; float:left }
#back-btn .right {background:url(images/back-btnBG.gif) no-repeat; background-position:-340px 0px; width:8px; height:25px; float:left}
#back-btn .text {background:url(images/back-btnBG.gif) no-repeat; background-position:-10px 0px; padding:4px 0px; height:25px; float:left;  }
#back-btn a {text-decoration:none; color:#0e5899; font-weight:bold;}
#back-btn a:hover {color:#F60}
