@charset "utf-8";
/* standardmed */

@import url(cart.css);
@import url(ddt.css);

body {
background-color: #fff;
color: #333;
margin: 10px;
padding: 0;
}

/* common */
a img { border: 0; }
form { margin: 0; }
input,select,textarea { 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,ul,ol { line-height: 1.6em; margin-top: 0; }
li { margin-bottom: 0.25em; }
h1,h2,h3,h4,h5,h6 {
font-family: "Lucida Sans", "Lucida Grande", Arial, sans-serif;
margin-top: 0;
}
h1 {
font-size: 18px;
color: #0066CC;
padding-bottom: 0.25em;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
}
h3 {
font: normal 20px Georgia, "Times New Roman", Times, serif;
color: #888;
}
h5 { font-size: 14px; color: #36C; border-bottom: 1px solid #eee; padding-bottom: 0.25em; text-transform: uppercase; }
h5.colhead {
margin: 0;
font-size: 12px;
background: url(../../images/gradient_blue.jpg) repeat-x;
color: #36c;
padding: 8px 8px 12px 8px;
border: 0;
}
#foot td { font-size: 10px; color: #aaa; }

/* navigation */
a { color: #36c; }
a:hover { color: #36c; 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: uppercase;
}
a#viewcart:hover { background-color: #eee; color: #36c; }
ul.catlist, ul.catlist li { margin: 0; padding: 0; list-style: none; }
ul.catlist li a {
display: block;
padding: 3px 3px 3px 12px;
text-decoration: none;
border-bottom: 1px dotted #ddd;
background: url(../../images/arrow_ccc.gif) no-repeat 3px 8px;
}
ul.catlist li a:hover, ul.catlist li a:active { background-color: #F2F7F9; }
ul.acctlinks, ul.acctlinks li { margin: 0; padding: 0; list-style: none; }
ul.acctlinks li a {
display: block;
padding: 3px 3px 3px 20px;
text-decoration: none;
border-bottom: 1px dotted #ddd;
background: url(../../images/i_cog.gif) no-repeat left;
}
ul.acctlinks li a:hover, ul.acctlinks li a:active { background-color: #F2F7F9; }

/* layout and positioning */
#wrap { width: 955px; }
#mast {
background: #5676b9 url(../../images/mast_bkg.jpg) repeat-x;
color: #fff;
}
#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_logo {  }
#mast_tagline {
clear: both;
padding: 18px 120px 20px 0;
text-align: right;
font: bold 30px "Lucida Sans", "Lucida Grande", Arial, sans-serif;
color: #fff;
text-transform: uppercase;
}
#mast_tagline span {
display: block;
font-size: 16px;
letter-spacing: 2px;
margin-right: -60px;
margin-top: 5px;
}
#menu {
background: #d5d5d5 url(../../images/menu_bkg.jpg) repeat-x;
color: #000;
margin: 6px 0;
height: 33px;
overflow: hidden;
border: 1px solid #ddd;
}
#leftcol { width: 220px; border: 1px solid #ddd; }
#middlecol { padding: 15px; border: 1px solid #ddd; }
.spacercol { width: 10px; }
.colcontent { padding: 0 8px 12px 8px; }
#foot {
margin-top: 6px;
border-top: 8px solid #eee;
}

/* 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: #36c;*/ border-bottom: 0; }
.pd-sku {  }
.pd-opt { padding: 4px 0; text-transform: uppercase; }
.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;
}


/* 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: #36c; }
#featured table td a font { color: #36c; }
#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: #36c;
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;
}


			.xresults_pagelist {
			margin: 0 0 10px 0;
			padding: 0;
			list-style: none;
			}
			.xresults_pagelist li {
			float: left;
			text-align: center;
			margin: 0 2px 0 0;
			padding: 0;
			list-style-type: none;
			font-size: 11px;
			}
			.xresults_pagelist li strong {
			display: block;
			padding: 3px 6px;
			border: 1px solid #aaa;
			background-color: #aaa;
			color: #fff;
			}
			.xresults_pagelist li a {
			display: block;
			padding: 3px 6px;
			border: 1px solid #ccc;
			background-color: #eee;
			text-decoration: none;
			}
			.xresults_pagelist li a:hover { background-color: #fff; }
			li.xresults_pagespan {
			border: 0;
			background-color: #fff;
			padding: 3px;
			margin-top: 0.5em;
			}


/* end */


#homepage {
	float:left;
	margin:40px 40px 0px 40px;
	width:250px;
}

#homepage h1 {
	text-indent:0px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
	margin-bottom:6px;
}

#homepage img {
	border:1px solid #4a6eb8;
	margin-bottom:4px;
}

#homepage a {
	text-decoration:none;
}