/* CSS Document */
/* Eric Meyer's Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, em, font, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;
	vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */

caption {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* End if Global Reset */


body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; }

h1 {font-size:23px; font-family:Arial, Helvetica, sans-serif; color:#111;  font-weight:normal; margin-bottom:20px;}
h2 {font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-bottom:15px;}
h3 {font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#111; margin-bottom:10px;  padding-bottom:5px; border-bottom:1px dotted #111;}


#headercontainer { margin: 0px auto 0 auto; background:#fff url('images/yellow-top-back.gif') repeat-x; }
#header { width:960px; margin: 0px auto 0 auto;  height:139px;  }
#header-numbers {font-size:16px; color:#000; position:relative; top:20px; text-align:right; right:10px; line-height:22px;}
#header-numbers a {color:#000}

#navcontainer { margin: 0 auto 0 auto; background: #000 url('images/nav-back.gif') repeat-x top left; }
#nav { width:960px; margin: 0 auto 0 auto; height:45px;     }
#nav ul { list-style:none;    padding-top:5px; }
#nav ul li {display:inline;  line-height:45px;    }
#nav ul li a:link, #nav ul li a:visited {text-decoration:none; margin-right:3px; border-left:1px solid #530400; border-right:1px solid #530400; background:#000 url('images/nav-link.gif') repeat-x;  color:#fff; font-size:18px;  padding: 7px 23px 7px 23px; }
#nav ul li a:link.selected {color:#fff; }
#nav ul li a:hover {text-decoration:none; background:#000 url('images/nav-hover.gif') repeat-x;  border-left:1px solid #000; border-right:1px solid #000;}

#contentcontainer { margin: 1px auto 0 auto;  background: #fff url('images/content-top-back.gif') repeat-x top left; }
#content { width:960px; margin: 0 auto 0 auto; display:table;   }

#promocontainer { margin: 0px auto 0 auto; background:#000 url('images/promo-back.gif') repeat-x; }
#promo { height: 299px; width: 960px; margin: 0 auto 0 auto; display:table; }
#promo table td {padding-top:17px;}
.prod-desc {padding:15px 25px;}
.prod-desc p {font-size:12px; line-height:16px; color:#fff; margin-bottom:15px;}
.prod-desc a {font-size:14px; color:#fff;}

.product {float:left; border-bottom:1px solid #ccc; margin-top:25px; padding-bottom:15px;}
.product h3 {font-size:17px; padding-bottom:10px; margin-bottom:15px; }
.product-image {float:left; width:350px; text-align:center;}
.product-info {float:left; width:580px; padding:15px; padding-top:0px;}

#maincontainer { margin: 0 auto 0 auto;  }
#main { width:960px; margin: 25px auto 0 auto;   }
#main p {font-size:13px; line-height:16px; margin-bottom:12px;}
#main h2 {color:#111;}
#main-left {float:left; background:url('images/vertical-dash.gif') repeat-y top right; width:580px; border-right:1px solid #cfcfcf;  }
#main-left p {color: #111; line-height:17px; font-size:13px; margin-bottom:12px; padding-right:60px; }
#main-right {float:right; text-align:left; width:350px;   }
#main-right h1 {margin-bottom:4px;}
#main-right p {font-size:12px; color:#191919; line-height:15px;}
#main-right table img {padding-right:15px;}
#main-right table td {padding-bottom:10px;}
#main-right table td a {color:#000;}
#main ul {list-style:disc; font-size:13px; padding-left:10px; margin-left:10px; line-height:17px;}

#footercontainer { margin: 20px auto 0 auto; display:table;   }
#footer { clear:both; width:960px; margin: 0 auto 0 auto;  color:#4c4c4c; font-size:11px; border-top:1px solid #e8e8e8 }
#footer-left {float:left; line-height:14px}
#footer-right {float:right; text-align:right; line-height:14px}
#footer  a {color:#4c4c4c}
#footer-left p, #footer-right p {padding:12px 2px;}



