@import url("/css/global/zoomtool.css");
@import url("/css/global/papi.css");
@import url("/css/global/master.css");

body {
font: normal 12px 'lucida grande','arial','helvetica','sans serif';
color: #414142;
padding: 0px 0px 18px 0px;
background: #c2cdc5;
}

th,tr,input{
font: normal 12px 'lucida grande','arial','helvetica','sans serif';
color: #231f20;
}

h1,h2,h3,h4,h5,h6 {
color: #231f20;
}

h2 {
font-size: 16px;
line-height: 1.3em;
}

h3 {
font-size: 14px;
line-height: 1.3em;
}

a {
color: #005953;
}

a:hover {
color: #72aeb6;
}

input.button,a.button {
color: #fff;
background: #005953;
border: 1px solid #70a29f;
border-bottom-color: #00322f;
border-right-color: #00322f;
}

div.header div,div.footer div {
position: relative;
left: 50%;
margin-left: -410px;
width: 820px;
clear: both;
}

ul.tnav, ul.pnav, div.header form input.text {
font: normal 11px 'arial',sans-serif;
}

div.header {
width: 100%;
height: 154px;
padding: 0px;
margin: 0px;
background: url(/images/mainheader.gif) repeat-x;
background-position: 0px;
}

div.header div {
background: #fff url(/images/header.gif) no-repeat;
background-position: 0px;
height: 154px;
}

div.output {
position: relative;
left: 50%;
margin-left: -410px;
clear: both;
width: 754px;
padding: 0px 33px;
background: url(/images/border.gif) repeat-y;
}

div.footer {
width: 100%;
height: 59px;
padding: 0px;
margin-bottom: 18px;
background: url(/images/mainfooter.gif) repeat-x;
background-position: 0px;
}

div.footer div {
position: relative;
background: #fff url(/images/footer.gif) no-repeat;
height: 58px;
}

h1.logo {
position: absolute;
z-index: 10;
top: 30px;
left: 20px;
}

h1.logo a {
display: block;
width: 233px;
height: 60px;
background: url(/images/logo.gif) no-repeat;
}

h1.logo2 {
position: absolute;
top: 100px;
left: 680px;
}

h1.logo2 a {
display: block;
width: 120px;
height: 43px;
background: url(/images/bbb3.gif) no-repeat;
}

h1.logo span, h1.logo2 span {
display: block;
text-indent: -9999px;
}


/* tnav Styles */

ul.tnav {
position: absolute;
width: 586px;
top: 65px;
left: 234px;
margin: 0px;
list-style: none;
}

ul.tnav li {
float: left;
}

ul.tnav li a {
display: block;
text-decoration: none;
line-height: 1em;
color: #000;
padding-top: 4px;
padding-bottom: 4px;
margin: 0px;
}

ul.tnav a {
color: #000;
}

ul.tnav li a:hover { 
color: #c2cdc5;
}

ul.tnav li.first a {
width: 60px;
margin-left: 55px;
}

ul.tnav li.second a {
width: 118px;
}

ul.tnav li.third a {
background: url(/images/cart.gif) no-repeat;
background-position: 0px 3px;
padding-left: 24px;
width: 77px;
}

ul.tnav li.third a:hover {
background: url(/images/cart_hover.gif) no-repeat;
background-position: 0px;
}

ul.tnav li.fourth a {
width: 77px;
}

ul.tnav li.fifth a {
width: 162px;
}

ul.tnav form {

}

ul.tnav form input.text {
width: 95px;
border: 1px solid #000;
border-bottom-color: #999;
border-right-color: #999;
margin: 0px 3px 0px 0px;
padding: 3px 3px;
}

ul.tnav form input.button {
width: 50px;
border: none;
padding: 3px 0px 3px 0px;
}


/* Persistent Global Navigation */

ul.pnav {
width: 780px;
list-style: none;
padding: 6px 0px;
margin: 0px;
}

div.header ul.pnav {
position: absolute;
top: 100px;
left: 20px;
}

div.footer ul.pnav {
position: absolute;
top: 25px;
left: 20px;
}

ul.pnav li {
float: left;
}

ul.pnav a {
display: block;
text-decoration: none;
line-height: 1.5em;
text-align: center;
color: #000;
}

ul.pnav a:hover { 
color: #c2cdc5;
}

ul.pnav li.first a {
width: 83px;
text-align: left;
margin-left: 45px;
}

ul.pnav li.second a {
width: 116px;
}

ul.pnav li.third a {
width: 82px;
} 

ul.pnav li.fourth a {
width: 90px;
display: none;
}

ul.pnav li.fifth a {
width: 115px;
} 

ul.pnav li.sixth a {
width: 131px;
} 

ul.pnav li.seventh a {
width: 51px;
} 

ul.pnav li.eighth a {
width: 66px;
} 

ul.pnav li.ninth a {
width: 43px;
text-align: right;
} 


/* Conversion Styles */

body.cart ul.sequence {
background: #72aeb6;
}

body.cart ul.sequence li {
color: #c2cdc5;
}

body.cart ul.sequence a {
color: #005953;
}

body.cart ul.sequence a:hover {
color: #ffffff;
}

body.cart ul.sequence li.selected {
color: #ffffff;
background: #005953;
}

body.cart th, body.cart h3 {
background: #c2cdc5;
color: #005953;
}

div.category div.display h3,ul.subcats h3 {
background: #c2cdc5;
padding: 4px;
font-size: 12px;
line-height: 1em;
}

div.cart {
_width: 754px;
}


/******** Supplemental & Subscription ********/


div.supplemental ul {
border: solid 1px #c2cdc5;
padding: 6px 6px 6px 6px;
}

div.supplemental ul li ul {
border: none;
}

form.subscribe ul {
border: none;
padding: 0px;
}

form.subscribe {
width: 180px;
_width: 164px;
height: 280px;
background: url(/images/form.jpg) no-repeat;
padding: 8px 8px 8px 8px;
}

form.subscribe h3 {
font-size: 22px;
}

form.subscribe h3,form.subscribe p,form.subscribe label {
color: #fff;
}

form.subscribe .button input.button {
width: 162px;
height: 25px;
background: #FFC20E;
border: 1px solid #ffdd78;
border-bottom-color: #8f6d08;
border-right-color: #8f6d08;
padding: 0px 0px 3px 0px;
}

form.subscribe div.text input.short.text {
padding: 0px 2px;
width: 154px;
margin: 0px;
}

form.subscribe div.text p {
margin: 0px;
padding: 0px;
}



/******** Subcats ********/


div.category div.display a.viewall,ul.subcats a.viewall {
display: block;
background: #005953;
border: 1px solid #72aeb6;
width: auto;
padding: 2px 4px 3px 4px;
margin-top: -31px;
float: right;
color: #fff;
font-size: 11px;
line-height: 1em;
}

div.category div.display a.viewall:hover,ul.subcats a.viewall:hover {
color: #72aeb6;
border: 1px solid #fff;
}

h4 {
color: black;
}

div.copyright {
clear: both;
}