@import url("../../../../css/base.css");

/* Default STYLES
--------------------------------------------------------*/

BODY {margin:0; background : url(/images/bg-body.gif);}  /*special for ZIP VAC*/
html { min-height: 100%; margin-bottom: 1px; }

#PageSubTable {width: 765px; margin-bottom: 20px}
#ContentCell { background:#fff; height: 400px}

/* Instructions Box */
#Instruction1_InstructCell {background:#545454; border: 1px solid #000; padding: 7px}

/* Error Messages */
.Messages, .ErrorMessages { font-size: 12px; font-weight: bold; color: #c00; text-transform:uppercase;}
table.formtbl .ErrorMessages {width: 5px}

/* Content Tables */
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font-size: 14px; font-weight: bold; }
.ContentTableHeader {background-color:#d4d4d4; padding:2px 0 3px 0;}
table.optionsbox {border: 1px solid #000}

/* Form Styles */
.col2 .c1 {border-right: 1px dotted #666}
#Form2 input, #Form2 select {font: 12px Arial, Helvetica, sans-serif; color: #555; background: #fff; line-height: normal}
#ContentCell .formtbl td.input p {margin-top: 15px}
#ContentCell { padding: 20px; }  /*special for ZIP VAC*/


/* Type Styles - changed font for Zip VAC
--------------------------------------------------------*/

/* Global Font Style */
#TopBannerCell, #TopSubBannerCell, #LeftColumnCell,
#RightColumnCell, #FooterCell, #ContentCell, .Content,
#BreadCrumbs1_BreadCrumbs1, .Instructions {font-family: Arial, Helvetica, sans-serif}


/* Instructions */
.Instructions {font-size: 12px; line-height: 17px; color:#fff; }

/* Page Headlines */
.Headings, #ContentCell h1 {font-size: 18px; font-weight: bold; text-transform: capitalize; color: #F37423; padding: 0; /*margin: 0 0 15px 0*/}

/* Sub Headlines */
.subHeadings, #ContentCell h2, .Content h2 {font-size: 14px; font-weight: bold;  padding-bottom:5px;}
/*#ContentCell h2 {margin-bottom: 15px}*/
#ContentCell h2.divide {padding-top: 15px; border-top: 1px dotted #fff}


/* Sub Headlines 2 */
#ContentCell h3 {font-size: 12px; font-weight: bold; color: #F37423}

/* Body Copy */
.Content, #BreadCrumbs1_BreadCrumbs1 {font-size: 12px; line-height: 17px; color: #000}
#ContentCell p { color: #000; font-size:12px; margin: 0 0 15px 0}

/* Static Page List Styles */
.static #ContentCell li {margin: 0 0 15px 0}
.static #ContentCell li ul {margin: 15px 0 0 0; padding: 0; list-style: none}

/* Help Page Back To Top Link */
#ContentCell p.top {text-align: right}
#ContentCell p.top a {padding-left: 20px}

/* Body Link Styles */
.Content a { color: #000; text-decoration: underline}
.Content a:hover  {color: #F37423; text-decoration: none}
#Instruction1_InstructCell a {color: #fff; text-decoration: underline}
#Instruction1_InstructCell a:hover {color: #F37423; text-decoration: none}

/* TopBanner Styles - special for ZIP VAC
--------------------------------------------------------*/
#TopBannerCell {background: #fff } 
#TopBannerCell .top-nav {display: none}



/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background:#fff; padding-bottom:5px; border-bottom: 1px solid #ccc; font-size:11px}
/*#TopSubBannerCell a:hover {text-decoration: underline}
#TopSubBannerCell ul li {display: inline}
#TopSubBannerCell .sub-nav {float: left; width: auto; margin-left: 7px}
#TopSubBannerCell .sub-nav ul li a { text-decoration:none; color:#000; padding:2px 9px 2px 0; margin-right: 4px; background:url(images/tb-navpipe.gif) no-repeat center right}
#TopSubBannerCell .sub-nav ul li a:hover {text-decoration: underline}
#TopSubBannerCell .sub-nav ul li.item04 a {background: none}
#TopSubBannerCell .cart {float: right; width: auto}
#TopSubBannerCell .cart ul {text-align: right}
#TopSubBannerCell .cart .cartnav {margin-right: 7px}
#TopSubBannerCell .cart .cartnav li a { text-decoration:none; color:#000; padding:2px 9px 2px 0; margin-left: 4px; background:url(images/tb-navpipe.gif) no-repeat center right}
#TopSubBannerCell .cart .cartnav li.checkout a {background: none; padding-right: 0}
#TopSubBannerCell .cart .cartnav li a:hover {text-decoration: underline}
#TopSubBannerCell .cart .shopcart {margin: 5px 7px 3px 0}
#TopSubBannerCell .cart .shopcart .head {background: url(images/tb-carticon.gif) no-repeat 0 50%; padding-left: 15px; font-weight: bold}
#TopSubBannerCell .cart .shopcart .items {margin-right: 5px}*/

/* Cmenu Styles Added 12/17/07 DS Design 
------------------------------------------*/
/* Page Links & Categories */
#TopSubBannerCell {margin:10px 0 0 0; padding:0; height:100px; }
#TopSubBannerCell li {list-style:none; margin:0; padding:0; float:left;}
#TopSubBannerCell li a {text-decoration:none; color:#000; padding:2px 9px 2px 0; margin-right: 4px; background:url(images/tb-navpipe.gif) no-repeat center right;}
#TopSubBannerCell li a.TopSubBannerText {color:#000; font-size:11px; font-weight:bold; margin:0; padding:5px; text-decoration:none; white-space:nowrap;}
#TopSubBannerCell li a:hover.TopSubBannerText {color:#696e5f; text-decoration:none;}
/* Search */
#TopSubBannerCell .search {height:30px; width:760px; vertical-align:middle; float:right; background: url(images/bn-nav_right.gif) no-repeat bottom right; margin:0 0 0 5px;}
#TopSubBannerCell .search ul {margin:5px 0 0 0; padding:0;}
#TopSubBannerCell .search li {list-style:none; float:left; font-size:10px; font-weight: normal; margin:0; padding:0 5px 0 0;}
#TopSubBannerCell .search li.head {font-weight:bold; font-size:12px; padding:5px 5px 0 0;}
#TopSubBannerCell .search li.button {}
#TopSubBannerCell .search li.button a {background-image:none; padding:0; margin:0;}
#TopSubBannerCell .search li.button img {padding:0; margin:0; _margin:1px 0 0 0;}
#TopSubBannerCell .search li.textbox {margin:0;}
#TopSubBannerCell .search li.textbox input {width:115px; height:22px; border:1px solid #ccc; font-size:12px; color:#000;}
#TopSubBannerCell .search li.advsearch {color:#000; font-weight:normal; font-size:10px; padding:5px 0 0 0;}
#TopSubBannerCell .search li.advsearch a {background:none; text-decoration:underline;}
#TopSubBannerCell .search li.advsearch a:hover {text-decoration:none;}
/* Cart Links */
#TopSubBannerCell ul.cartnav {float:left; height:30px; line-height:30px; width:250px; float:left; margin:0; padding:0 0 0 10px; background: url(images/bn-nav_left.gif) no-repeat bottom left;}
#TopSubBannerCell .cart {}
#TopSubBannerCell ul.cartnav li {padding:0; margin:0;}
#TopSubBannerCell li ul.shopcart li a {background: none}

tr td#TopSubBannerCell { display: none; }

/* Cart Control */
#TopSubBannerCell ul#TopSubBanner1_CMenubar1_MenuUL ul.shopcart {float:right; height:30px; line-height:30px; margin:0 10px 0 0; padding:0; width:auto; font-size:11px; font-weight: normal; color:#000;}
#TopSubBannerCell ul#TopSubBanner1_CMenubar1_MenuUL ul.shopcart li.head a {padding:0}
#TopSubBannerCell ul#TopSubBanner1_CMenubar1_MenuUL ul.shopcart li.items {margin: 0 5px 0 4px}
/*------------------------------------------
END Cmenu Styles Added 12/17/07 DS Design*/


/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell { width:24%; background:#595959 url(images/lc-bg.gif) repeat-x 0 32px; vertical-align:top; height:100%; padding-bottom:10px;}
#LeftColumnNav1_custommenu {width: 182px; height:100%; vertical-align:top;}
#LeftColumnNav1_custommenu h2 {padding:4px 5px; margin:0 0 5px 0; border-bottom: 1px solid #fff; background:url(images/lc-head.gif) no-repeat 7px 50%; text-indent: -9999px}
#LeftColumnNav1_custommenu .search li {float: left}
#LeftColumnNav1_custommenu .search { background:#EBAE07 url(images/search-bg.gif) repeat-x; width:100%; padding:5px;}
#LeftColumnNav1_custommenu .search input {margin-right: 5px; border: 1px solid #ccc; font: 12px Arial, Helvetica, sans-serif; color: #FFF; width:115px; font-size:12px;}

/*DS*/#LeftColumnNav1_custommenu/*DS*/ a { font-size: 11px; text-decoration: none; color:#fff; padding: 2px 0 2px 7px;}
/*DS*/#LeftColumnNav1_custommenu/*DS*/ a:hover {text-decoration: underline}

/* Cmenu Styles Added 12/17/07 DS Design 
------------------------------------------*/
/* Page Links & Categories */
#LeftColumnCell ul li {height:auto;}
#LeftColumnCell {margin:0; padding:0;}
#LeftColumnCell li {list-style:none; margin:0; padding:0;}
/* Search */
#LeftColumnCell .search {height:25px; _height:30px; vertical-align:middle; margin:8px 0; padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#LeftColumnCell .search ul {margin:0; padding:0;}
#LeftColumnCell .search li {list-style:none; font-size:10px; font-weight: normal; margin:0; padding:0;}
#LeftColumnCell .search li.head {display:none;}
#LeftColumnCell .search li.button {}
#LeftColumnCell .search li.button a {background-image:none; padding:0; margin:0;}
#LeftColumnCell .search li.button img {padding:0; margin:0 0 0 5px;}
#LeftColumnCell .search li.textbox {float:left; margin:0;}
#LeftColumnCell .search li.textbox input {width:115px; height:22px; border:none; margin:0; font-size:12px; color:#000;}
#LeftColumnCell .search li.advsearch {display:none;}
/* Cart Links */
#LeftColumnCell ul.cartnav {margin:0; padding:0;}
#LeftColumnCell ul.cartnav li {padding:0; margin:0;}
/* Cart Control */
#LeftColumnCell ul.shopcart {margin:10px 0 10px 8px; padding:0; font-size:11px; font-weight: normal; color:#fff;}
#LeftColumnCell ul.shopcart a {padding: 0}

/*------------------------------------------
END Cmenu Styles Added 12/17/07 DS Design*/


/* Default Page Styles - modified for ZIP VAC
--------------------------------------------------------*/
.default #ContentCell .df-welcome { float: left; width: 100%}
.default #ContentCell .df-welcome h1 { font-size: 18px; font-weight: bold; text-transform: capitalize; color: #F37423; padding: 0; margin: 0 0 15px 0}
.default #ContentCell .df-welcome img { border:0px; }
.default #ContentCell .df-welcome p { color:#F37423; font-style:italic; }
.default #ContentCell .df-welcome p.outsideUS {font-style: normal; font-weight: bold; padding-top:10px; text-align:center; font-size:13px}
.default #ContentCell .df-cats {float: left; margin-top: 20px; width: 100%; background:#000;}
.default #ContentCell .df-cats h2 { font-size: 14px; font-weight: bold; color: #fff; padding: 0; margin: 0 0 15px 0; padding: 7px 5px; background:#000;}
.default #ContentCell .df-cats ul {padding: 0; margin: 0 20px 10px 20px; list-style: none; float: left; text-align: center; color: #000}
.default #ContentCell .df-cats li a {color: #fff}
.default #ContentCell .df-cats li a img {margin-bottom: 3px}
.default #ContentCell .df-cats img {border: 0; align: right; }
.default #ContentCell .df-welcome .ContentTableHeader { display: none; }
.default #ContentCell { background: #000; color: #fff; }
.default #ContentCell .df-cats a {color: #fff}

/* Detail Page Styles
-------------------------------------------------------*/

/* Detail Template 1 */
#ProductDetail11_Swatches_Table1 {padding-right: 10px}
#ProductDetail11_trPrice, #ProductDetail11_trCustomPrice, #ProductDetail11_trSavings {font-size: 12px; font-weight: bold}
tr#ProductDetail11_trDescription td h1 {font-size: 12px; color: #000; text-transform: uppercase}
tr#ProductDetail11_trCategory td {padding-bottom: 10px}
tr#ProductDetail11_trEMailFriend td.button {text-align: left}

/* Detail Template 2 */
tr#ProductDetail21_trDescription td {border-top: 1px dotted #666; color: #000;}
tr#ProductDetail21_trDescription td h1 {font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 0; padding: 0; border: none}
#ProductDetail21_trPrice, #ProductDetail21_trCustomPrice, #ProductDetail21_trSavings {font-size: 12px; font-weight: bold}
#ProductDetail21_Table2 td { font-size: 12px;  color: #000;  }

/* ZIP VAC additions */

#FooterCell { width: 995px; padding: 0px; }
div.callout { width: 995px; }
/*
table.GeneralTable { background: #000; color: #000; width: 200px; }
table.GeneralTable td.TopBanner { font-family: Arial; padding: 10px; font-size: 14px; color: #F37423; font-weight: bold; }
table#Table1.Content td { color: #fff; }
table#Table3.Content td { color: #fff; }
table#Table2.Content td { color: #fff; }
table#Table7.Content td { color: #fff; }
table#Table4.Content td { color: #fff; }
table#Table5.Content td { color: #fff; }
table#Table6.Content td { color: #fff; }
*/

div.df-welcome { background: #000; }

td.button { text-align: left; }

/*td.button a#btnSignIn img#imgSignIn */


table.optionsbox label { color: #000; text-align: left; margin-top: -16px; margin-left: 20px; width: 50px; }
table.optionsbox { height: 100px; }
table.optionsbox tr { height: 5px; }
td.attributecontrol { background: #fff; height: 50px; }
table#ProductDetail11_CAttributeControl1_DlAttributes__ctl0_AttributeName2 tr { height: 20px; }
table#ProductDetail11_CAttributeControl1_DlAttributes td span { margin-left: -5px; }

/* CUSTOM ZIP VAC */

/* ================================
   --------------------------------
   GLOBAL STYLESHEET
   --------------------------------
   ================================
*/

* {font-family :  Arial, Helvetica, Verdana, sans-serif;}
p, td, div {font-size:12px; color:#000; }
p.intro {font-style: italic;}
a {color:#f37423}

form label {float:left; padding-right:10px; width:110px; text-align:right; color:#fff;}
fieldset#contact {margin-bottom:40px;}
fieldset#contact textarea {width:300px; height:100px;} 
input, textarea, select {font-size:11px;}
input.submitButton { position: relative; left:125px;}

.container {width:995px; margin-left:auto; margin-right:auto; text-align:left; position: relative;}
.innerContainer {float:left; background-color:#fff; padding-top:3px;}

/*header styles, including logo and utility navigation*/
.header {float:left; padding:0px!important; margin:0px!important; border-bottom: 8px solid #f37423; width:995px; height: 108px; margin-bottom: -1px;}
.header .logo {float:left; width:256px; padding:5px 0 0 40px; height: 99px;}
.header .utilityArea {float:right; width:675px; padding-right: 20px; padding-bottom: 0px!important; margin-bottom: 0px!important; }
.header .utilityArea .buyAt {float:right; text-align:right; width:600px; padding:0 0 12px 0; height: 39px; }
.header .utilityArea .nav { position: absolute; width:640px; height: 42px!important; clear:both; right: 20px; top: 68px; margin: 0; padding: 0; border-bottom: 1px solid #f77521;}
/*  .header .utilityArea .nav { position: absolute; width:675px; height: 42px; clear:both; right: 20px; top: 69px;}  */
.header .utilityArea .nav ul { float:right; list-style:none!important; margin:0!important; padding:0!important; height: 42px; border: 0!important; }
.header .utilityArea .nav li {display:block; float:left; margin:0; padding:0; border: 0;}
.header .utilityArea .nav a {display:block; margin:0!important; padding:0!important; border: 0!important; border: 0px; }
.header .utilityArea .nav ul li a img { border: 0!important; }
.promo {position: absolute; top:10px; left:410px;}

.locator {position: absolute; top:35px; left:790px; width:200px; }
.locator { border: 0px; margin-right:5px; padding:1px; font-size: 14px; float:left; }
.locator label {color:#000; font-size:14px;}
.locator a { font-weight: bold; }

#main.homepage {float:left; width:955px; padding:0 0 20px 40px; /*background : url(/images/bg-hp-bag.jpg) no-repeat top right #000!important;*/ background-color:#000;}
#main.homepage .icast {position: absolute; top:150px; left:735px;}
#main p {color:#f37423; padding-bottom:10px;}
#main.homepage {padding-top:40px;}
#main.homepage h1 em, #main.homepage h2 em, #contentWell.outdoorsman h2 em {display:none;}
#main.homepage h1 {background : url(/images/header-portable-storage.gif) no-repeat; height:52px;}
#main.homepage h2 {background : url(/images/header-zipvac-diff.gif) no-repeat; height:52px;}

#main.homepage .col#a {float:left; width:565px;}
#main.homepage .col#b {float:left; width:380px; padding-bottom:5px;}
#main.homepage .col#fullWidth {float:left; width:880px; padding-bottom:5px;}
#main.homepage .details {background : url(/images/vacuum.jpg) no-repeat left; width:275px; padding:0 0 20px 150px;}
#main.homepage .details b {font-size:14px; color:#f37423;}
#main.homepage .details p {color:#fff;}

#main.homepage.contact .details {background : none; padding:0 0 20px 22px;}
#main.homepage.contact .details b {font-size:14px; color:#f37423;}
#main.homepage.contact .details p, #main.homepage.contact .details a {color:#fff;}

#main.homepage.testimonials h2 {background : url(/images/header-testimonials.gif) no-repeat; height:52px;}
#main.homepage h2.news {background : url(/images/header-in-news.gif) no-repeat; height:52px;}
#main.homepage.testimonials .details {background : none; padding:0 0 20px 22px; width:350px;}
#main.homepage.testimonials .details b {font-size:14px; color:#f37423;}
#main.homepage.testimonials .details ul {color:#fff;}
#main.homepage.testimonials .details li {padding-bottom:5px;}
#main.homepage.testimonials .details a {color:#fff;text-decoration: underline; font-size:11px; text-transform: uppercase;}
#main.homepage.testimonials .newsModule {}

#main.homepage.error {float:left; width:995px; padding:40px 40px 20px 40px;}
#main.homepage.error h3 {color:#fff; font-size:16px; font-weight:bold;}
#main.homepage.error p {color:#fff;font-weight:bold;}

#main.contact {float:left; width:955px; padding:40px 0 30px 40px; /*background : url(/images/bg-hp-bag.jpg) no-repeat top right #000!important;*/}
#main p {color:#f37423; padding-bottom:10px;}
#main.contact h2 em {display:none;}
#main.contact h2 {background : url(/images/header-contact.gif) no-repeat; height:52px;}
#main.contact a {text-decoration:underline;}


.whereToBuy {float:left; width:955px; padding:20px 0 30px 40px; background : url(/images/bg-hp-bag.jpg) no-repeat top right #000!important;}
.whereToBuy p {font-style: italic; color:#f37423;}
.whereToBuy b {display:block; text-transform: uppercase; color:#fff; padding-bottom:5px;}
.whereToBuy img.logo {padding-right:6px; padding-bottom: 10px;}
.whereToBuy span {color: #fff; }
.whereToBuy td {color:#fff; padding:2px;}
.whereToBuy td.label {text-align:right; width:50px;}
.whereToBuy th {color:#fff; padding:4px; font-size:16px; font-weight:bold; padding-top:20px;}

.whereToBuyResults {float:left; width:955px; padding:20px 0 30px 40px; background : #000!important;}
.whereToBuyResults p {font-style: italic; color:#f37423;}
.whereToBuyResults b {display:block; text-transform: uppercase; color:#fff; padding-bottom:5px;}
.whereToBuyResults span {color: #fff; }
.whereToBuyResults td {color:#fff; padding:2px;}
.whereToBuyResults td.label {text-align:right; width:50px;}
.whereToBuyResults th {color:#fff; padding:4px; font-size:16px; font-weight:bold; padding-top:20px;}


.productLine {float:left; padding:20px 0 30px 40px; background-color:#000;}
.productLine p {font-style: italic; color:#f37423;}
.productLine b {display:block; text-transform: uppercase; color:#fff; padding:10px 0; font-style:italic; font-size:20px; font-weight:normal;}
.callout.products {clear:both;width:595px; background : url(/images/productline-bg-collage.jpg) no-repeat top #f37423!important;  padding:160px 200px 32px 200px; text-align:center;}        


.homeCallout {width:595px; background : url(/images/hp-bg-collage.jpg) no-repeat top #f37423; padding:140px 200px 32px 200px; text-align:center;}
.homeCallout p, .testCallout p  {color:#fff; font-size:14px; font-weight:bold;}
.testCallout {width:595px; background : url(/images/test-bg-collage.jpg) no-repeat top #f37423; padding:140px 200px 32px 200px; text-align:center;}
p.byline {text-align:right;}


.callout {clear:both;width:595px; background : url(/images/kit-bg-collage.jpg) no-repeat top #f37423;  padding:160px 200px 32px 200px; text-align:center;}
.callout p {color:#fff!important; font-size:14px!important; font-weight:bold!important;}


/*footer styles*/
.footer { width:995px; background-color:#fff; float:left; padding-top: 10px; border-top: 8px solid #f37423; }
.footer .copyright {position: relative; top:-15px; background : url(/images/logo-footer.gif) no-repeat top left; float:left; width:900px; text-align:left; color:#000; font-size:10px; padding:20px 0 10px 60px;}
.footer .phoneNumber em {display:none;}
.footer .phoneNumber {float:right; text-align:right; width:113px; background : url(/images/phone-number-footer.gif) no-repeat; height:17px; color:#f37423; font-size:18px; font-weight:bold;}
.footer .nav {}
.footer .nav a {}
 

.clearfloats {clear:both; padding-top:.05px; }



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#flashcontent .message
{	
	text-align:center;
	padding:10px; 
	background-color:#333;
	font-size:16px; 
	color:#fff;
}

#flashcontent a
{
	text-decoration: underline;
}

a.productlink { color: #fff!important; font-size: 16px; }
a.productlink:hover { color: #f37423!important; }
.premium label {float:left; color:#000; width:200px; position: relative; top:-18px;}