/* CSS Document */

body { background-color:#FFFFFF; color:#0033CC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:300; margin-top:50px;}

div#header {width: 960px; height: 190px; z-index: 1; background:url(images/header.jpg) no-repeat; margin:0 auto; position:relative;}

div#leftcol { width: 160px; height: 490px; z-index: 25; background:url(images/leftcol.jpg) no-repeat; float:left; margin:0 auto; overflow:visible; position:relative;}
div#maincontent {width: 800px; height: 490px; z-index: 20; background:url(images/mainsection.jpg) no-repeat; float:left; margin:0 auto; position:relative; overflow: visible;}
div#footer { width: 960px; height: 80px; z-index: 2; background:url(images/footer.jpg) no-repeat; float:none; clear:both;margin:0 auto; position:relative;}
div#capsule { width:960px; margin:0 auto;}


div#leftcol table { margin-left:20px;}
div#header h1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#000066; margin:0px; padding:0px; width:370px; height:70px; text-indent:-9999px; position:absolute; background:url(images/cleaning_rags.jpg) no-repeat; top:20px; left:390px; z-index:5;}
div#header h2 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:300; color:#0066FF; margin-left:145px; margin-top:105px; position:absolute; letter-spacing:0.1em;}
div#header p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0033FF; width:170px; position:absolute; top:40px; left:190px; z-index:7; margin:0px; padding:0px; text-align:center;}
div#header li {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:900; margin:0px; background:#99CCFF;  list-style-position:outside; border:2px #FFFFFF solid; width:200px; height:30px; vertical-align:middle; text-align:center; padding-top:10px; margin-right:55px; margin-top:10px; letter-spacing:0.1em; color:#000099;}
div#header li:hover { background:#000099; cursor:pointer; color:#CCCCCC;}
div#header li:active {background:#000099; color:#CCCCCC;}
div#leftcol h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:100px; margin-left:10px; margin-top:0px; padding-top:10px; padding-bottom:0px;}
div#leftcol p { font-size:11px; margin-left:10px; padding-bottom:0px; padding-top:0px; margin-top:3px; margin-bottom:0px;}
div#header ul { position:absolute; top:130px; left:150px; margin:0px; padding:0px; list-style-type: none; padding-left:30px; }


div#maincontent h3 { margin-top:10px; margin-left:15px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:900; letter-spacing:0.1em; margin-bottom:5px;}
div#maincontent h3.incmarg {margin-left:30px;}
div#maincontent ul {padding:0px; padding-left:29px; margin:0px; margin-top:10px;}
div#maincontent li { padding-bottom:10px;}
div#product_buttons {  z-index:10; margin:0px; padding:0px; overflow:visible;}
div#footer ul { margin:0px; padding:0px; position:absolute; top:60px; text-align:center; left:170px; }
div#footer li {display:inline;}
div#footer li p {display:inline; margin-left:10px; margin-right:10px;}
div#footer a:link { font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:100; color:#0099CC; text-decoration:none; letter-spacing:0.1em;}
div#footer a:hover { font-family:"Times New Roman", Times, serif;color:#000099; text-decoration:none; font-size:12px;}
div#footer a:active {font-family:"Times New Roman", Times, serif;color:#0099CC; text-decoration:none; letter-spacing:0.1em; font-size:12px;}
div#footer a:visited {font-family:"Times New Roman", Times, serif;color:#0099CC; text-decoration:none; letter-spacing:0.1em; font-size:12px;}

div#chico_col { width:200px; height:390px; float:left; margin-left:23px; background: url(images/cleaning_rags_background.png) no-repeat;}
div#chico_col img {margin-left:13px;}
div#rags_col {width:200px; height:390px; float:left; margin-left:59px; background: url(images/cleaning_rags_background.png) no-repeat;}
div#rags_col img {margin-left:13px;}
div#woven_col {width:200px; height:390px; float:left; margin-left:59px; background: url(images/cleaning_rags_background.png) no-repeat;}
div#woven_col img {margin-left:13px;}
div#address { background:url(images/address_tab.png) no-repeat; width:121px; height:241px; margin-top:25px; margin-left:20px; z-index:30; color:#aaa; }
div#address:hover {background:url(images/address_tab2.png) no-repeat; cursor:pointer; }

p.main_space2 { margin-left:30px; width:720px; margin-top:10px; padding:0px; line-height:17px;}
p.main_space { margin-left:20px; width:730px; margin-top:10px; padding:0px; line-height:17px;}
li.prod_buttons { padding:0px; width:200px; height:53px; padding-right:57px; list-style:none;}
li.prod_but_2 {width:200px; height:53px; padding-left:3px;}
ul.prod_button { z-index:20px; list-style:none; padding:0px; position:relative; left:-3px; list-style:none;}
ul.prod_button a:focus { outline: 0;}
p.transmat { clear:both; margin-left:20px; margin-right:20px;}

/* products */

a.product:link { text-decoration:none; color:#03f}
a.product:hover { text-decoration:none; color: #CCC;}
a.product:active { text-decoration:none; color:#03f}
a.product:visited { text-decoration:none; color:#03f}

p.timeline { font-size:11px;}