@charset "utf-8";
@font-face {  
	font-family:"Franklin Gothic Book";  
	src:url(images/fonts/FRABK.TTF);
	src:url(images/fonts/FRABK.eot);
	src:local("Franklin Gothic Book"), url(/images/fonts/FRABK.TTF) format("truetype");
	src:local("Franklin Gothic Book"), url(/images/fonts/FRABK.eot) format("embededOpenType");
}
@font-face {
	font-family:"Franklin Gothic Demi";
	src:url(images/fonts/FRADM.TTF);
	src:url(images/fonts/FRADM.eot);
	src:local("Franklin Gothic Demi"), url(/images/fonts/FRADM.TTF) format("truetype");
	src:local("Franklin Gothic Demi"), url(/images/fonts/FRADM.eot) format("embededOpenType");
}
@font-face {
	font-family:"Franklin Gothic Medium";
	src:url(images/fonts/framd.ttf);
	src:url(images/fonts/framd.eot);
	src:local("Franklin Gothic Medium"), url(/images/fonts/framd.ttf) format("truetype");
	src:local("Franklin Gothic Medium"), url(/images/fonts/framd.eot) format("embededOpenType");
}
/* CSS Document */

body.b800 {
	margin:auto;
	width:800px;
	font-size:16px;
	display:table
}
body.b8001 {
	background: url(images/bgblue.png) repeat-y;
	margin:auto;
	width:100%;
	font-size:16px;
	display:table
}
body.b500 {
	margin:auto;
	width:500px;
	font-family:"Frankin Gothic Book";
	font-size:14px;
}
body.b920 {
	margin:auto;
	width:920px;
	font-family:"Franklin Gothic Book";
	font-size:14px;
}
form {
	margin:auto;
}
img {
	border-style:none;
}
div{
	outline:none;
	padding:0px;
	margin:0px;
}
a, a.a {
	color:#333366;
	cursor:pointer;
}
a:hover, a.a:hover {
	color:#666699;
}
span {
	display:inline-block;
	border:0; margin:0; padding:0;
}

/* Hover Buttons */
.hov {
	margin-right:5px;
	position:relative;
	width:70px;
	overflow:hidden;
}
.thinhov {
	margin-right:5px;
	position:relative;
	width:100px;
	overflow:hidden;
}
.hov200 {
	position:relative;
	width:200px;
	overflow:hidden;
}
.hov300 {
	position:relative;
	width:300px;
	overflow:hidden;
	margin-bottom:-5px;
}
.out:hover {
	position:relative;
	left:-100%;
}
/* Body Styles */
.mfgrs {
	width:150px;
	float:left;
	text-align:left;
}
.mfgrs a:hover {
	font-size:18px;
	line-height:21px;
	color:#000044;
	text-decoration:underline;
}
.nav {
	padding:5px 0px 5px 5px;
	background-color:#f1f1f2;
	width:750px;
}
.nav_div{
	padding:5px 0px 5px 5px;
	background-color:#f1f1f2;
	width:750px;
}
.authnav {
	background-color:#a5b0bf;
	width:800px;
}
.authnav2 {
	background-color:#f1f1f2;
	width:800px;
}
.authnav2 a {
	margin:0; padding:0;
	display:inline-block;
	font-size:12px;
	font-family:"Franklin Gothic Medium";
	text-decoration:none;
}
.authnav2 div {
	padding-top:2px;
	margin-left:2px;
	margin-right:2px;
	display:table-cell;
	background:url(/images/authnav.png) no-repeat;
	background-position:left;
	overflow:hidden;
	width:100px;
	height:20px;
}
.authnav2 div:hover {
	background-position:right;
}
.sblue {
	background-color:#a5b0bf;
	width:800px;
}
.button {
	font-family:"Franklin Gothic Book";
	font-size:13px;
	line-height:14px;
	background:url(/images/nav.png) no-repeat;
	background-position:left;
	display:table-cell;
	vertical-align:middle;
	text-decoration:none;
	color:black;
	width:70px;
	height:30px;
}
.button:hover {
	background-position:right;
	color:black;
}
.loginblue {
	width:800px;
	background-color:#a5b0bf;
	font-weight:bold;
	font-family:"Franklin Gothic Medium";
	font-size:16px;
	text-align:center;
	padding-bottom:2px;
}
.main {
	background:url(images/bgblue.png) repeat-y;
	width:800px;
	margin:auto;
	font-family:"Franklin Gothic Book";
}
.main_test{
	background: url(images/bgblue_div.png) repeat;
    width:800px;
	margin:0 auto;
	text-align:center;
}
.main_div{
	background: url(images/bgblue_div2.png) repeat-y;
    width:800px;
	margin:auto;
}
.mainbg{
	width:800px;
	text-align:left;
	font-size:15px;
}
.bgtest{
	background:url(images/bgblue.png) repeat-y;
	width:auto;
	margin:auto;
}
.center{
	margin: auto;  
	top: 0px; 
	bottom: 0px; 
	left: 0px; 
	right: 0px; 
	text-align:center;
}
*.marg1{
	margin-top:13px;
}
*.marg2{
	margin-bottom:4px;
}
.marg {
	margin-left:auto;
	margin-right:auto;
}
.marg5 {
	margin:5px;
}
.marg10 {
	margin:10px;
}
.marg15 {
	margin:15px;
}
.marg35 {
	margin:35px;
}
.vmarg5 {
	margin-top:5px;
	margin-bottom:5px;
}
.vmarg10 {
	margin-top:10px;
	margin-bottom:10px;
}
.tmarg5 {
	margin-top:5px;
}
.tmarg10 {
	margin-top:10px;
}
.tmarg15 {
	margin-top:15px;
}
.tmarg32 {
	margin-top:32px;
}
.tmarg50 {
	margin-top:50px;
}
.bmarg5 {
	margin-bottom:5px;
}
.inline {
	display:inline-block;
}
.in{
	display:inline-block;
	vertical-align:top;
}
.in2{
	display:inline-block;
}
.in3{
	display:block; 
	margin:0 auto; 
	width:800px;
}
*.in4{
	display:block;
	margin:0 auto;
	width: 750px;
}
.blk{
	display:block;
}
.tab {
	display:table-cell;
}
.vmid {
	vertical-align:middle;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.prodesc {
	width:450px;
	margin-left:40px;
	padding:10px;
	background-color:#f1f1f2;
	text-align:left;
}
.title {
	font-family:"Franklin Gothic Medium";
	font-size:20px;
}
.ti24 {
	font-family:"Franklin Gothic Medium";
	font-size:24px;
}
.prodtitle {
	font-family:"Franklin Gothic Medium";
	padding:10px;
}
.prodtitle2{
	font-family:"Franklin Gothic Medium";
	font-weight:bold;
}
.picture {
	padding-top:50px;
	width:225px;
	height:380px;
}
.newshead {
	font-family:"Franklin Gothic Medium";
	font-size:18px;
	color:#333366;
}
.newsmall {
	font-family:"Franklin Gothic Medium";
	font-size:12px;
}
.red {
	color:red;
}
.dbtxt {
	color:#333366;
}
.f10 {
	font-size:10px;
}
.f12 {
	font-size:12px;
}
.f14 {
	font-size:14px;
}
.f15{
	font-size:15px;
}
.f16 {
	font-size:16px;
}
.bluetxt {
	background-color:#a5b0bf;
	padding-left:50px;
	padding-right:50px;
	text-align:justify;
}
.b, b {
	font-weight:bold;
	font-family:"Franklin Gothic Medium";
}
.u {
	text-decoration:underline;
}
.au, .au a {
	text-decoration:none;
}
.ltxt {
	text-align:left;
}
.rtxt {
	text-align:right;
}
.ctxt {
	text-align:center;
}
.jtxt {
	text-align:justify;
}
.top20 {
	padding-top:20px;
}
.top50 {
	padding-top:50px;
}
.top15 {
	padding-top:15px;
}
.top32 {
	padding-top:32px;
}
.h30 {
	height:30px;
}
.h75 {
	height:75px;
}
.h85 {
	height:85px;
}
.h1 {
	height:100px;
}
.h175 {
	height:175px;
}
.h200 {
	height:200px;
}
.win {
	width:inherit;
}
.w25 {
	width:25px;
}
.w30 {
	width:30px;
}
.w50 {
	width:50px;
}
.w75 {
	width:75px;
}
.w80 {
	width:80px;
}
.w1 {
	width:100px;
}
.w150 {
	width:150px;
}
.w2 {
	width:200px;
}
.w250 {
	width:250px;
}
.w3 {
	width:300px;
}
.w340 {
	width:340px;
}
.w350 {
	width:350px;
}
.w4 {
	width:400px;
}
.w450 {
	width:450px;
}
.w5 {
	width:500px;
}
.w550 {
	width:550px;
}
.w6 {
	width:600px;
}
.w630 {
	width:630px;
}
.w7 {
	width:700px;
}
.w750 {
	width:750px;
}
.w9 {
	width:900px;
}
.w8{
	width:800px;
}
.tpad5 {
	padding-top:5px;
}
.tpad30{
	padding-top:30px;
}
.rpad25 {
	padding-right:25px;
}
.lpad2{
	padding-left:2px;
}
.lpad10 {
	padding-left:10px;
}
.lpad30 {
	padding-left:30px;
}
.lpad60{
	padding-left:60px;
}
.lpad75 {
	padding-left:75px;
}
.lpad100 {
	padding-left:100px;
}
.bpad10 {
	padding-bottom:10px;
}
.bpad30 {
	padding-bottom:30px;
}
.pad2{
	padding:3px;
}
.pad5 {
	padding:5px;
}
.pad10 {
	padding:10px;
}
.pad15 {
	padding:15px;
}
.pad20 {
	padding:20px;
}
.pad50 {
	padding:50px;
}
.vpad5 {
	padding-top:5px;
	padding-bottom:5px;
}
.vpad30 {
	padding-top:30px;
	padding-bottom:30px;
}
.bgblue {
	background-color:#f1f1f2;
}
.lblue {
	background-color:#c6cfda;
}
.dblue {
	background-color:#a5b0bf;
}
.dbbord {
	border: #a5b0bf 2px solid;
}
.lbbord{
	border: #c6cfda 2px solid;
}
.dbbordthin{
	border: #a5b0bd 1px solid;
}
.line5 {
	height:1px;
	width:500px;
	background-color:#a5b0bf;
}
.line2-6 {
	height:2px;
	background-color:#c6cfda;
}
.line1 {
	height:1px;
	background-color:#c6cfda;
}
img.border {
	border-style:solid;
	border-color:white;
}
img.border:hover {
	border-color:#c6cfda;
}



/* ----- Catalog Styles ----- */
#over1 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over1:hover {
	width:920px;
	overflow:visible;
}
#over2 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over2:hover {
	width:920px;
	overflow:visible;
}
#over3 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over3:hover {
	width:920px;
	overflow:visible;
}
#over4 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over4:hover {
	width:920px;
	overflow:visible;
}
#over5 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over5:hover {
	width:920px;
	overflow:visible;
}
#over6 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over6:hover {
	width:920px;
	overflow:visible;
}
#over65 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over65:hover {
	width:920px;
	overflow:visible;
}
#over7 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over7:hover {
	width:920px;
	overflow:visible;
}
#over71 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over71:hover {
	width:920px;
	overflow:visible;
}
#over72 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over72:hover {
	width:920px;
	overflow:visible;
}
#over8 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over8:hover {
	width:920px;
	overflow:visible;
}
#over9 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over9:hover {
	width:920px;
	overflow:visible;
}
#over95 {
	position:relative;
	height:190px;
	width:240px;
	display:block;
	overflow:hidden;
	z-index:1;
	background:url("/images/catindex/bgrad.png");
}
#over95:hover {
	width:920px;
	overflow:visible;
}
.ipad img {
	padding:2px;
}
.ipad a:hover {
	cursor:pointer;
}

/*---Sections---*/
.bind1 {
	width:920px;
	height:190px;
	background:url("/images/catindex/1grad.jpg");
}
.bind2 {
	width:920px;
	height:190px;
	background:url("/images/catindex/2grad.jpg");
}
.bind3 {
	width:920px;
	height:190px;
	background:url("/images/catindex/3grad.jpg");
}
.bind4 {
	width:920px;
	height:190px;
	background:url("/images/catindex/4grad.jpg");
}
.bind5 {
	width:920px;
	height:190px;
	background:url("/images/catindex/5grad.jpg");
}
.bind6 {
	width:920px;
	height:190px;
	background:url("/images/catindex/6grad.jpg");
}
.bind65 {
	width:920px;
	height:190px;
	background:url("/images/catindex/65grad.jpg");
}
.bind7 {
	width:920px;
	height:190px;
	background:url("/images/catindex/7grad.jpg");
}
.bind71 {
	width:920px;
	height:190px;
	background:url("/images/catindex/71grad.jpg");
}
.bind72 {
	width:920px;
	height:190px;
	background:url("/images/catindex/72grad.jpg");
}
.bind8 {
	width:920px;
	height:190px;
	background:url("/images/catindex/8grad.jpg");
}
.bind9 {
	width:920px;
	height:190px;
	background:url("/images/catindex/9grad.jpg");
}
.bind95 {
	width:920px;
	height:190px;
	background:url("/images/catindex/95grad.jpg");
}

/*---Misc---*/
.cat {
	float:left;
	padding:20px;
}
.grp1 {
	margin-top:70px;
}
.grp2 {
	padding-top:41px;
}
.grp3 {
	padding-top:14px;
}

.but {
	text-decoration:none;
}
.but div {
	width:100px;
	height:50px;
	background-image:url("/images/catindex/button.png");
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font-family:"Franklin Gothic Book";
	font-size:15px;
	color:black;
	padding:2px;
}
.but div:hover {
	background-color:#a5b0bf;
}
.bu1 {
	position:relative;
	top:14px;
}
.bu2 {
	position:relative;
	top:11px;
	line-height:14px;
}
.bu3 {
	position:relative;
	top:4px;
	line-height:14px;
}

.catpop .content {
    position:fixed;
    display:scroll;
    left:50%;
	top:40%;
    margin-left:-260px;
	margin-top:-220px;
    width:500px;
	height:420px;
    padding:10px;
    background:#f1f1f2;
    z-index:50;
}
.catpop .bg {
	position:fixed;
	display:scroll;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.5; filter:alpha(opacity=50);
	z-index:40;
}

/* Manufacturer's List */
span.manufacturerslist {
	color:#737CA1;
}


/* Testing */
.cb{
	clear:both;
}
.hb{
	display:block;
}
.block{
	display:block;
	margin-bottom:30px;
	padding-left:45px
}
.alpha_bar{
	font-weight:bold;
	font-size:18px;
	font-family:"Franklin Gothic Book";
	color: #737CA1;
	padding-top:15px;
}
/*
.alpha_bar a:hover{
	font-size:18px;
	font-weight:bold;
	font-family:"Franklin Gothic Medium";
	color:#737CA1;
}
*/
.manu{
	font-size:12px;
	display:block;
	color:#737ca1;
}
.manu a:hover {
	font-size:12px;
	font-weight:bold;
	color:#333366;
}
.hr{
	height:1px;
	width:500px;
	color: #a5b0bf;
}
.na{
	display:block;
	text-align:center;
	color:#333366;
}
.ul li{
	float: left;
	list-style-type: none;
}
.block>a{
	font-weight:bold;
	font-size:12px;
	display : block;
	float : left;
	margin : 0 0 10px 10px;
	padding : 10px;
	width : 200px;
	height : 40px;
	background : #f6f6f6;
	border : 1px solid #ddd;
}
*li { 
list-style-position: inside; 
}