@import url(https://fonts.googleapis.com/css?family=Oswald);

body { margin: 0px; padding: 0px; font-size: 11px; font-family: verdana, Arial, Helvetica, sans-serif; color: #2c473d;  }
a:Hover  { text-decoration: none }
a { color: #477aa1; }
.nomargin  { margin: 0px; padding: 0px }
a image {border: none} 
h1.main { color: #2c473d; font-size: 27px; margin: 0; padding: 0 ; font-family: Oswald, Verdana, Impact, Arial, Helvetica, sans-serif; font-weight: bold; visibility: visible; display: block; position: absolute; top: 178px; left: 202px; z-index: 2; text-transform: uppercase; }
ul { margin-top: 10px; margin-bottom: 15px; }
li { padding-top: 0px; padding-bottom: 3px; margin-top: 0px; margin-bottom: 0px; }
#docfizzix_container {  width: 846px; float: left; margin: 0; padding: 0; }
#docfizzix_header { background-image: url(../img/docfizzix-header.gif); background-repeat: no-repeat; width: 846px; height: 178px; margin: 0; padding: 0; border-width: 0; float: left; }
#docfizzix_footer { background-image: url(../img/docfizzix-footer.gif); background-repeat: no-repeat; width: 846px; height:  74px; margin: 0; padding: 0; border-width: 0; float: left; }
#docfizzix_main   { background-color: white; background-image: url(../img/docfizzix-main.gif); background-repeat: repeat-y; width: 846px; margin: 0; padding: 0; float: left; }
#mousetrap_project_nav  { width: 199px; float: left; margin: 0; padding: 0; }
#mousetrap_cars_text    { width: 647px; float: left; margin: 60px 0 10px; padding: 0; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2c473d; }
#button1, #button2, #button3 { top: 120px; height: 28px; width: 125px; line-height: 28px; text-align: center; position: absolute; z-index: 2; visibility: visible; display: block; }
#button1  { left: 447px; }
#button2  { left: 574px; }
#button3  { left: 701px; }
a.button1-text sub, a.button2-text sub, a.button3-text sub  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: 1px }
a.button1-text, a.button2-text, a.button3-text  { color: #cdccc1; font-size: 15px; font-weight: bold; text-decoration: none; display: block; height: 28px; width: 125px;  }
a.button1-text { background-color: #656942; background-image: url(../img/greenbg.gif);  }
a.button2-text { background-color: #8b471b; background-image: url(../img/redbg.gif);  }
a.button3-text { background-color: #3d5874; background-image: url(../img/bluebg.gif);  }
a.button1-text:hover, a.button2-text:hover, a.button3-text:hover   { color: white; font-size: 15px; font-weight: bold; text-decoration: none; display: block; height: 28px; width: 125px;  }
a.button1-text:hover  { background-color: #7b8b57; background-image: url(../img/greenbg-on.gif); }
a.button2-text:hover  { background-color: #b46225; background-image: url(../img/redbg-on.gif); }
a.button3-text:hover  { background-color: #477aa1; background-image: url(../img/bluebg-on.gif); }
#social { position: relative; top: -110px; left: 754px; width: 100px; height: 50px; z-index: 20; visibility: visible; }
#facebook { position: relative; top: -110px; left: 798px; width: 50px; height: 50px; z-index: 20; visibility: visible; }
#youtube { position: relative; top: -110px; left: 740px; width: 50px; height: 50px; z-index: 20; visibility: visible; }
#docfizzix { position: absolute; top: 13px; left: 57px; width: 169px; height: 136px; z-index: 20; visibility: visible; }
#docfizzix a        { background-image: url(../img/spacer.gif); display: block;  }
#docfizzix a:hover  { background-image: url(../img/docfizzix-header-on.gif); display: block; }
#cart_frame  { margin-top: 2px; margin-left: 30px; }
#nav_cart    { background-color: white; text-align: center; margin: 1px 19px 7px 23px; padding: 2px; border: dashed 1px #787878; }
#nav_cart a  { color: #663300; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#nav_products    { font-size: 12px; margin: 0 19px 7px 23px; padding: 0; list-style-type: none; }
#nav_products li { background: url(../img/pr.gif) no-repeat 2px 9px; padding: 6px 0 2px 10px; border-bottom: 1px dashed #787878; }
#nav_products li a  {color: #663300; font-weight: bold; text-decoration: underline;   }
#nav_products li a:hover  { color: #cf6500; text-decoration: none; padding-left: 4px; }
#nav_help_center    { font-size: 11px; margin: 0 19px 7px 23px; padding: 0; list-style-type: none; }
#nav_help_center li { padding: 6px 0 2px 6px; border-bottom: 1px dashed #787878; }
#nav_help_center li a  {color: #477aa1; text-decoration: none;   }
#nav_help_center li a:hover  { color: #663300; text-decoration: underline;  }
#date   { color: #666666; font-size: 10px; margin: 0; padding: 0; font-family: verdana, Arial, Helvetica, sans-serif; visibility: visible; display: block; position: absolute; top: 178px; left: 0px; width: 820px; z-index: 30; text-align: right; }
#date a { color: #666666; font-size: 10px }
#copyright  { float: left; color: #3e3a34; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: right; width: 822px; clear: both; margin-bottom: 30px; padding-top: 15px; }
#copyright a  { color: #3e3a34; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#copyright a:hover  { color: #3e3a34; text-decoration: none;  }
#contactInfo { color: #666666; font-size: 10px; text-align: center; width: 628px; float: left; clear: both; margin-top: 5px; padding-bottom: 10px; }
#breadcrumb { color: #2c473d; font-size: 11px; margin: 0; padding: 0 ; font-family: georgia, Verdana, Arial, Helvetica, sans-serif; font-style: italic; text-transform: uppercase; word-spacing: 1px; letter-spacing: 1px; }
#breadcrumb { visibility: visible; display: block; position: absolute; top: 220px; left: 202px; z-index: 2;  }
#breadcrumb li { font-style: italic; padding: 0px; display: inline; }
#breadcrumb li.doc_fizzix {padding-left: 0px; padding-right: 0px;  }
#breadcrumb li.first {padding-left: 0px; padding-right: 0px;   }
#breadcrumb li.last {padding-left: 0px; padding-right: 0px;}
#breadcrumb li a { color: #2c473d; font-style: italic; text-decoration: none; }
#breadcrumb li a:hover { text-decoration: underline; }
#utility 	{ list-style-type: none; color: #cbc5c1; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 649px; margin-top: 40px; margin-left: 184px;  padding: 0px; }
#utility li {padding-left: 9px; padding-right: 9px; border-right: 1px solid #cbc5c1; display: inline;}
#utility li.first {padding-left: 0px; padding-right: 9px;  }
#utility li.last  {padding-left: 9px; padding-right: 0px; border-right: none; }
#utility li a   { color: #cbc5c1; text-decoration: none; text-transform: uppercase; }
#utility li a:Hover { color: white; text-decoration: underline }
#utility {width: 833px; voice-family: "\"}\""; voice-family: inherit; width: 649px;}

#searchwrapper { width:211px; height:21px; background-image:url(../img/spacer.gif); background-repeat:no-repeat; padding:0; margin:0; position:absolute; top: 70px; left: 596px; }
#searchwrapper form { display:inline ; }
.searchbox 			{ border:0; background-color:transparent; width:136px; height: 18px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 3px; padding-left: 10px; }
.searchbox_original { border:0; background-color:transparent; position:absolute; width:147px; height:21px; font-size: 10px; font-family: verdana, Arial, Helvetica, sans-serif; }
.searchbox_submit { border:0px; background-color:transparent; position:absolute; left:147px; width:64px; height:21px; }
.searchbox_submit:hover { border:0; background-color:transparent; background-image: url(../img/search-on.gif); background-repeat:no-repeat; position:absolute; left:147px; width:64px; height:21px; }

.dash-line { float: left; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dashed #B2B2B2; }
.banner  { background-image: url(../img/docfizzix-banner.gif); background-repeat: no-repeat; width: 199px; height: 44px; margin: 0; padding: 0; }
.banner_help  { background-image: url(../img/docfizzix-banner-help.gif); background-repeat: no-repeat; width: 199px; height: 44px; margin: 0; padding: 0; }
.clearfix {clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clearfloats { width: 623px; height: 1px; float: left; clear: both;  }

.comments { width: 410px; height: 70px; }
