@charset "utf-8";
body {
background-color: #fff;
color: #333;
margin: 10px;
padding: 0;
}

/* common */
a img { border: 0; }
form { margin: 0; }
input,select,textarea,.mycustomclass { font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
div.clearit { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix { /* Hides from IE-mac \*/
height: 1%;/* End hide from IE-mac */
}

/* typography */
body,td,p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
p,ol { text-align:justify; line-height: 1.5em; margin-top: 0; }
ul { text-align:justify; line-height: 1.25em }
li { text-align:justify; margin-bottom: 0.25em; }
h1,h2,h3,h4,h5,h6 {
font-family: "Lucida Sans", "Lucida Grande", Arial, sans-serif;
color: #3E60A0;
margin-top: 0;
}
h1 {
font-size: 18px;
background: url(images/gradient_blue.jpg) repeat-x;
padding-bottom: 0.25em;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
padding: 8px 8px 12px 8px;
}
h2 {
font-size: 18px;
padding-bottom: 0.25em;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
}
h3 {
font: normal 14px;
text-transform: uppercase;
}
h4 {
font: normal 12px;
text-transform: uppercase;
}
h5 { 
font-size: 14px; 
border-bottom: 1px solid #eee; 
padding-bottom: 0.25em; 
text-transform: uppercase;
}
h5 a {
display: block;
padding: 3px 3px 3px 3px;
text-decoration: none;
}
h5 a:hover { background-color: #7F7F7F; }
h5.colhead {
margin: 0;
font-size: 12px;
background: url(images/gradient_blue.jpg) repeat-x;
padding: 8px 8px 12px 8px;
border: 0;
}
#foot td { font-size: 10px; color: #7F7F7F; }

/* navigation */
a { color: #7F7F7F; }
a:hover { color: #7F7F7F; text-decoration: none; }
#foot td a { color: #aaa; }

a#viewcart {
display: block;
float: right;
background: url(images/i_cart.gif) no-repeat 12px 10px;
color: #000;
font: bold 12px "Lucida Sans", "Lucida Grande", Arial, sans-serif;
padding: 9px 20px 9px 32px;
text-decoration: none;
text-transform: none;
}

a#viewcart:hover { background-color: #eee; color: #7F7F7F; }

ul.catlist, ul.catlist li { margin: 0; padding: 0; list-style: none; line-height: 1.12em }
ul.catlist li a {
color: #3E60A0;
display: block;
padding: 3px 3px 3px 12px;
text-decoration: none;
border-bottom: 1px dotted #ddd;
background: url(images/arrow_ccc.gif) no-repeat 3px 5px;
}
ul.catlist li a:hover, ul.catlist li a:active { background-color: #F2F7F9; }

ul.catlist2, ul.catlist2 li { margin: 0px; padding: 0; list-style: none; line-height: 1.12em }
ul.catlist2 li a {
color: #3E60A0;
margin-left: 10px;
display: block;
padding: 3px 3px 3px 12px;
text-decoration: none;
background: url(images/arrow_ccc.gif) no-repeat 3px 8px;
}
ul.catlist2 li a:hover, ul.catlist2 li a:active { background-color: #F2F7F9; }

ul.catlist3, ul.catlist3 li { margin: 0px; padding: 0; list-style: none; line-height: 1.12em }
ul.catlist3 li a {
color: #3E60A0;
margin-left: 20px;
display: block;
padding: 3px 3px 3px 12px;
text-decoration: none;
background: url(images/arrow_ccc.gif) no-repeat 3px 8px;
}
ul.catlist3 li a:hover, ul.catlist3 li a:active { background-color: #F2F7F9; }

/* layout and positioning */
#wrap { width: 955px; }
#mast {
background: #fff url(images/mast_bkg.jpg) repeat-x;
color: #000;
}
#mast_logo {
float: right;
}
#mast_contact {
float: right;
padding: 54px 20px 0 0;
color: #4c70bb;
font: bold 18px "Lucida Sans", "Lucida Grande", Arial, sans-serif;
}
#mast_contact span {
display: block;
color: #444;
font-size: 14px;
font-weight: normal;
}
#mast_tagline {
clear: both;
padding: 18px 120px 20px 0;
text-align: right;
font: bold 30px "Lucida Sans", "Lucida Grande", Arial, sans-serif;
color: #fff;
font-variant:small-caps;
}
#mast_tagline span {
display: block;
font-size: 16px;
letter-spacing: 2px;
margin-right: -60px;
margin-top: 5px;
}
#menu {
background: #7f7f7f url(images/menu_bkg.jpg) repeat-x 0px 1px;
color: #000;
margin: 6px 0;
height: 33px;
overflow: hidden;
border: 1px solid #ddd;
}
#leftcol { width:200px; border: 1px solid #ddd; }
#middlecol { width:715; padding: 10px; border: 1px solid #ddd; }
.spacercol { width: 10px; }
.colcontent { padding: 0 8px 12px 8px; }
a.myemail:link,a.myemail:visited { color:#333;text-decoration:none }
a.myemail:hover { color:#7F7F7F;text-decoration:underline }
#foot {
margin-top: 6px;
border-top: 8px solid #3E60A0;;
}

/* login form */
.login-label { padding-bottom: 2px; font-size: 10px; text-transform: uppercase; color: #888; }
.login-user input { width: 195px; margin-bottom: 5px; }
.login-pass input { width: 160px; vertical-align: middle; }
input.login-btnimg { vertical-align: middle; width: auto; }
.login-reqpw { font-size: 10px; }
input#email-input { width: 200px; display: block; margin: 5px 0; }

/* category layout */
.breadcrumbs { font-size: 14px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #ddd; color: #ccc; }
.breadcrumbs a { text-decoration: none; }
.pc-prod-item { float: left; width: 340px; margin-right: 10px; }
.pc-prod-img { float: left; margin-right: 10px; }
.pc-prod-img img { width: 125px; }
.pc-prod-info { float: left; line-height: 1.5; font-size: 11px; }
.pc-prod-info .nm { font-weight: bold; font-size: 12px; }
.pc-prod-info .sku {  }
.pc-prod-cart .sretail {  }
.pc-prod-cart .price {  }
table.idpTable td { color: #6c6; font-size: 11px; }
.pc-prod-cart .add { margin: 5px 0; }
input.qtyinput { width: 30px; text-align: center; font-weight: bold; vertical-align: middle; }
input.addtocart { margin-top: 5px; vertical-align: middle; }
.pc-item-sep { clear: both; height: 1px; line-height: 1px; font-size: 1px; border-bottom: 1px solid #eee; margin: 10px 0; }
a.pc-fav-add {  }
a.pc-fav-rem { margin-left: 3px; }

/* product detail */
.pd-img { float: left; margin-right: 15px; }
.pd-info { float: left; line-height: 200%; }
h1.pd-name { /*font-weight: bold; font-size: 14px; color: #7F7F7F;*/ border-bottom: 0; }
.pd-sku {  }
.pd-cart .add { padding: 10px 0; }
.pd-cart input.qtyinput { vertical-align: middle; }
.pd-cart table.idpTable td { color: #6c6; font-size: 12px; }
.pd-cart input.addtocart { float: left; margin-top: 10px; margin-right: 10px; }
.pd-cart .pd-qtyincart { float: left; padding: 7px; }
.pd-desc {
clear: both;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 10px 0;
margin: 10px 0;
line-height: 1.5;
}
.pd-prod-imgzoom a {
display: block;
padding: 3px 3px 3px 14px;
width: 120px;
margin: 5px 0 10px 0;
font-size: 11px;
background: url(images/i_plus.gif) no-repeat left;
}
.pd-backlink { float: right; font-size: 11px; }
.faves { clear: both; font-weight: normal; padding: 5px 0; }
.faves a {
display: block;
width: 160px;
padding: 3px 20px;
background: url(images/i_fave_add.gif) no-repeat left;
}

/* data display table */
.DDT-wrap { width: 100%; border: 0; margin-bottom: 15px; }
.DDT-wrap td { padding: 6px; vertical-align: top; border-bottom: 1px solid #eee; }
.DDT-wrap th,.DDT-wrap tr.headrow { background-color: #4c70bb; color: #fff; text-align: left; font-size: 11px; padding: 3px 6px; }
.DDT-wrap th a,.DDT-wrap tr.headrow a { color: #fff; }
.DDT-wrap td.headcol { font-weight: bold; font-size: 11px; }
.DDT-wrap td.actions { text-align: right; }
.DDT-title { clear: both; background-color: #339db5; color: #fff; padding: 3px 6px; font-weight: bold; }
.DDT-title a { color: #fff; }
.DDT-search { display: none; }
.DDT-qtyinput { width: 30px; text-align: center; }
.DDT-thumb { width: 50px; }
.DDT-submit { text-align: right; padding: 10px 10px 40px 10px; }
.DDT-qtycol { text-align: center; }
.DDT-results { float: left; padding: 5px; }
.DDT-pagenums { text-align: right; padding: 5px; }
.DDT-pagenums a,.DDT-current-page { margin: 0 3px; }
.DDT-current-page { font-weight: bold; }
.norecords {
background-color: #CCFFFF;
color: #006699;
padding: 6px;
font-weight: bold;
margin-bottom: 30px;
}
.prod-sku { white-space: nowrap; }
.prod-ds { font-weight: bold; }
.prod-weight {  }
.prod-price { text-align: right; }
.prod-qty { text-align: center; }

/* image control */
.zimage {
/*cursor: url(images/zoomin.cur), pointer;*/
margin-left: 5px;
outline: none;
}
.zimage-active-anchor img { visibility: hidden; }
.zimage img { /*border: 1px solid #eee;*/ vertical-align: middle; }
.zimage:hover img { /*border: 1px solid white;*/ }
.zimage-wrapper { background: white; }
.zimage-image { border: 1px solid white; }
.zimage-image-blur { }
.zimage-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.zimage-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image: url(images/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.zimage-credits, a.zimage-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.zimage-credits:hover, a.zimage-credits:hover i {
color: white;
background-color: gray;
}
.zimage-move { cursor: move; }
.zimage-overlay { display: none; }
a.zimage-full-expand {
background: url(images/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
/* Controlbar example */
.controlbar {
background: url(images/controlbar4.gif);
width: 167px;
height: 34px;
}
.controlbar a {
display: block;
float: left;
/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover { background-image: url(images/controlbar4-hover.gif); }
.controlbar .previous { width: 50px; }
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .zimage-move {
width: 40px;
background-position: -90px 0;
}
.controlbar .close {
width: 36px;
background-position: -130px 0;
}
/* Necessary for functionality */
.zimage-display-block { display: block; }
.zimage-display-none { display: none; }

/* featured specials */
#featured table td a { display: block; margin-bottom: 3px; color: #7F7F7F; }
#featured table td a font { color: #7F7F7F; }
#featured table td a img { height: 100px; }
#featured table td table td { text-align: center; }

/* Quick Order Form*/
.prod-name {
font-size:10pt;
font-weight:bold;
color:#0e315d;
}

/* spending limit window */
table.limit_tbl {
width: 200px;
border: 0;
margin-bottom: 10px;
}
table.limit_tbl td {
padding: 2px;
border-bottom: 1px solid #ddd;
}
div.limit_label {
float: right;
background-color: #efefef;
color: #7F7F7F;
padding: 3px 8px;
font-weight: bold;
border: 1px solid #ddd;
border-bottom: 0;
position: relative;
bottom: -2px;
}
div.limit_alert {
float: right;
font-weight: bold;
font-size: 12px;
color: #c00;
background: url(images/i_caution.gif) no-repeat left;
padding: 2px 2px 2px 16px;
}

/* Rene's Custom Styles */
.loading-bg { top: 0; left: 0; display: none; position: absolute; background-color: black; z-index: 99999; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; text-align: center; vertical-align: center; }
.loading-win { width: 300px; height: 50px; background-color: #fff; border: 5px solid #ccc; display: none; position: absolute; z-index: 99999; overflow: hidden; text-align: center; padding: 5px; }
.hideme { display: none; }
.btn {float:left}
.default-page { }
.default-page-image { float: right; }
.default-bookmark-heading { /*font-size: 12px;*/
		font-weight: bold; }
.default-bookmarks { }
.default-bookmarks ul { /*margin-top: 5px;
		margin-left: 10px;
		padding: 0px;
		list-style-type: none;*/
	}
.default-sections { }
.default-sections h3 { /*font-size: 12px;*/
	}
.default-section-content { }
.default-top-link { /*font-weight: normal;
		font-size: 10px;*/
	}
.default-tour { margin: 10px; }
.default-tour-prev { float: left; }
.default-tour-next { float: right; }
.default-back-link {
		float: right;
		font-size: 10px;
	}
.default-read-more {
		margin-top: 5px;
		text-align: center;
	}
.xltable
	{ background-color: #fff;
	  color: #555;
	  border-top: 1px solid #ddd;
	  border-left: 1px solid #ddd;
}
.xlplain,.xlplain0,.xlplain1
	{ font-weight:normal;
	  font-size:11px;
	  text-align:center;
	  vertical-align:middle; }
.xlheading
	{ font-weight:normal;
	  font-size: 11px;
	  font-weight: bold;
	  background-color: #4c70bb;
	  color: #fff;
	  vertical-align:middle; }
.xlheading a
	{ color: #fff; 
	  text-decoration: none; }
.xlheading a:hover
	{ color: #fff; 
	  text-decoration: underline; }
.xlheading input
	{ text-decoration: none; }
.xltext,.xltext0,.xltext1,.xltextm0,.xltextm1
	{ font-weight:normal;
	  font-size: 11px;
	  mso-number-format:"\@";
	  text-align:left;
	  mso-pattern:auto none; }
.xlnumber,.xlnumber0,.xlnumber1,.xlnumberm0,.xlnumberm1
	{ font-weight:normal;
	  font-size: 11px;
	  mso-number-format:"\#\,\#\#0\.00";
	  text-align:right;
	  mso-pattern:auto none;
	  white-space:normal }
.xlpercent,.xlpercent0,.xlpercent1,.xlpercentm0,.xlpercentm1
	{ font-weight:normal;
	  font-size: 11px;
	  mso-number-format:Percent;
	  text-align:right;
	  mso-pattern:auto none;
	  white-space:normal; }
.xlplain1,.xltext1,.xlnumber1,.xlpercent1,.xltextm1,.xlnumberm1,.xlpercentm1
	{ background-color:#C7D3ED }
.xltextm0,.xltextm1,.xlnumberm0,.xlnumberm1,.xlpercentm0,.xlpercentm1
	{ vertical-align:middle; }
.xltext,.xltext0,.xltext1,.xlnumber,.xlnumber0,.xlnumber1,.xlpercent,.xlpercent0,.xlpercent1
	{ vertical-align:top; }
/* end */