/* ---------------------------------------------------------- */
/* "UN"-STYLE ----------------------------------------------- */
/* ---------------------------------------------------------- */

* {
	padding:0;
	margin:0;
	}

a img,
a img:link,
a img:visited,
a img:hover {
	border:none;
	}



/* ---------------------------------------------------------- */
/* WRAPPER -------------------------------------------------- */
/* ---------------------------------------------------------- */

#wrapper,
#homeWrapper,
#deptWrapper,
#deptList,
#prodWrapper {
	margin:0 auto;
	background:#FFF url("../interface/pageBack.gif") repeat-y;
	border-bottom:1px solid #919090;
        border-top:1px solid #919090;
	text-align:left;
	padding:20px;
	}

#homeWrapper {padding:0;}
#deptWrapper,
#deptList {padding:0 20px;}

#deptList td td p,
#deptList td td div, #deptList #colors {display:none;}
#deptList td {width:30%;}
#deptList td td {width:auto; text-align:center;}
#deptList td table {margin:0 0 15px 0;}
#deptList td {padding:10px;}



/* ---------------------------------------------------------- */
/* HOME PAGE CONTENT ---------------------------------------- */
/* ---------------------------------------------------------- */

#homeContent #rightCol {
	padding:10px 0 0 0;
	float:right;
	width:265px;
	text-align:center;
	}

#homeContent #rightCol img {
	margin:0 auto 10px auto;
	width:245px;
	height:210px;
	background:#EFEFEF;
	border:0px solid #EFEFEF;
	}

#promo1 {
	float:right;
	margin:10px 0;
	}

#promo1 img {
	width:505px;
	height:130px;
	background:#EFEFEF;
	border:0px solid #999;
	}

#mainPromo {
	width:515px;
	
	}

#mainPromo div div div ul {
	list-style:none;
	padding-left:3px;
		}

#mainPromo div div div p,
#mainPromo div div div li a {
	font-size:10px;
	line-height:12px;
	}

/* ---------------------------------------------------------- */
/* GENERIC PAGE STYLES -------------------------------------- */
/* ---------------------------------------------------------- */



a,
a:link {color:#03478c; text-decoration:none; font-weight:bold;}
a:visited {color:#669;}
a:hover {text-decoration:none;}
a:hover {color:#1E9CDD;}
p,ul,ol,address,label,dl {
	font-weight:normal;
	font-size:12px;
	line-height:15px;
       	margin-bottom:10px;
	}

ul {padding:0 0 0 17px;}

ol {padding:0 0 0 19px;}

dt {font-weight:bold;}

dd {padding:0 0 5px 15px;}

acronym {
	border-bottom:1px dotted #666;
	cursor:pointer;
	}

a.anchor {
	color:inherit;
	font-weight:inherit;
	}
    

/* ---------------------------------------------------------- */
/* MULTI-COLUMN LAYOUTS ------------------------------------- */
/* ---------------------------------------------------------- */

div.twoCol,
div.threeCol {border-bottom:1px solid #FFF; margin:0 0 20px 0;}

div.twoCol {background:url(../interface/colTwoBack.gif) 0 0 repeat-y;}
div.threeCol {background:url(../interface/colThreeBack.gif) 0 0 repeat-y;}

.colPadding {
	padding:10px;
	}

div.left,
div.mid,
div.right {text-align:justify; border-top:1px solid #EFEFEF;}
	
div.left fieldset,
div.mid fieldset,
div.right fieldset {border:none;}

div.twoCol div.left,
div.twoCol div.right {width:360px; float:left;}

div.threeCol div.left,
div.threeCol div.mid,
div.threeCol div.right {width:233px; float:left;}

div.threeCol div.left,
div.threeCol div.mid,
div.twoCol div.left {margin:0 20px 0 0;}

div.left h3,
div.mid h3,
div.right h3 {
	padding:0 0 15px 0;
	}



/* ---------------------------------------------------------- */
/* TABLES --------------------------------------------------- */
/* ---------------------------------------------------------- */

table {
	border:none;
	margin:0 auto;
	text-align:left;
	}

td,th {
	padding:0;
	border:none;
	vertical-align:top;
	text-align:left;
	}

#refilltbl {
	font-size:12px;
	line-height:18px;
	width:720px;
	margin:0;
	}
	
#refilltbl td {
	background:#F5F5F5;
	vertical-align:top;
	padding:3px 5px;
	}
	
#refilltbl th {
	text-align:left;
	padding:3px 5px;
 	}

#refilllist ul {
	padding-left:0;
	list-style:none;
	}

#refilllist li {
	float:left;
	width:22%;
	margin-right:15px;
	}




/* ---------------------------------------------------------- */
/* HEADER STYLES -------------------------------------------- */
/* ---------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-weight:normal; position:relative;}
h1 {font-size:24px; padding:0 0 20px 0;}
h2 {font-size:24px; padding:0 0 20px 0;}
h3 {font-size:20px; padding:0 0 15px 0;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

/* ---------------------------------------------------------- */
/* PRODUCT LIST --------------------------------------------- */
/* ---------------------------------------------------------- */

#deptList table {
	border:1px solid #EFEFEF;
	margin:0 0 15px 0;
	}
	
#deptList table table {
	border:none;
	margin:0;
	padding:0;
	}
	
#deptList td {
	font-size:12px;
	line-height:18px;
	}
	
#SpannerLinks {
	display:block;
	padding:0 0 15px 0;
	font-size:12px;
	line-height:18px;
	}



/* ---------------------------------------------------------- */
/* SEARCH PAGE ---------------------------------------------- */
/* ---------------------------------------------------------- */

.searchNav {
	text-align:center;
	}

.searchNav ul {
	list-style:none;
	padding:0;
	margin:0;
	}

.searchNav li {
	display:inline;
	padding:0 5px;
	}

#searchRes {
	width:100%;
	}

#searchRes td {
	width:33%;
	}



/* ---------------------------------------------------------- */
/* FORM STYLES ---------------------------------------------- */
/* ---------------------------------------------------------- */

form {text-align:left;}

fieldset {
	padding:15px;
	border:1px solid #EFEFEF;
	margin:0 0 20px 0;
	}

fieldset h3 {padding:0 0 15px 0;}

label {
	float:left;
	clear:left;
	width:140px;
	text-align:right;
	}

input,
select,
textareas {
	float:left;
	font-size:10px;
	margin:0 3px 3px 0;
	width:152px;
	color:#666;
	vertical-align:middle;
	}

.formList {
	float:left;
	list-style:none;
        padding:0 0 10px 0;
	margin:0;
	}

.formList li {
	padding:0;
	margin:0 0 5px 0;
        }

.formList li input {
	float:none;
	padding:0;
	margin:0 10px 0 0;
	width:auto;
	}

textarea {height:120px;}

input.inputImage {width:auto;}

input.inputText {
	font-size:10px;
	height:14px;
	}

input.inputCheckbox {width:auto;}

.inputCheckbox {
	font-size:12px;
	float:left;
	}
.inputCheckbox input {
	float:none;
	width:auto;
	}

ul.input {
	float:left;
	list-style:none;
	text-align:left;
	width:190px;
	padding:0;
	font-size:10px;
	line-height:13px;
	}

ul.input li {
	margin:0 0 10px 0;
	}

ul.input input {
	width:auto;
	}



/* ---------------------------------------------------------- */
/* SEARCH FORMS (TOP OF PAGE) ------------------------------- */
/* ---------------------------------------------------------- */

form#topSearch {
	border-bottom:1px solid #878DBE;
	overflow:auto;
	padding:4px 0px;
	margin:0px auto;
	width:780px;
	background:url(../interface/pageBack.gif) repeat-y;
	}

form#topSearch fieldset {
	float:left;
	text-align:center;
	margin:0px;
	border:none;
	padding:0px;
	}

form#topSearch .inputImage,
form#topSearch select {
	margin:0px 3px 0px 0px;
	float:left;
	height:18px;
	}

form#topSearch label {
	font-size:9px;
	line-height:18px;
	text-align:left;
	margin:0px 3px 0px 15px;
	width:auto;
	padding:0;
	height:18px;
	}

#topSearch #deptDrop {
	width:120px;
	}
	
#topSearch #deptBrandDrop {
	width:120px;
	}
	
#topSearch #refillBrandDrop {
	width:80px;
	}
	
#topSearch #refillTypeDrop {
	width:80px;
	}

#topSearch #prodSearch {
	width:60%;
	}

#topSearch #refillSearch {
	width:35%;
	}



/* ---------------------------------------------------------- */
/* SITE BANNER ---------------------------------------------- */
/* ---------------------------------------------------------- */

#siteBanner {
	position:relative;
	text-align:left;
	width:780px;
	height:69px;
	margin:0 auto;
	}	

#siteBanner h1 {
	position:absolute;
	top:5px;
	left:14px;
	font-size:9px;
	font-weight:normal;
	width:214px;
	height:64px;
	}

#siteBanner h1 a {
	position:absolute;
	top:0;
	left:0;
	width:214px;
	height:64px;
	}

#siteBanner ul {
	position:absolute;
	top:45px;
	right:20px;
	list-style:none;
	overflow:auto;
	width:auto;
	}

#siteBanner h2 {
	position:absolute;
	top:15px;
	right:20px;
	width:auto;
	font-size:15px;
	text-align:right;
	}

#siteBanner h2 span {
	font-size:9px;
	}

#siteBanner li {
	float:left;
	padding:0 0 0 22px;
	background:url(../interface/topNavSeparator.gif) 0 55% no-repeat;
	}

#siteBanner a {
	font-size:11px;
	line-height:12px;
	font-weight:strong;
	}

/* ---------------------------------------------------------- */
/* SITE BANNER1 -----------added by mike--------------------- */
/* ---------------------------------------------------------- */

#siteBanner1 a {
	font-size:11px;
	line-height:12px;
	font-weight:strong;
	}
#siteBanner1 li {
	float:left;
	padding:0 0 0 22px;
		}

#siteBanner1 {
	position:relative;
	text-align:left;
	width:780px;
	height:24px;
	margin:0 auto;
	}	

#siteBanner1 ul {
	position:absolute;
	top:0px;
	right:0px;
        list-style:none;
	overflow:auto;
	width:auto;
	}


/* ---------------------------------------------------------- */
/* MAIN NAVIGATION ------------------------------------------ */
/* ---------------------------------------------------------- */

#mainNav {
	width:780px;
	margin:0 auto;
	border-top:1px solid #878DBE;
	}

#mainNav ul {
	list-style:none;
	width:780px;
	float:left;
	background:url(../interface/navBack.gif) 0 100% no-repeat;
	padding:0;
	margin:0;
	font-weight:bolder;
	}

#mainNav li {
	float:left;
	margin:0 8px;
		}

#mainNav a {
	display:block;
	font-size:10px;
	padding:5px 0;
		       	}

#mainNav a:link,
#mainNav a:visited {
	color:#0f1a7c;
	font-weight:normal;
	}

#mainNav a:hover {
	background:url(../interface/navArrow.gif) 50% 100% no-repeat;
	color:#0034BB;
	}



/* ---------------------------------------------------------- */
/* DEPARTMENT STYLES ---------------------------------------- */
/* ---------------------------------------------------------- */

#deptContent {
	padding:20px 0;
	background:transparent;
	}

#deptContent #leftCol {
	float:left;
	width:250px;
	}

#deptContent #deptFeatures {
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	width:150px;
	}

#deptContent #deptFeatures li {
	background:url(../interface/thumbBack.gif) 23px 0 no-repeat;
	text-align:center;
	margin:0 0 8px 0;
	padding:2px 0 0 0;
	}

#deptContent #deptFeatures img {
	margin:0 0 5px 0;
	}

#deptWrapper #list table a {
	text-decoration:none;
	cursor:pointer;
	font-weight:normal;
	display:block;
	margin-bottom:10px;
	font-size:18px;
	color:inherit;
	}

#deptWrapper #list table table a,
#deptWrapper #list2 table a {
	color:#0F1A7C;
	cursor:pointer;
	display:inline;
	font-size:12px;
	}

#deptWrapper #list table table a:hover,
#deptWrapper #list2 table a:hover {
	text-decoration:underline;
	}

#deptWrapper #list table table a:visited,
#deptWrapper #list2 table a:visited {
	color:#669;
	}

#deptWrapper #list table table {
	margin-top:10px;
	margin:0 0 5px 0;
	}

#deptWrapper #list td td td,
#deptWrapper #list2 td {
	padding:0 0 0 8px;
	background:url("../interface/blueArrow.gif") 0 50% no-repeat;
	}


/* ---------------------------------------------------------- */
/* PRODUCT PAGE --------------------------------------------- */
/* ---------------------------------------------------------- */

#prodWrapper #leftCol {
	width:400px;
	float:left;
	}

#prodWrapper #rightCol {
	width:302px;
	float:right;
	}

#prodWrapper h3 {
	font-size:14px;
	font-weight:bold;
	padding:0 0 15px 0;
	}

#prodCrossSell {
	list-style:none;
	padding:0;
	}

#prodCrossSell li {
	overflow:auto;
	margin:0 0 10px 0;
	clear:left;
	}

#prodCrossSell a {
	font-size:11px;
	line-height:12px;
	}

#prodCrossSell a span {
	font-size:10px;
	font-weight:normal;
	}

#prodCrossSell img {
	margin:0 8px 0 0;
	border:1px solid #CCC;
	}
	
#refillList ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#refillList li {
	padding:0 0 3px 0;
	font-size:10px;
	}
#refillList ul input {
	float:none;
	}

.disclaimer {
	font-size:10px;
	line-height:13px;
	color:#999;
	padding-top:10px; 
	}
	
#colors {


	margin:0 0 15px 0;
	}
#colors td {
	border-color:#FFF;
	border-width:0 1px 1px 0;
	border-style:solid;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	padding:10px 3px;
	text-align:center;
	width:33%;
	text-shadow:2px 2px 2px #000;
	}
#colors thead th {
	font-size: 14px;
	font-weight:normal;
	padding:10px 0;
	}

#swatches {
	border:1px solid #CCC;
	padding:1px 0 0 1px;
	margin:0 5px 15px 0;
	width:auto;
	}

#swatches ul {
	list-style:none;
	overflow:auto;
	font-size:12px;
	margin:0;
	padding:0;
	}

#swatches ul li {
	float:left;
	width:48px;
	text-align:center;
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#FFF;
	color:#FFF;
	text-shadow:2px 2px 2px #000;
	font-weight:bold;
	margin:0;
	padding:0;
	}

#swatches ul li div {
	padding:8px;
	margin:0;
	}


/* ---------------------------------------------------------- */
/* PRODUCT IMAGES ------------------------------------------- */
/* ---------------------------------------------------------- */

#prodimages {
	width:260px;
	}
	
#prodimages ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
#prodimages ul li {
	margin:10px 10px 0 0;
	float:left;
	width:76px;
	display:none;
	}
	
#prodimages img {border:1px solid #FFF;}
#prodimages a,
#prodimages a:link,
#prodimages a:visited {
	border:1px solid #CCC;
	display:block;
	}
	
#prodimages a:hover {
	border:1px solid #369;
	}
	
#prodimages a {
	margin-right:11px;
	}
	
#prodimages li a {
	margin:0;
	}

#popup {
	text-align:center;
	padding:0;
	margin:0;
	background:#FFF;
	}

#popup img {
	margin:15px auto;
	background-image:url(loading.gif);
	border:1px solid #CCC;
	}


/* ---------------------------------------------------------- */
/* SHIPPING CHARTS ------------------------------------------ */
/* ---------------------------------------------------------- */

.ship_chart {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	width:100%;
	margin-bottom:15px;
	}


/* ---------------------------------------------------------- */
/* SHIPPING RATES ------------------------------------------- */
/* ---------------------------------------------------------- */

#rates {
	clear:both;
	padding:20px 0;
	}

#ratesOne,
#ratesTwo {
	float:left;
	list-style:none;
	padding:15px 0 0 0;
	width:250px;
	margin:0 50px 0 0;
	}

#ratesOne li,
#ratesTwo li {
	width:250px;
	display:block;
	clear:both;
	overflow:auto;
	background:url(../interface/dots.gif) 0 100% repeat-x;
	line-height:14px;
	margin:0 0 5px 0;
	}

#rates .order {
	float:left;
	background:#FFF;
	}

#rates .rate {
	float:right;
	background:#FFF;
	}





/* ----------------------------------------------------------------------- */
/* CLEVERSET/ATG (NEW 2010)----------------------------------------------- */
/* ----------------------------------------------------------------------- */

#cs-recslot {text-align:left; padding-top:50px; font:11px Arial, sans-serif;}
#cs-recslot .cs-header-text {font: bold 15px Arial, sans-serif; color:#666; text-align:center;}
#cs-recslot .cs-rec {float:left; width:105px; text-align:center; padding:3px; margin:5px;}
#cs-recslot .cs-name {margin:0; padding:0; color:#184CAC;}
#cs-recslot .cs-price {margin:0; padding:0; padding-top:5px; font-weight:bold; color:red; font-size:13px;}
#cs-recslot a:hover .cs-price {color:red;}
#cs-recslot img {width:100px; height:100px; padding:3px; border:0;}
#cs-recslot a {color:#000; margin:5px;}
#cs-recslot a:hover {color:#red;}
#cs-recslot a:hover .cs-name {color:#3f79e5;} 
#cs-recslot a span {display:block; clear:both;}



/* ---------------------------------------------------------- */
/* PRODUCT SELECT FORM (PRODUCT PAGE) ----------------------- */
/* ---------------------------------------------------------- */

.prodSelect {
	padding:0;
	}

.prodSelect fieldset {
	padding:5px 0 12px 14px;
	margin:0;
	border:none;
	}

.prodSelect ol {
	padding:0;
	list-style:none;
	}

.prodSelect li {
	font-size:12px;
	}

.prodSelect #writingInsts {
	width:300px
	}

.prodSelect #colors {
	display:none;
	width:300px;
	margin:5px 0 0 0;
	clear:left;
	}

.prodSelect li .inputText {
	width:20px;
	margin-right:3px;
	text-align:center;
	}

.prodSelect input,
.prodSelect select {
	margin:0 3px 0 0;
	font-size:11px;
	}

.prodSelect #refList {
	padding-left:23px;
	}



/* ---------------------------------------------------------- */
/* FOOTER --------------------------------------------------- */
/* ---------------------------------------------------------- */

#footer {
	width:780px;
	margin:0 auto;
	padding:8px 0 20px 0;
	}

#footer p {
	font-size:12px;
	margin:0;
	padding:0;
	width:auto;
        font-weight:;
	}

#footer ul {
	list-style:none;
        text-align:center;
	float:center;
	padding:0;
	margin:0;
	width:auto;
	}

#footer li {
        text-align:center;
	float:;
	padding:3px 0px 0 22px;
	background:url(../interface/topNavSeparator.gif) 0 55% no-repeat;
	}

#footer li a {
	font-size:11px;
	line-height:12px;
	font-weight:strong;
      	}

#footer input {
	float:none;
	}

#ftrLeft {
	width:50%;
	float:left;
	text-align:left;
	}

#ftrright {
	width:50%;
	float:right;
	text-align:right;
	}

#ftrRight {
	width:50%;
	float:right;
	text-align:right;
	}

#ftrRight p {
	clear:right;
        }

p#copyright {
        font-size:10px;
	text-align:center;
	clear:both;
	color:#999;
	padding:15px 0 0 0;
	}

#linktable {
        font-size:11px;
        font-weight:strong;
         }


#copyright a,
#copyright a:link,
#copyright a:visited,
#copyright a:hover {
	color:#999;
	}

#ftrlogos {
	padding:5px 0;
	background:#FFF;
	border:1px solid #CCC;
	overflow:hidden;
	}

#ftrlogos ul {
	list-style:none;
	margin:0;
	}

#ftrlogos li {
	text-align:center;
	float:left;
	width:19%;
	}


/* ---------------------------------------------------------- */
/* RUNNING SHOP CART ---------------------------------------- */
/* ---------------------------------------------------------- */

#runningCart {
	background:url(../interface/runningCartBack.gif) 0 100% repeat-x;
	padding:4px 15px;
	border-width:0 1px 1px 1px;
	border-color:#878DBE;
	border-style:solid;
	overflow:auto;
	}

#runningCart label {
	width:auto;
	padding:0 10px 0 0;
	font-size:10px;
	margin:0;
	}

#runningCart select {
	padding:0;
	margin:0;
	width:300px;
	}


/* ---------------------------------------------------------- */
/* LEAF TREE ------------------------------------------------ */
/* ---------------------------------------------------------- */

#leafTree {
	width:100%;
	float:left;
	background:url(../interface/leafTreeTop.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
	}
#leafTree ul {
	width:100%;
	float:left;
	background:url(../interface/leafTreeBottom.gif) 0 100% no-repeat;
	list-style:none;
	padding:0;
	margin:0;
	overflow:auto;
	}
#leafTree li {
	float:left;
	padding:0 0 0 25px;
	margin:0 0 0 5px;
	line-height:24px;
	background:url(../interface/leafTreeArrowLeft.gif) 8px 50% no-repeat;
	}
#leafTree li a {
	font-size:11px;
	font-weight:normal;
	}


/* ---------------------------------------------------------- */
/* SHOP CART ------------------------------------------------ */
/* ---------------------------------------------------------- */

#basketTable {
	width:100%;
	margin:0 0 20px 0;
	}
#basketTable em {
	color:#CCC;
	}
#basketTable td,
#basketTable th {
	padding:8px 5px;
	border-bottom:1px solid #EFEFEF;
	font-size:12px;
	}
#basketTable tfoot td {
	border-width:1px 0 0 0;
	border-color:#666;
	border-style:solid;
	font-weight:bold;
	}
#basketTable th {
	border-bottom:2px solid #666;
	}
.basketQTY {
	width:30px;
	text-align:center;
	margin:0;
	}
.tdCenter {
	text-align:center;
	}
.tdRight {
	text-align:right;
	}
.tdRight select{
	float:right;
}
.prodDetail {
	font-size:10px;
	line-height:12px;
	margin:5px 0;
	}
.updateButton {
	width:auto;
	float:none;
	margin:0 0 3px 0;
	}
.basketImage,
.basketImage:link,
.basketImage:visited {
	width:60px;
	height:60px;
	border:1px solid #0034BB;
	}
.basketImage:hover {
	border:1px solid #85C3F3;
	}
.note {
	position:relative;
	border:1px solid #CCC;
	background:#EFEFEF url(../interface/noteBack.gif) repeat-y;
	color:#666;
	}
.note ul {
	position:relative;
	margin:0;
	list-style-image:url(../interface/note.gif);
	padding:0 0 0 55px;
	}
.note2 {
	position:relative;
	border-top:0px solid #CCC;
        border-right:1px solid #CCC;
        border-bottom:1px solid #CCC;
        border-left:1px solid #CCC;
	background:#B8D3FB url(../interface/noteBack.gif) repeat-y;
	color:#666;
	}
.note2 ul {
	position:relative;
	margin:0;
	list-style-image:url(../interface/note.gif);
	padding:0 0 0 55px;
	}
#addresses address {
	font-size:11px;
	line-height:14px;
	margin:0;
	}
#addresses h3 {
	font-size:16px;
	}
#cc_expmonth {width:46px;}
#cc_expyear {width:71px;}
.inputNote {
	float:left;
	font-size:11px;
	color:#999;
	}
#ccCardLeft,
#ccCardRight {
	float:left;
	}
#ccCardLeft {
	width:50%;
	margin:0 0px 0 0;
	}
#ccCardRight {
	width:50%;
	margin:0;
	}
#ccCardRight p {
	float:left;
	margin:0 20px 0 0;
	}




/* ---------------------------------------------------------- */
/* ERRORS --------------------------------------------------- */
/* ---------------------------------------------------------- */

div#error {
	margin:0 auto 7px auto;
	padding:0;
	border-width:1px;
	border-style:solid;
	text-align:left;
	color:#FFF;
	}

div#error {
	background:#F90;
	border-color:#FC0 #F60 #F60 #FC0;
	text-shadow:2px 2px 2px #F60;
	}

div#error p {
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:10px;
	width:auto;
	background:#DE8500;
	}

div#error ul {
	margin:0;
	padding:0 0 0 18px;
	}

div#error ul li {
	margin:0;
	padding:0;
	}




/* ---------------------------------------------------------- */
/* CLEARING ELEMENTS ---------------------------------------- */
/* ---------------------------------------------------------- */

.clear-both,
.clear-left,
.clear-right {
	height:0;
	font-size:1px;
	line-height:0;
	border-width:0;
	}
	
.clear-both {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}




/* --------------------------------------------------------------------------------------------------------------- */
/* CLEARING ELEMENTS - DO NOT EDIT! ------------------------------------------------------------------------------ */

.clr:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}

.clr {
	display:inline-table;
    
   }

/* Hides from IE Mac \*/
*html .clr {height:1%;}
.clr {display:block; line-height:0;}
/* End hide from IE Mac */

/* ---------------------------------------------------------- */
/* ADDED BY PETER ------------------------------------------- */
/* ---------------------------------------------------------- */

table.locations {
width:725px;
border:0px solid #878DBE;
}

td.locationmenu {
width:200px;
border:0px solid #878DBE;
line-height:1.5;
}

td.locationpane {
font-size:12px;
padding-left:3px;
width:525px;
border:0px solid #878DBE;
}

td.locationinfo {
font-size:12px;
padding-left:3px;
width:300px;
border:0px solid #878DBE;
}

.states,
.states ul {
margin:0;
padding:3px;
list-style:none;
}

.states li {
margin:0;
padding:0;
margin-bottom:1px;
}

.states a:hover,
.states a:active {background:white  ;}
.states ul li {padding-left:1px;}
.states ul a {background:White;}
.hidden {display:none;}

/* ---------------------------------------------------------- */
/* ADDED BY MIKE   ------------------------------------------ */
/* ---------------------------------------------------------- */

#AdapterNavTable {
    background-color:#f8c25c;
    border-bottom:1px solid #878DBE;
	border-left:1px solid #878DBE;
	border-right:1px solid #878DBE;
	font-size:12px;
	color:#333333;
		}
		  
#AdapterNav {
	width:778px;
	margin:0 auto;
	border-bottom:1px solid #878DBE;
	border-left:1px solid #878DBE;
	border-right:1px solid #878DBE;
	}

#AdapterNav p {
	list-style:none;
	width:778px;
	float:left;
	background:url(../interface/AdapterNavBack.gif) 0 100% no-repeat;
	padding:0;
	margin:0;
	}

#AdapterNav p {
	float:left;
	margin:0 0px;
	}

#AdapterNav p {
	display:block;
	font-size:10px;
	color:#000000;
	padding:5px 0;
	}

#AdapterNav a:link,
#AdapterNav a:visited {
	color:#0f1a7c;
	font-weight:normal;
	}

#bluerectangle {
font-size:11px;
padding-top:5px;
padding-bottom:5px;
}

.styleorange {
font-size:11px;
color:#CC6600;
}

.styleorange a:link,
.styleorange a:visited
{
color:#CC6600; 
text-decoration:none; 
font-weight:bold;
}

.styleorange a:hover {
text-decoration:underline;
}

#redesignmaintable {
font-size:12px;
line-height:14px;
padding:10px 10px 10px 0;
background-color:#FFFFFF;
border-right:1px solid #9999cc;
border-left:1px solid #9999cc;
border-bottom:1px solid #9999cc;
}

#redesignbottomtable {
background-color:#FFFFFF;
border-right:1px solid #9999cc;
border-left:1px solid #9999cc;
border-bottom:1px solid #9999cc;
}

#redesignsubheader {
font-size:13px;
color:#f0b23d;
font-weight:bold;
}

#redesigntableclear {
padding:0 0 0 10px;
}

#redesigntextboxes {
height: 220px;
}


/* ---------------------------------------------------------- */
/* 2009 CSS WRITTEN BY PETER R   ------------------------------------------ */
/* ---------------------------------------------------------- */




body {
	font-family:trebuchet MS;
	/*line-height: 1.3em;
	margin: 0;
	padding: 0;*/
	font-size: 11px;
	color: #777777;
	/*background: #373737;*/
	background: #ffffff;
}

td.header {
/*background:url(../2009/headerbg.jpg) left top no-repeat;*/
text-align:right;
vertical-align:bottom;
height:100px;
}

#headernav1 {
		/*border: 1px solid #ff0000;*/
	font-family:Tahoma;
	font-size: 11px;
	font-weight:normal;
	height:px;
	position:relative;
	bottom:15px;
       }

#headernav2 {
	/*border: 1px solid #ff0000;*/
	color:#bd4707;
	font-family:Tahoma;
	font-size: 11px;
	font-weight:normal;
	height:px;
	position:relative;
	bottom:3px;
	right:8px;
}

a.headernav {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight:bold;
	color:#082ac0;
	text-decoration:none;	
}

a.headernav:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight:bold;
	color:#f4061c;
	text-decoration:none;	
}


a.headernavcart {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight:bold;
	color:#082ac0;
	text-decoration:none;
        background:url(../2009/shopcart2.gif) 0% 50% no-repeat;	
}

a.headernavcart:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight:bold;
	color:#f4061c;
	text-decoration:none;	
}


td.navmenu {
background:#e0e0e0;
border-top: 1px solid #919090;
border-bottom: 1px solid #919090;
border-left: 1px solid #919090;
border-right: 0px solid #919090;
text-align:left;
width:160px;
vertical-align:top;
color:#02659a;
}

#navmenu {
	text-align:left;
	border: 0px solid #ff0000;
	font-family:Arial;
	font-size: 11px;
	font-weight:bold;
	width:140px;
       	position:relative;
        left:5px;
}

a.navmenu {
	color:#02659a;
	font-family:trebuchet MS;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;	
}

td.featured {
border-top: 0px solid #919090;
border-bottom: 0px solid #919090;
border-left: 1px solid #919090;
border-right: 0px solid #919090;
background: #ffffff;
}

td.ad1 {
border-top: 1px solid #919090;
border-bottom: 0px solid #919090;
border-left: 1px solid #919090;
border-right: 0px solid #919090;
}

td.ad2 {
border-top: 0px solid #919090;
border-bottom: 0px solid #919090;
border-left: 0px solid #919090;
border-right: 1px solid #919090;
}


td.ad3 {
border-top: 0px solid #919090;
border-bottom: 0px solid #919090;
border-left: 1px solid #919090;
border-right: 1px solid #919090;
}

/******START NAV MENU SCRIPT ********/

 

.arrowlistmenu{

padding-top:5px;

width: 160px; /*width of accordion menu*/

}

 

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font: bold 12px Arial;

color: #295293;

background:#e0e0e0;

margin-bottom: 2px; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 4px 0 4px 8px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;

}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

/*background-image: url(../2009/titlebar-active.png);*/

}

 

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}

 

.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}

 

.arrowlistmenu ul li a.subitem{

color: #A70303;

background: url(../2009/arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 2px 0;

padding-left: 17px; /*link text is indented 19px*/

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid #c0c0c0;

font-size: 80%;

}

 

.arrowlistmenu ul li a.subitem:visited{

color: #A70303;

}

 

.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}


/******END NAV MENU SCRIPT ********/

input {
font-size:11px;
font-family:trebuchet MS;
}

td.footer {
background:url(../2009/footernavbg.gif) left top no-repeat;
text-align:right;
vertical-align:middle;
color: #000000;
height:25px;
}

#footernav {
		/*border: 1px solid #ff0000;*/
	font-family:Tahoma;
	font-size: 11px;
	font-weight:normal;
	height:px;
	position:relative;
	}

a.footernav {
	font-family: Arial, Verdana, Tahoma;
	font-size: 10px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
        	
}

a.footernav:hover {
	font-family: Arial, Verdana, Tahoma;
	font-size: 10px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;	
}


td.marketing1 {
font-family:trebuchet MS;
font-size: 11px;
border: 1px solid #5A5959;
background:#808080;
color:#ffffff;
text-align:center;
vertical-align:middle;
height:75px;
width:237px;
padding-left:0px;
}


	
td.marketing2 {
font-family:trebuchet MS;
font-size: 11px;
border: 1px solid #5A5959;
background:#808080;
color:#ffffff;
text-align:center;
vertical-align:middle;
height:75px;
width:237px;

}

td.marketing3 {
font-family:trebuchet MS;
font-size: 11px;
border: 1px solid #5A5959;
background:#808080;
background-image: url(../2009/adapters.gif);
color:#ffffff;
text-align:center;
vertical-align:middle;
height:75px;
width:237px;

}

#marketing3text {
margin-left:63px;
}

#marketing3text a{
hover: underline;
color: #ffffa0;
}


td.marketing4 {
font-family:trebuchet MS;
font-size: 11px;
border: 1px solid #5A5959;
background:#808080;
color:#ffffff;
text-align:center;
vertical-align:middle;
height:75px;
width:237px;

}


td.marketingnewsletter {
font-family:Arial;
font-size: 12px;
font-weight: bold;
border: 1px solid #373737;
background:#808080;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
height:75px;
width:237px;
}

td.partners {
border-left: 1px solid #919090;
border-top: 1px solid #919090;
border-bottom: 1px solid #919090;
background:#ffffff;
text-align:center;
vertical-align:middle;
height:75px;
width:237px;
}

td.partnersright {
border-right: 1px solid #919090;
border-left: 1px solid #919090;
border-top: 1px solid #919090;
border-bottom: 1px solid #919090;
background:#ffffff;
text-align:center;
vertical-align:middle;
height:75px;
width:237px;
}


.footercopy {
font-size: -2em;
font-family: Arial, sans-serif;
margin-top: 5px;
text-align: right;
}


.tipoftheday {

color:#082ac0; 
border-style: ridge;
border-color: #05165e;
font-size: 16px;
font-weight: bold;
background-color: #eaeaec;
margin-right: 3px;
padding-left: 3px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}

/* ---------------------------------------------------------- */
/* RUNNING SHOP CART FOR 2009 DESIGN - ADDED BY MIKE--------- */
/* ---------------------------------------------------------- */

#runningCart2 {
	background:url(../interface/runningCartBack.gif) 0 100% repeat-x;
	padding:4px 15px;
	border-width:0 1px 1px 1px;
	border-color:#878DBE;
	border-style:solid;
	overflow:auto;
	}

#runningCart2 label {
	width:auto;
	padding:0 10px 0 0;
	font-size:10px;
	margin:0;
	}

#runningCart2 select {
	padding:0;
	margin:0;
	width:300px;
	}


/* --------------------------------------------------------------- */
/* SEARCH FORMS 2009 (TOP OF PAGE) ------------------------------- */
/* --------------------------------------------------------------- */

form#topSearch2 {
	
	overflow:auto;
	padding:6px 0px;
	margin:0px auto;
	width:;
		}

form#topSearch2 fieldset {
	float:right;
	text-align:center;
	margin:0px;
	border:none;
	padding:0px;
	}

form#topSearch2 .inputImage,
form#topSearch2 select {
	margin:0px 3px 0px 0px;
	float:left;
	height:20px;
	}

form#topSearch2 label {
	font-size:10px;
	line-height:18px;
	text-align:left;
	margin:0px 3px 0px 15px;
	width:auto;
	padding:0;
	height:20px;
	}

#topSearch2 #deptDrop {
	width:120px;
	}
	
#topSearch2 #deptBrandDrop {
	width:120px;
	}
	
#topSearch2 #refillBrandDrop {
	width:80px;
	}
	
#topSearch2 #refillTypeDrop {
	width:80px;
	}

#topSearch2 #prodSearch2 {
	width:60%;
	}

#topSearch2 #refillSearch {
	width:35%;
	}


/* ---------------------------------------------------------------------------- */
/* WRAPPER 2: SURVEY.ASP PAGE FOR 09 REDESIGN---------------------------------- */
/* ---------------------------------------------------------------------------- */


#wrapper2,
#homeWrappe2r,
#deptWrapper2,
#deptList2,
#prodWrapper2 {
	margin:0 auto;
	background:#FFF;
	border-bottom:1px solid #919090;
        border-top:1px solid #919090;
	text-align:left;
	padding:20px;
        height:100%;
	}

#homeWrapper2 {padding:0;}
#deptWrapper2,
#deptList {padding:0 20px;}

#deptList2 td td p,
#deptList2 td td div, #deptList #colors {display:none;}
#deptList2 td {width:30%;}
#deptList2 td td {width:auto; text-align:center;}
#deptList2 td table {margin:0 0 15px 0;}
#deptList2 td {padding:10px;}

div.twoCol2 {border-bottom:1px solid #FFF; margin:0 0 20px 0;}

div.twoCol2 {background:url(../interface/colTwoBack.gif) 0 0 repeat-y;}

.colPadding2 {
	padding:10px;
	}

div.left,
div.right {text-align:justify; border-top:1px solid #EFEFEF;}
	
div.left fieldset,
div.mid fieldset,
div.right fieldset {border:none;}

div.twoCol2 div.left,
div.twoCol2 div.right {width:360px; float:left;}

div.twoCol2 div.left {margin:0 20px 0 0;}

div.left h3,
div.mid h3,
div.right h3 {
	padding:0 0 15px 0;


	}

/* ---------------------------------------------------------- */
/* ADDED BY Mike W - New Navigation --------------------------- */
/* ---------------------------------------------------------- */

#navplace {
  width:958px;
  height:70px;
  margin:0;
  padding:0;
  border-top: 1px solid #919090;
  border-right: 1px solid #919090;
  border-left: 1px solid #919090;
  }

#nav, #nav ul {
	list-style:none;
	width:980px;
	float:left;
	background-image:;
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	text-align:left;
}

#nav a {
	display: block;
	font-size:11px;
	padding:0px 0;
	font-weight:normal;
}

#nav a:hover {
	background:url(../interface/navArrow.gif) 50% 100% no-repeat;
	color:#0034BB;
	}

#nav a:link,
#nav a:visited {
	color:#0a6fb5;
	font-weight:bold;
	}

#nav li {
	float: left;
	margin:0 10px;
}

#nav li a:hover {
	color:#c1161e;
	}

#nav li ul {
	position: absolute;
	width:200px;
	left: -999em;
	background: white;
	z-index:9999;
}

#nav li:hover ul {
	left: auto;
	background: white;
	color:#092787;
}

#nav li:hover ul, 
#nav li.sfhover ul {
	left: auto;
	background: white;
	color:#;
}

#nav ul li ul li a:hover{
  background: #d6d4d4;
  }
  
#nav ul li ul li a{
  padding: 1px;
  display:block;
  width:200px;
  }