@charset "UTF-8";
/* CSS Document */

body { margin: 0; background-color: #FFF; background-image: url(img/mainback3.gif); background-repeat: repeat-y; background-position: center; min-width:988px; }
center { margin-left: auto; margin-right: auto; width: 990px; }
#whitebkg { background-color: #FFF; width: 100%; }
#header { margin: 0; padding: 0; height: 135px; background-image: url(img/Fritzpet_Header.jpg); background-repeat:  no-repeat; width: 990px;  }
#header-L { display: inline; float: left; width: 750px; margin: 0; }
#header-R { display: inline; float: right; font: 10px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #666; padding: 40px 54px 0 0; width: 180px; margin: 0; text-align: right; }
#header-R a { color: #3e5b71; }
#header-R a:hover { color: #0092ff; }
.incart { background-color: #f3ffe6; border: solid 1px #d2e8bb; color: #66804b; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 5px 8px 5px 30px; line-height: 16px; margin: 8px 0 0 0; background-image: url(img/incart.gif); background-repeat: no-repeat; }
.outcart { background-color: #ffe6e6; border: solid 1px #dca4a4; color: #933232; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 5px 8px 5px 30px; line-height: 16px; margin: 8px 0 0 0; background-image: url(img/outcart.gif); background-repeat: no-repeat; }
.same { color: #E4E4E4; font: bold 30px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 0; }

#cartbar { font: 11px "Lucida Sans", "Trebuchet MS", Arial, sans-serif; color: #42647c; line-height: 16px; margin: 0 0 16px 0; padding: 0 0 8px 0; border-bottom: solid 1px #62869b; }
.text11 { font: 11px "Lucida Sans", "Trebuchet MS", Arial, sans-serif; }
.asterisk { font: 12px "Courier New", Courier, monospace; color: #F00; }
.notice { padding: 5px; background: #EBF3FA; border: solid 1px #3CF; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #036; margin: 7px 0; }
.notice1 { padding: 5px; background: #EBF3FA; border: solid 1px #3CF; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #036; margin: 0; }
.notice2 { padding: 5px; background: #feffd6; border: solid 1px #dadc95; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #595a40; margin: 0; }

.randomhome { margin: 0 0 0 -32px; z-index: 9; display: inline; float: left; position: absolute; }


#header-R form { margin: 88px 9px 0 0; }
#wrapper { text-align: left; padding: 0; border:0; width: 990px;  }
#container { padding: 0; margin: 0; border-top: solid 10px #1b4057; }
h1 { padding: 20px 10px 7px 0px; color: #397ea8; font: 29px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; margin: 0 0 13px 0; letter-spacing: -1px; }
h1 strong { color: #444; }
h2 { padding: 4px 0 8px 5px; margin: 0 0 8px 0; font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #22638b; background-image: url(img/h2bkg.png); background-repeat: repeat-x; }
h3 { padding: 0 0 4px 0; margin: 0 0 4px 0; font: bold 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #555; border-bottom: dotted 1px #777; }
h4 { padding: 0 0 8px 0; margin: 0 0 5px 0; font: bold 15px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #0f4464; }
h5 { padding: 0 0 2px 0; margin: 0; font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #000; }
h6 { padding: 4px 0 5px 5px; margin: 0 0 3px 0; font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #774c00; background-image: url(img/h2bkg2.png); background-repeat: repeat-x; }

.graybox { padding: 10px; background: #EEE; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #444; line-height: 15px; }
#breadcrumb { padding: 12px 0 10px 0; font: 10px Arial, Helvetica, sans-serif; color: #666; border-bottom: dashed 1px #7db1cb; }
#side-a { float: left; width: 162px; padding: 0; margin: 30px 10px 0 0; }
#content { float: left; padding: 0; margin: 0; }
#imgHolder{width: 250px; float: right; padding-right: 40px;}
#side-b { float: left; width: 170px; padding: 0; background: #EEE; margin: 0 0 0 10px; }
img { border: none; }
#footer { clear: both; padding: 15px 0 30px 0; font: 10px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #888; border-top: solid 2px #CCC; line-height: 17px; width: 730px; margin: 0 0 0 260px; }
p { font: 12px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #34474f; line-height: 17px; margin: 0 0 10px 0; padding: 5px; }
a, a:visited { text-decoration: none; color: #06C; outline: none; }
a:hover { color: #09F; }
#menu { clear: both;  margin: 0; background:url(img/menubkg.jpg); background-repeat: no-repeat; width: 100%; background-position: top left; }
#menu ul { margin: 0; padding: 0 0 0 55px; }
#menu li { list-style: none; display: inline; float: left; margin: 0; padding: 5px 0; }
#menu a { font: bold 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #FFF; padding: 4px 22px 0 9px; display: block; margin: 1px 0; float: left; border-right: solid 1px #3e78bf; outline: none; }
#menu a:hover { color: #0CF; }
.clear { font-size: 1px; height: 1px; clear: both; }
.inner-left { display: inline; float: left; width: 195px; padding: 17px 0 0 33px; margin: 0 32px 0 0;   }
.inner-left h2 { font: bold 14px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; background: none; padding: 0; margin: 0 0 9px 0; color: #007cb6; }
.inner-left p { padding: 0; }
.inner-right { display: inline; float: right; width: 730px; padding: 0;  }
.column-left { display: inline; float: left; width: 48%; padding: 5px 0 9px 0; }
.column-right { display: inline; float: right; width: 48%; padding: 5px 0 9px 0; }
.product-list ul { margin: 5px 0 5px 35px; padding: 0; }
.product-list li { list-style: square; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #777; }
#product-menu { margin: 0 0 15px 0; }
#product-menu ul { margin: 0; padding: 0; }
#product-menu li { list-style: none; padding: 0; margin: 0; }
#product-menu a { margin: 0; padding: 4px 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #256184; border-bottom: dotted 1px #62a8d5; display: block; outline: none; }
#product-menu a:hover { margin: 0; padding: 4px 0; color: #333; display: block; color: #06C; background: #EEE; }
#product-menu .noline { border: none; }
#product-menu .microlink { border-bottom: dotted 1px #62a8d5;  padding: 0 0 10px 0; }
#product-menu .microlink a { margin: 0; padding: 2px 0 2px 15px; font: 10px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; border: none; display: block; color: #096fb0; outline: none; }
#product-menu .microlink a:hover { margin: 0;  padding: 2px 0 2px 15px; color: #333; border: none; display: block; color: #3795f2; outline: none; }
#tipper { background: #fffacc; color: #000; padding: 6px 6px 6px 20px; position: absolute; font: 11px Tahoma, Verdana, Arial, sans-serif; line-height: 15px; border: solid 1px #CCC; background-image:url(img/bulb.gif); background-repeat: no-repeat; background-position: top-left; }
.tip { text-align: left; background: #fffacc; color: #000; padding: 6px 6px 6px 20px; font: 11px Tahoma, Verdana, Arial, sans-serif; line-height: 15px; border: solid 1px #CCC; background-image:url(img/bulb.gif); background-repeat: no-repeat; background-position: top-left; }
.tip2 { text-align: left; position:absolute; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #243368; padding: 7px 7px 7px 35px; margin: 0 0 15px 0; line-height: 16px; background-color: #ddf6f9; border: solid 1px #b3e0e5; background-image: url(img/tipbkg.gif); background-repeat: no-repeat; }

.table-mainheading { font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 4px 0; border-bottom: solid 2px #AAA; }
.table-heading { font: bold 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #666; padding: 4px; border-left: solid 1px #FFF; background-image: url(img/tableheadbkg.gif); background-repeat: repeat-x; }
.table-heading-micro { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; background: #EEE; padding: 4px; }
.form-quantity { font: 12px "Courier New", Courier, monospace; color: #000; width: 31px; border: solid 1px #AAA; padding: 2px; }

.table-list { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; }
.table-list-close { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; background: #e8f2f6; }
.table-list-close-green { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; background: #e8f6e9; }


.table-list-price { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px Arial, sans-serif; color: #444; }
.table-list-code { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px Tahoma, Verdana, Arial, sans-serif; color: #444; }
.table-list-empty { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #e77c7c; line-height: 15px; }
.submit-row { padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; background: #EEE; }
.form-d1 { border-bottom: dashed 1px #DDD; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; }
.table-list-selected { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; background: #e1f1ff; }
.table-list-green { border-bottom: solid 1px #c9dee7; border-right: dotted 1px #CCC; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; background: #efffdc; }
.table-list-grand { border-right: dotted 1px #CCC; padding: 4px; font: 12px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; background: #efefef; border-top: solid 2px #FFF; }
.grand-total { font-size: 15px; color: #444; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

ul { margin: 0; padding: 0 0 5px 20px; }
li { font: 12px  "Trebuchet MS", "Lucida Sans", Arial, sans-serif; line-height: 17px; margin: 0 0 7px 0; }

.column-33 { width: 165px; padding: 0 13px 0 0; display: inline; float: left; }
.column-33-center { width: 165px; padding: 0 13px 0 0; display: inline; float: left; text-align: center; }
.column-25 { width: 165px; padding: 0 10px 0 0; display: inline; float: left; }
.column-200 { width: 213px; padding: 0 13px 0 0; display: inline; float: left; }
.column-200 p { border-right: dotted 1px #DDD; font: 11px Arial, Helvetica, sans-serif; padding: 4px 0 8px 2px; margin: 0 0 4px 0; border-bottom: solid 10px #EEE; height: 65px; }


.faqarea { padding: 12px; background-color: #F1F1F1; margin: 0 0 15px 0; color: #3d5a6b; background-image: url(img/faqbkg.gif); background-repeat: repeat-x; }
.faqarea p { font: 12px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #34474f; line-height: 17px; margin: 0 0 10px 0; }
.form-txt { font: 11px Tahoma, Verdana, Arial, sans-serif; color: #444; margin: 2px; padding: 1px; }
.form-txt-100 { font: 11px Tahoma, Verdana, Arial, sans-serif; color: #444; margin: 2px; padding: 1px; width: 99%; }
.form-button { font: bold 11px "Lucida Sans", "Trebuchet MS", Arial, sans-serif; margin: 2px; }
.form-button-disable { font: italic 11px "Lucida Sans", "Trebuchet MS", Arial, sans-serif; margin: 2px; color: #999; background: #FFF; }

form { margin: 0; padding: 0; font: 11px "Lucida Sans", "Trebuchet MS", Arial, sans-serif; }

.bluearea { padding: 12px; background-color: #FFF; margin: 0 0 15px 0; color: #3d5a6b; background-image: url(img/blueareabkg.gif); background-repeat: no-repeat; background-position: top right; border: solid 1px #c2e0e7; }
.bluetext { color: #246cd8; }
.greentext { color: #6ca414; }
.redtext { color: #F00; }
.graytext { color: #858585; }


.float-right { float: right; padding-left: 8px; }
.float-right-190 { float: right; padding-left: 15px; width: 190px; clear: both; }

.back { padding: 12px 0; line-height: 19px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; }
.tip { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #243368; padding: 7px 7px 7px 35px; margin: 0 0 15px 0; line-height: 16px; background-color: #ddf6f9; border: solid 1px #b3e0e5; background-image: url(img/tipbkg.gif); background-repeat: no-repeat; }
.tip strong { color: #00F; }
.size10 { font: 10px Verdana, Arial; }
.size10-tahoma { font: 10px Tahoma, Verdana, Arial; color: #688ca3; }

.jump { border-top: solid 1px #DDD; padding: 8px 0 20px 0; font: 11px Tahoma, Verdana, Arial, sans-serif; color: #888; }
.tip-33 {  width: 72%; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #243368; padding: 7px 7px 7px 28px; margin: 0 0 15px 0; line-height: 16px; background-color: #ddf6f9; border: solid 1px #b3e0e5; background-image: url(img/tipbkg.gif); background-repeat: no-repeat; }
.tip-33 strong { color: #00F; }
.discontinued { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 4px; color: #F00; border-bottom: solid 1px #DDD; }
.list { border-bottom: dotted 1px #CCC; padding: 4px 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; }
.list-2 { border-bottom: dotted 1px #CCC; padding: 3px 0; font: 10px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; }
.list-3 { border-bottom: dotted 1px #CCC; padding: 4px 5px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; }
td { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; }
.enclosure { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 5px; background: #ecf5fa; margin: 5px 0 0 0;  }
.line { height: 1px; border-top: solid 1px #888; margin: 0 0 10px 0; font-size: 1px; }

.toc { padding: 9px 0 9px 9px; border-top: solid 1px #9bdaf7; border-left: solid 1px #9bdaf7; border-bottom: solid 1px #9bdaf7; width: 200px; background: #FFF; font: 11px Tahoma, Verdana, Arial, sans-serif; }
.toc ol { margin: 0 0 0 19px; padding: 0; }
.toc li { margin: 0; padding: 2px 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; }
.toc h3 { font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #666; border-bottom: solid 2px #9bdaf7; }
.statusN { background: #DDD; font: bold 10px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: solid 1px #DDD; color: #FFF; }
.status0 { background: #AAA; font: bold 10px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: solid 1px #DDD; color: #FFF; }
.status1 { background: #B10; font: bold 10px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: solid 1px #DDD; color: #FFF; }
.status2 { background: #B60; font: bold 10px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: solid 1px #DDD; color: #FFF; }
.status3 { background: #BA0; font: bold 10px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: solid 1px #DDD; color: #FFF; }
.status4 { background: #890; font: bold 10px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: solid 1px #DDD; color: #FFF; }
.status5 { background: #090; font: bold 10px Arial, Helvetica, sans-serif; padding: 4px; border-bottom: solid 1px #DDD; color: #FFF; }

#errorbox { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; background: #FFECEC; border: solid 1px #FFAEAE; color: #F00; padding: 5px; margin: 0 0 8px 0; }
#errorbox h1 { border: none; padding: 0 0 4px 0; margin: 0 0 4px 0; border-bottom: dashed 1px #F99; font: bold 14px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #F00; letter-spacing: normal; }
#errorbox p { font: padding: 0; margin: 0; }

.formula-notation { float: right; padding: 0; margin: 0 0 10px 10px; font: 63px Verdana, Arial, sans-serif; letter-spacing: -1px; color: #5e768f; border-bottom: solid 2px #2993d6; }
.extra-cart { color: #cd6a00; font: 10px Arial, sans-serif; margin: 4px 0 0 0; }
.searchlist { padding: 6px 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; border-bottom: dashed 1px #CCC; }
.searchlist1 { padding: 6px 10px 6px 0; font: 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #999; border-bottom: dashed 1px #CCC; }

.notice3 { background: #fff9e8; color: #aa8000; padding: 5px; font: 11px Arial, Helvetica, sans-serif; }
#subscribe {  padding: 0 0 0 10px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; }
#vdate {  padding: 0 0 0 10px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; }