/* Color Glossary */
/*	
body text/mid-dark grey:#666666
gloabl links/mid blue:#336699

heading tags:
h1, h2, and h6/Dark Blue:#000066
h3, h5/dark grey:#333333
h4/mid-dark grey:#666666

header txt/mid grey:#999999
header nav and utilities:#FFFFFF
footer txt/mid blue:#336699
error/crossout msg's/red:#DC0267
style3/dark blue:#333399
*/

/* Key Words Glossary.
cntrl+f (in Dreamweaver), and search this document for the associated set of rules with the keywords

'pg'			rules for this is the wrapper of the site
'header'		rules for header of the site that will also locate utilities and top navigation
'footer'		rules for the footer
'datalist'		rules for <asp:datalist located in the .ascx files, assigned by CssClass=datalist
'datagrid'		rules for <asp:datagrid located in the .ascx files, assigned by CssClass=datagrid
'tableform'		rules for tables that display data use these, assigned by class=tableform
'.btn'			rules for btn's in html or as <asp:linkbutton, assigned by class=btn
'.btndefault'	rules for btn's as <asp:button, these do not have roll over capability, assigned by class=btndefault
'.feature'		rules used in ModuleFeatures.ascx and sometimes homepage situations
'iframe'		rules for <iframe>
'total'			rules for tables displaying totals from datalists, used in the cart
'.margin'		rules for class=margin or marginleft, or margintopbtm...etc.
'.padding'		rules for class=padding or paddingleft, or paddingtopbtm...etc.
'.txtbox'		rules for all text fields begin here

The below keywords will take you to the commented area of the broad sections

'global'
'content'
'tags'
'positioning'
'txt'
'picture list'
'nvoice'


*/

/*  GLOBAL RULES TO ZERO OUT DEFAULTS AND ADJUST FOR BROWSER ISSUES  */

body, div, table, tbody, tr, td, img, h1, h2, h3, h4, h5, h6, p, form, input, select {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	border-width: 0px;
	border-style: none;
}
.clearme {
	clear: both;
}

/* Visible vertical scrollbar which disables correctly and allows normal horizontal scrollbar behaviour. */
:root {
 overflow-y:scroll!important;
}
/* this is for ie6 li:hover */
body {
	behavior:url("/style/csshover3.htc");
}

/* INHERENT TAGS */


a {
	color:#333333;
	text-decoration:underline;
}
a:visited {	
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
h1 {
	color:#650A64;
	font-size:18px;
	padding-top:15px;
	margin-bottom:6px;
}
h2 {
	color:#650A64;
	font-size:15px;
	margin-bottom:4px;
}
h3 {
	color:#650A64;
	font-size:13px;
	margin-bottom:2px;
	padding-left:10px;
	padding-top:6px;
}
h4 {
	color:#650A64;
	font-size:13px;
}
h5 {
	color:#DC0267;
	font-size:16px;
	width:auto;
}
h6 {
	color:#650A64;
}
ol, ul, li {
	list-style-position: inside;	
}
p {
	margin-bottom: 20px;
}
blockquote {
}
/*  GLOBAL LAYOUT  */

body {
	background-image:url(../images_global/bg.jpg);
	background-repeat:repeat-x;
	font-family:"Arial", sans-serif;
	color:#333333;
	text-align:center;
}
#pg {	
	text-align: center;
	margin-left: auto!important;	
	margin-right:auto!important;
		
	width:950px;
	font-size:11px;
	line-height:18px;
	text-align:left;
}
#head {
	width:100%;
	display:block;
	margin-bottom:10px;
}
#head div.btmspacing {
	margin-bottom:10px;
}
#head #logo {
}
#head a {
	text-decoration:none;	
}
#head a:visited {
	text-decoration:none;
}
#head a:hover {
	text-decoration:underline;
}
#utilities {
	text-align:right;
	width:100%;
	margin-bottom:0px;
}
#utilities td {
	vertical-align:top;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
}
#utilities td a {
	color:#333333;
	text-decoration:underline;
}
#utilities td a:visited {
	color:#333333;
	text-decoration:underline;
}
#utilities td a:hover {
	text-decoration:none;
}
#utilities td.col2 {
	border-left:solid #650A64 1px;
	border-right:solid #650A64 1px;
	text-align:center;
}
#utilities td.col3 {
	text-align:right;
}
#utilities a {
	text-decoration:underline;	
}
#utilities a:visited {
	text-decoration:underline;
}
#utilities a:hover {
	text-decoration:none;
}
#nav .tab {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	background: url("../images_navigation/bg-tab-lft.gif") left top no-repeat;
	padding-top:8px;
	position:relative;
	top:2px;
}
*html #nav .tab { /* for ie6*/
	padding-top:0px;
}
*+html #nav .tab { /* for ie7*/
	padding-top:0px;
	top:3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for safari*/
#nav .tab {
	top:3px;
	padding-bottom:1px;
}
}
#nav .tab:hover { 
	background: url("../images_navigation/bg-tab-lftovr.gif") left top no-repeat;
}
#nav a { 
	background: url("../images_navigation/bg-tab-rt.gif") right top no-repeat;
	color:#650A64;
	font-size:13px;
	font-weight:900;  
	text-decoration:none;
	padding:4px 14px 2px 14px;
	position:relative;
	top:-2px;
}
#nav a:visited { 
	background: url("../images_navigation/bg-tab-rt.gif") right top no-repeat;
	color:#650A64;
	font-size:13px;
	font-weight:900;  
	text-decoration:none;
	padding:4px 14px 2px 14px;
	position:relative;
	top:-2px;
}
#nav a:hover {
	background: url("../images_navigation/bg-tab-rtovr.gif") right top no-repeat;
	text-decoration: none;
	color:#FFFFFF; 
}
#nav A.normal { 
	DISPLAY: inline;
}
#nav .tabsel {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	padding-top:8px;
	position:relative;
	top:2px;
}
*html #nav .tabsel {
	padding-top:0px;
}
*+html #nav .tabsel {
	padding-top:0px;
	top:3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for safari*/
#nav .tabsel {	
	top:3px;
	padding-bottom:1px;
}
}
#nav .tabsel, #nav .tabsel:visited, #nav .tabsel:hover { 
	background: url("../images_navigation/bg-tab-lftsel.gif") left top no-repeat;
	text-decoration: none;
	color:#FFFFFF; 
}
#nav .tabsel a.sel, #nav .tabsel a.sel:visited, #nav .tabsel a.sel:hover {
	background: url("../images_navigation/bg-tab-rtsel.gif") right top no-repeat;
	text-decoration: none;
	color:#FFFFFF; 
}
#head #navsub {
	width:940px;
	background-image:url(../images_global/bg-navsub.jpg);
	background-repeat:repeat-x;
	border-top:solid #181818 3px;
	border-left:solid #181818 1px;
	border-right:solid #181818 1px;
	border-bottom:solid #181818 1px;
	white-space:nowrap;
	font-size:12px;
	padding:4px 4px 3px 4px;
}
*html #head #navsub { /* for ie6*/
	margin-top:1px;
}
*+html #head #navsub {/* for ie7*/
	margin-top:2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for safari*/
#head #navsub {
	margin-top:1px;
}
}
#head #navsub a {
	margin-left:6px;
	margin-right:6px;
	color:#333333;
}
#head #navsub a:visited {
	margin-left:6px;
	margin-right:6px;
	color:#333333;
}
#head #navsub a.btnsearch {
	position:relative;
	top:3px;
}
/* Itemdetailoptions tabing */
#tab .tab { 
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	background: url("../images_navigation/bg-tab-lft.gif") left top no-repeat;
	padding-top:8px;
	position:relative;
	top:2px;
}
*html #tab .tab { /* for ie6*/
	padding-top:0px;
}
*+html #tab .tab { /* for ie7*/
	padding-top:0px;
	top:3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for safari*/
#tab .tab {
	top:3px;
	padding-bottom:1px;
}
}
#tab .tab:hover { 
	background: url("../images_navigation/bg-tab-lftovr.gif") left top no-repeat;
}
#tab a { 
	background: url("../images_navigation/bg-tab-rt.gif") right top no-repeat;
	color:#650A64;
	font-size:13px;
	font-weight:900;  
	text-decoration:none;
	padding:4px 14px 2px 14px;
	position:relative;
	top:-2px;
}
#tab a:hover {
	background: url("../images_navigation/bg-tab-rtovr.gif") right top no-repeat;
	text-decoration: none;
	color:#FFFFFF; 
}
#tab A.normal { 
	DISPLAY: inline;
}
#tab .tabsel {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	padding-top:8px;
	position:relative;
	top:2px;
}
*html #tab .tabsel {
	padding-top:0px;
}
*+html #tab .tabsel {
	padding-top:0px;
	top:3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for safari*/
#tab .tabsel {	
	top:3px;
	padding-bottom:1px;
}
}
#tab .tabsel, #tab .tabsel:hover { 
	background: url("../images_navigation/bg-tab-lftsel.gif") left top no-repeat;
	text-decoration: none;
	color:#FFFFFF; 
}
#tab .tabsel a.sel, #tab .tabsel a.sel:hover {
	background: url("../images_navigation/bg-tab-rtsel.gif") right top no-repeat;
	text-decoration: none;
	color:#FFFFFF; 
}
#tab .content {
	border:solid #999999 1px;
	padding:12px;
}
*html #tab .content {
	margin-top:1px;
}
*+html #tab .content {
	margin-top:1px;
}
#tab .content a {
	background-image:none;
}
.banner {
	 float:right;
}
*html .banner {
	 position:relative;
	 top:13px;
}
*+html .banner {
	 position:relative;
	 top:13px;
}
#mn {
	width:100%;
	height:100%;
}
#sidnav {
	width:165px;
	height:100%;
	vertical-align:top;
	font-weight:900;
}
#sidnav a {
	font-weight:200;
	color:#333333;
}
div.rndbox {
	width:180px;
	height:auto;
	vertical-align:top left;
	background-image:url(../images_global/sidnav-top.gif);
	background-position:top;
	background-repeat:no-repeat;
}
div.rndbox h1 {
	font-size:14px;
	color:#650A64;
	padding-left:10px;
	padding-top:6px;
	margin-top:0px;
	margin-bottom:0px;
}
div.rndbox a {
	display:block;
	padding-left:10px;
	color:#333333;
	text-decoration:none;
}
div.rndbox a:visited {
	display:block;
	padding-left:10px;
	color:#333333;
	text-decoration:none;
}
div.rndbox a:hover {
	text-decoration:underline;
}
div.rndbox p {
	display:block;
	padding-left:10px;
	padding-right:10px;
}
div.rndbox div.center {
	text-align:center;
	margin-left:auto!important;
	margin-right:auto!important;
}
#mnpg {
	vertical-align:top!important;
	padding-left:20px;
	padding-right:20px;
}
.pager {
	float: right;
	text-align:right;
	margin-top:6px;
	margin-bottom:10px;
	width:auto;
	white-space:nowrap;
}
.pager a {
	text-transform:lowercase;
}
.pager a:visited {
	text-transform:lowercase;
}
.pager a:hover {
	text-transform:lowercase;
}
.breadcrumb, .breadcrumb a, .breadcrumb a:visited {
	font-size:12px;
}
#categorybody {
	width: 65%;
	display:inline;
}
.itemsmall {
	width:200px;
	margin-top:10px;
	margin-right:40px;
}
.itemsmall td {
	vertical-align:top;
}
.itemsmall .pic {
	height:100px;
}
.itemsmall .content {
	height:60px;
	padding:4px;
}
.itemsmall .contentpiclist {
	height:40px;
	padding:4px;
}
.itemsmall .price {
}
.itemsmall .labels {
}
.subcat {
	width: 100%;
	vertical-align: middle;
	margin-left:5px;
}
.subcat div {
	display:inline;
	white-space:nowrap;
}
.subcat a {
	margin-top:6px;
}
#features {
	width: 150px;
	float: right;
	height:310px;
	background-color: #EEEEEE;
	
	vertical-align:top;
	margin-bottom:10px;
	margin-left: 5px;
	padding:10px;
}
#features h1 {
	font-size:12px;
	font-weight:900;
}
#features #content {
	width: 130px;
}
#features #content img {
	text-align: left;
	margin-bottom:10px;
	vertical-align:top;
}
#features #content td.txt {
	width:100px;
	font-weight:900;
}
#foot {
	width:100%;
	margin-top:12px;
}
#foot td {
	vertical-align:top;
}
#foot td.col {
	width:200px;
}
#foot a {
	display:block;
	text-decoration:none;
	color:#333333;
}
#foot a:visited {
	display:block;
	text-decoration:none;
	color:#333333;
}
#foot a:hover {
	text-decoration:underline;
}

/*  RULES FOR POSITIONING  */

.left {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.right {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.margin {
	margin:20px;
}
.margintop {
	margin-top:4px;
}
.margintop2 {
	margin-top:15px;
}
.margintop3 {
	margin-top:20px;
}
.margintop4 {
	position:relative;
	top:2px;
}
*html .margintop4 {
	top:0px;
}
*+html .margintop4 {
	top:0px;
}
.margintopneg {
	margin-top:-5px;
}
.margintopneg2 {
	position:relative;
	top:-30px;
}
.margintopneg3 {
	position:relative;
	top:-14px;
}
.margintopneg4 {
	position:relative;
	top:-2px;
}
.margintopneg5 {/*adjoining spacing between two tableforms*/
	margin-top:0px!important;
}
.margintopbottom {
	margin-top: 12px;
	margin-bottom: 12px;
}
.margintopleft {
	margin-top:12px;
	margin-left:10px;
}
.marginleftneg {
	margin-left: -2px;
}
*html .marginleftneg {
	margin-left: -8px;
}
*+html .marginleftneg {
	margin-left: -8px;
}
.marginleftneg2 {
	position:relative;
	left:-10px;
}
.marginleft {
	margin-left: 10px;
}
.marginleft2 {
	margin-left: 4px;
}
.marginleft3 {
	margin-left: 30px;
}
.marginleft4 {
	margin-left: 20px;
}
.marginright {
	margin-right:10px;
}
.marginright3 {
	margin-right: 20px;
}
.marginbtm {
	margin-bottom:10px;
}
.marginbottom {
	position: relative;
	bottom: 4px;
}
.marginbottom2 {
	margin-bottom:10px;
}
.marginleftright {
	margin-left:2px;
	margin-right:2px;
}
.marginleftrightpager {
	margin-left:8px;
	margin-right:8px;
}
.marginrightbtm {
	margin-right: 8px;
	margin-bottom: 8px;
}
.padding {
	padding: 6px;
}
.paddingtop {
	padding-top: 8px;
}
.paddingtop2 {
	padding-top:20px;
}
*html .paddingtop2 {
	padding-top:0px;
}
*+html .paddingtop2 {
	padding-top:0px;
}
.paddingtopbottom {
	padding-top:3px;
	padding-bottom:3px;
}
.paddingoleftright {
	padding-left:5px;
	padding-right:5px;
}
.paddingleft {
	padding-left: 10px;
}
.paddingright {
	padding-right: 10px;
}
.paddingbtnleft {	
	padding:10px 5px 10px 0px;
}
.paddingbtnright {	
	padding:15px 0px 15px 5px;
	text-align:right;
}
.sep {
	height:10px!important;
	vertical-align:top;
	border-top:solid #999999 1px;
	margin-top:6px;
}
.nowrap {
	white-space:nowrap;
}

/*  RULES FOR TXT STYLES  */

.sm {
	font-size: 80%;
}
.sm2 {
	font-size: 90%;
	font-weight:200;
}
.lg {
	font-size: 120%;
}
.txt {
	font-weight: 200;
	color: #000000;
}
.txt2 {
	font-weight: 900;
	color: #0000FF;
}
.txterror {
	color:#DC0267;
}
.txtbold {
	font-weight: 900;
}
.style1 {
	color:#0099FF;
	font-weight:900;
}
.style2 {
	color:#666666;
}
.style3 {
	color:#333399;
	font-weight:900;
	font-size:14px;
}
.style4 {
	color:#650A64;
	font-weight:900;
}
.txtcross {
	text-decoration: line-through;
	color:#DC0267;
	font-weight: 200;
}
.cap {
	text-transform: capitalize;
}

/*  RULES FOR TXT FIELDS  */

input, select, textarea {
	font-size:11px;
	font-family:Arial, sans-serif;
}
.txtboxsearch {
	border:solid #999999 1px;
	width:150px;
	padding-left:3px;
}
.txtbox {
	width:105px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxdrop {
	width:111px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxdroplong {
	width:404px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxlong {
	width:150px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxlongdrop {
	width:156px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:1px;
}
.txtboxlong2 {
	width:170px;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxlong2drop {
	width:176px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxcvv2 {
	width:24px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxqty {
	width:16px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
	margin-top:2px;
}
span.txtboxqty {
	width:16px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxqtystatic {
	background-color:#EFEFED;
	border:solid #999999 1px;
	position:relative;
	top:2px;
	padding:2px;
}
.txtboxqtyright {
	width:16px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
	text-align:right;
}
.txtboxqtydrop {
	width:60px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxreg {
	width:246px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxregdrop {
	width:322px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxmemo {
	width:300px!important;
	height:100px!important;	
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxmemotall {
	width:300px!important;
	height:350px!important;	
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxmemofull {
	width:100%!important;
	height:120px!important;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxmemofullshort {
	width:100%!important;
	height:50px!important;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxmemofulltall {
	width:100%!important;
	height:300px!important;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
}
.txtboxnotes {
	width:99%;
	height:14px;
	background-color:#EFEFED;
	border:solid #999999 1px;
	padding:2px;
	margin-bottom:4px;
}

/*  RULES FOR DATALISTS  */

.altrow {
	background-color:#eeeeee;
}
.datalist {
	margin-top:15px;
	width:100%;
	border-bottom:solid #999999 1px;
}
.datalist td {
	text-align:right;
	vertical-align:top;
	padding:2px;
}
.datalist td.titleproduct {
	width:55%;
	text-align:left;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-lftlong.jpg);
	background-position:top left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
}
.datalist td.titleproduct a {
	font-weight:900;
	color:#650A64;
	text-decoration:underline;
}
.datalist td.titleitemid {
	width:12%;
	text-align:left;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datalist td.titleuom {
	width:8%;
	text-align:left;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datalist td.titledate {
	width:8%;
	text-align:left;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datalist td.titleitemid a {
	font-weight:900;
	color:#650A64;
	text-decoration:underline;
}
.datalist td.titleqty {
	padding-top:0px;
	width:10%;
	text-align:center;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datalist td.titleqty a {
	font-weight:900;
	color:#650A64;
	text-decoration:underline;
}
.datalist td.titleprice {
	width:11%;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datalist td.titleprice a {
	font-weight:900;
	color:#650A64;
	text-decoration:underline;
}
.datalist td.titleextended {
	width:12%;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-rtlong.jpg);
	background-position:top right;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:6px;
}
.datalist td.titleextended a {
	font-weight:900;
	color:#650A64;
	text-decoration:underline;
}
.datalist td.product {
	width:55%;
	text-align:left;
	padding-left:6px;
	padding-top:5px;
	border-left:solid #999999 1px;
}
.datalist td.itemid {
	width:12%;
	text-align:left;
	padding-top:7px;
}
.datalist td.uom {
	width:8%;
	text-align:left;
}
.datalist td.date {
	width:8%;
	text-align:left;
}
.datalist td.qty {
	width:10%;
	text-align:center;
	padding-top:2px;
}
.datalist td.qtytxt {
	width:10%;
	text-align:center;
}
.datalist td.price {
	width:11%;
	padding-top:7px;
}
.datalist td.extended {
	width:12%;
	white-space:nowrap;
	padding-top:7px;
	padding-right:6px;
	border-right:solid #999999 1px;
}
.datalistevenspace {
	width:100%;
	border-bottom:solid #999999 1px;
}
.datalistevenspace td {
	width:16%;
	text-align:right;
	vertical-align:top;
	padding:2px;
}
.datalistevenspace td.head {
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datalistevenspace td.headlft {
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-lftlong.jpg);
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
	text-align:left;
}
.datalistevenspace td.itemlft {
	text-align:left;
	padding-left:6px;
	border-left:solid #999999 1px;
}
.datalist3col {
	width:100%;
}
.datalist3col td {
	vertical-align:top;
	padding:2px;
}
.datalist3col td.title {
	font-weight:900;
	color:#333333;
}

/*  RULES FOR DATAGRID  */

.datagrid {
	width:100%;
	border-bottom:solid #999999 1px;
}
.datagrid td {
	text-align:right;
	vertical-align:top;
	padding:2px;
}
.datagrid td.titledescription {
	width:70%;
	text-align:left;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-lftlong.jpg);
	background-position:top left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
}
.datagrid td.titleproduct {
	width:58%;
	text-align:left;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-lftlong.jpg);
	background-position:top fleft;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
}
.datagrid td.titleproductalt {
	width:52%;
	text-align:left;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-lftlong.jpg);
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:6px;
}
.datagrid td.titleremove {
	width:6%;
	text-align:center;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datagrid td.titleitemid {
	width:6%;
	text-align:left;
	white-space:nowrap;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datagrid td.titleqty {
	width:6%;
	text-align:center;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datagrid td.titleprice {
	width:6%;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-long.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:3px;
	padding-bottom:3px;
}
.datagrid td.titleextended {
	width:10%;
	font-weight:900;
	color:#650A64;
	background-image:url(../images_navigation/bg-tab-rtlong.jpg);
	background-position:top right;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:6px;
}
.datagrid td.product {
	width:58%;
	text-align:left;
	padding-left:6px;
	padding-top:5px;
	border-left:solid #999999 1px;
}
.datagrid td.productalt {
	width:52%;
	height:80px;
	text-align:left;
	padding-left:6px;
	padding-top:7px;
}
.datagrid td.remove {
	width:6%;
	text-align:center;
	line-height:14px;
	padding-top:4px;
}
.datagrid td.itemid {
	width:6%;
	text-align:left;
	white-space:nowrap;
	padding-top:7px;
}
.datagrid td.qty {
	width:6%;
	text-align:center;
}
*html .datagrid td.qty {
	padding-top:2px;
}
*+html .datagrid td.qty {
	padding-top:2px;
}
.datagrid td.price {
	width:6%;
	padding-top:7px;
}
.datagrid td.extended {
	width:10%;
	padding-right:6px;
	padding-top:7px;
	border-right:solid #999999 1px;
}

/*  RULES FOR TABLES */

.tableform {
	margin-top:10px;
	width: 100%;
	text-align:left;
}
.tableform td {
	vertical-align:top;
	color:#333333;
	padding:1px;	
}
.tableform td.label {
	width: 50px;
	padding-top:4px;
}
.tableform td.labeldata {
	width: 50px;
}
.tableform td.field {
	width: 155px;
	padding-left:5px;
	padding-right:5px;
}
.tableform td.field2 {
	padding-left:5px;
	padding-right:5px;
}
.tableform4 {
	width:100%;
	text-align:left;
}
.tableform4 td {
	vertical-align:top;
	padding:2px;	
}
.tableform4 td.label {
	color:#333333;
	font-weight:900;
	width:10%;
}
.tableform4 td.field {
	padding-left:5px;
	padding-right:5px;
	width:40%;
}
.checkoutform {
	margin-top:10px;
	width: 100%;
	text-align:left;
}
.checkoutform td {
	vertical-align:top;
	color:#333333;
	padding:1px;	
}
.checkoutform td.label {
	width: 110px;
	padding-top:4px;
}
.checkoutform td.field {
	width: 165px;
	padding-left:5px;
	padding-right:5px;
}
.checkoutform td.field2 {
	padding-left:5px;
	padding-right:5px;
}
.checkoutform td.valid {
	padding-left:5px;
	padding-right:5px;
}

/* FOR TOTALS IN CART */

.totals {
	margin-top:15px;
	display:block;
	margin-bottom:15px;
}
.totals td {
	line-height:17px;
}
.totals td.label {
	width:65px;
	font-weight:900;
}
.totals td.price {
	width:110px;
	text-align:right;
}

/*  RULES FOR CONTROLS/BTN'S  */

.btn {
	background-image:url(../images_navigation/bg-btn.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 0px 4px 20px;
	vertical-align:top;
}
*html .btn {
	padding:0px 0px 8px 20px;
}
*+html .btn {
	padding:0px 0px 8px 20px;
}
.btn img {
	position:relative;
	top:7px;
	right:0px;
	[position:relative;
	top:-2px;]
}
*html .btn img {
	position:relative;
	top:6px;	
}
*+html .btn img {
	position:relative;
	top:6px;	
}
.btn:link, .btn:visited {
	color:#333333;
	font-weight:900;
	text-decoration: none;
	font-size:12px;
}
.btn:hover {
	color:#DC0267;
	text-decoration:none;
}
.btnsm {
	padding:2px 8px 2px 8px;
	background-image:url(../images_navigation/bg-tab.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	margin-right:2px;
	border:solid #666666 1px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;	
}
.btnsm:link {
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;	
}
.btnsm:visited {
	background-image:url(../images_navigation/bg-tab.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;	
}
.btnsm:hover {
	background-image:url(../images_navigation/bg-tabovr.jpg);
	text-decoration:none;
}
.btndefault {
	cursor: pointer;
	padding:3px 8px 3px 8px;
	background-color:#999999;
	border:solid #666666 1px;
	background-image:url(../images_navigation/bg-tab.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	color:#FFFFFF;
	font-weight:900;
	text-decoration:none;
	position:relative;
	top:1px;
}
.btndefault a:visited {
	cursor: pointer;
	padding:3px 8px 3px 8px;
	background-color:#999999;
	border:solid #666666 1px;
	background-image:url(../images_navigation/bg-tab.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	color:#FFFFFF;
	font-weight:900;
	text-decoration:none;
	position:relative;
	top:1px;
}
.btndefaultsm, .btndefaultsm:visited {
	cursor: pointer;
	padding:2px 5px 2px 5px;
	font-size:10px;
	background-image:url(../images_navigation/bg-tab.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	color:#FFFFFF;
	font-weight:900;
	text-decoration:none;
}
.btnsearch {
	position:relative;
	top:4px;
	left:4px;
}
.btnenlarge {
	padding-bottom:4px;
}
.btnenlarge:link, .btnenlarge:visited  {
	color:#1F1009;
}
.btnenlarge:hover  {
	color:#9A7039;
	text-decoration:none;
}

/* PICTURE LIST */

#pgtile {
	width: 100%;
	min-height:90%;
	display:inline;
	margin-bottom:20px;
}
*html #pgtile {
	height:90%;
}
*+html #pgtile {
	height:90%;
}
#pgtile div {
	min-width: 126px!important;
	min-height:180px!important;
	display:inline;
	float:left;
	border: solid #000000 1px;
}
*html #pgtile div {
	width: 126px;
	height:180px;
	vertical-align:top;	
}
#pgtile .box {
	color:#000000;
	background-color:#EEEEEE;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:10px;
	margin-bottom:10px;
	width: 126px;
}
#pgtile .box img {
	border:solid #000000 1px;
	margin:10px;
	width:100px;
	height:75px;
	display:block;
}
#pgtile .box a {
	color:#003399;
	text-decoration:underline;
}
#pgtile .box a:visited {
	color:#003399;
}
#pgtile .box a:hover {
	color:#000000;
}
#pgtile .box #controls {
	position:relative;
	bottom:0px;
}
#piclist {
	width:100%;	
	margin-top: 8px;
	display:inline;
	text-align:left;
}
#piclist td {
	width:275px;
	padding:2px;
	vertical-align:top;
}
#piclist table.picitem {
	width:275px;
}
#piclist table.picitem .pic {
	width:110px;
}
.tile {
	float:left;
	width:160px;
	margin-right:20px;
	margin-bottom:20px;
}
.box {
	border: 1px solid #999999;
}
.border {
	border: 1px solid #999999;
}
.border2 {
	border: 2px solid #C8B77B;
}
.border3 {
	border: 2px solid #999999;
}

/* INVOICES */

#invoice {
	width:540px;
	border:solid #666666 1px;
}
#invoice #header {
	padding-top:2px;
	padding-bottom:2px;
	background-color:#CCCCCC;
	border-bottom:solid #666666 1px;
	color:#666666;
	font-size:12px;
	font-weight:900;
	width:100%;
	text-align:left;
}
#invoice #header div.date {
	float:right;
	margin-right:4px;
	margin-left:10px;
}
#invoice #content {
	margin-top:6px;
	margin-bottom:6px;
	width:100%;
}
#invoice #content td {
	padding-left:10px;
	padding-top:4px;
	vertical-align:top;
}
#invoice #content td.title {
	width:12%;
	font-weight:900;
	white-space:nowrap;
	padding-right:10px;
}
#invoice #content td.data {
	width:38%;
	font-weight:200;
	border-left:solid #666666 1px;
	padding-left:10px;
}
#invoice #payment {
	margin-top:10px;
	width:100%;
}
#invoice #payment td {
	padding-left:10px;
}
#invoice #payment td.title {
	width: 60px;
	font-weight:900;
	white-space:nowrap;
}
#invoice #payment td.data {
	font-weight:200;
	border-left:solid #666666 1px;
	font-size:10px;
}
#invoice .totals {
	width:240px;
	font-weight:200;
}
#invoice .totals td.title {
	width:140px;
	white-space:nowrap;
	text-align:right;
	padding-right:8px;
	font-weight:200;
}
#invoice .totals td.price {
	width:100px;
	background-color:#CCCCCC;
	padding-right:4px;	
	white-space:nowrap;
	text-align:right;
	color:#666666;
	font-style:normal;
	font-weight:normal;
}
#invoice .datalistevenspace td.title {
	color:#666666;
}
#invoice .datalist td.titleproduct {
	color:#666666;
}
#invoice .datalist td.titleitemid {
	color:#666666;
}
#invoice .datalist td.titleqty {
	color:#666666;
}
#invoice .datalist td.titleprice {
	color:#666666;
}
#invoice .datalist td.titleextended {
	color:#666666;
}

/* FOR CATEGORYMASTER DYNAMIC LISTS (sidnav menu)  */

.top {
	margin-left:15px;
}
.sub {
	margin-left:30px;
}
.navtreeview {
	width: 157px;
}
.navtreeview ul {
	border-bottom:1px solid #efefef;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.navtreeview li {
	border-top: 1px solid #efefef;
	padding:0px;
	margin:0px;
	list-style-position:outside;
	font-weight:200;
	font-size:13px;
}
.navtreeview li.title {
	color: #ffffff;
	font-weight: 900;
	background-color: #639ed5;
	text-transform: uppercase;
	padding: 3px 10px;
	border-top-style: none;
	border-top-width: 0;
}
.navtreeview li.current {
	font-weight: bold !important;
	background-color: #e9f5fa !important;
}
.navtreeview li.current2 {
	font-weight: bold !important;
}
.navtreeview a {
	display: block;
	width: 140px;
	color: #1d4574;
	background-color:transparent;
	text-decoration: none;
	padding: 3px 7px 3px 10px;
}
.navtreeview a:hover {
	background-color: #e9f5fa;
	text-decoration: none;
}
.navtreeview a.special {
	color: #bf272d;
}
.navtreeview ul ul {
	background-color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #efefef;
	border-bottom-style: none;
}
.navtreeview ul ul li {
	font-weight: normal;
	margin: 0;
	border-top-style: none;
}
.navtreeview ul ul a {
	display: block;
	padding: 3px 10px 3px 20px;
	color: #5a8cc7;
	background-color: transparent;
	text-decoration: none;
	width: 125px;
}
.navtreeview ul ul a.subcurrent {
	color: #1d4574;
	font-weight: bold;
}
.navtreeview ul ul a:hover {
	color: #1d4574;
	background-color: transparent;
	text-decoration: none;
}
.navtreeview ul ul ul {
	background-color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #efefef;
	border-bottom-style: none;
}
.navtreeview ul ul ul li {
	font-weight: normal;
	margin: 0;
	border-top-style: none;
}
.navtreeview ul ul ul a {
	display: block;
	padding: 3px 10px 3px 40px;
	color: #5a8cc7;
	background-color: transparent;
	text-decoration: none;
	width: 105px;
}
.navtreeview ul ul ul a.subcurrent {
	color: #1d4574;
	font-weight: bold;
}
.navtreeview ul ul ul a:hover {
	color: #1d4574;
	background-color: transparent;
	text-decoration: none;
}
.invisible {
	visibility:hidden;
	display:none;
}
.invisiblebutholdspace {
	visibility:hidden;
	display:block;
}

/* MISC */

.labelqty {
	border: #999999 1px solid;
	padding:0px 2px 0px 2px;
	width: 16px;
	color: #999999;
	background-color: transparent;
	text-align: right;
}
.homecontent {
	width:280px;
	margin-top:50px;
}
.homecontent2 {
	float:right;
	width:320px;
	margin-top:50px;
	margin-right:10px;
}
td.adnav {
	vertical-align:top;
}
.adnav a.a, .adnav a.a:visited {
	background-image:url(../images_navigation/btn-adnav1.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	top:-18px;
	padding-bottom:10px;
}
*html .adnav a.a, .adnav a.a:visited {
	top:0px;
	padding-bottom:0px;
}
*+html .adnav a.a, .adnav a.a:visited {
	top:0px;
	padding-bottom:0px;
}
.adnav a.a:hover, .adnav a.asel {
	background-image:url(../images_navigation/btn-adnav1ovr.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.adnav a.b, .adnav a.b:visited {
	background-image:url(../images_navigation/btn-adnav2.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	top:-18px;
	padding-bottom:10px;
}
*html .adnav a.b, .adnav a.b:visited {
	top:0px;
	padding-bottom:0px;
}
*+html .adnav a.b, .adnav a.b:visited {
	top:0px;
	padding-bottom:0px;
}
.adnav a.b:hover,.adnav a.b:hover {
	background-image:url(../images_navigation/btn-adnav2ovr.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.adnav a.c, .adnav a.c:visited {
	background-image:url(../images_navigation/btn-adnav3.gif);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	top:-18px;
	padding-bottom:10px;
}
*html .adnav a.c, .adnav a.c:visited {
	top:0px;
	padding-bottom:0px;
}
*+html .adnav a.a, .adnav a.a:visited {
	top:0px;
	padding-bottom:0px;
}
.adnav a.c:hover, .adnav a.csel {
	background-image:url(../images_navigation/btn-adnav3ovr.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#recommendeditems {
	width:100%;
}
#recommendeditems td {
	vertical-align:top;
	text-align:left;
}
#recommendeditems td.pic {
	width:60px;
	height:60px;
	padding-right:15px
}
.width50 {
	width:50%;
	margin-top:50px;
}
.block {
	display:block;
	border:none;
}
.inline {
	display:inline;
}
.selectedListItemProduct {
	text-align:left;
	background-color:#EEEEEE;
	padding-left:0px;
}
.selectedListItem {
	background-color:#999999;
	color:#FFFFFF;
}
.level1category {
}
.level2category {
	background-color:#eeeeee;
}
.level3category {
	background-color:#dddddd;
}
.selectedcategory {
	color: #000000;
}
.checkbox {
	display:inline;
}
.checkbox label {
    margin-left:6px;
}
*html .checkbox label, *+html .checkbox label { /* for ie6 & 7 */
    margin-left:2px;
}

/* HOME */
.reviews {
	width:166px;
	height:198px;
	overflow-y:scroll;
	overflow-x:none;
	position:relative;
	top:3px;
	left:1px;
	padding-left:10px;
}
.reviews a {
	display:block;
	position:relative;
	left:-10px;
}
#nav2 {
	MARGIN-TOP: 20px;
}
#nav2 .tab2, #nav2 .tab2:visited {
	PADDING: 8px 0px 0px 0px;
	BACKGROUND: url(../images_navigation/bg-tab-lft.gif) no-repeat left top;
	MARGIN: 0px;
	DISPLAY: inline;
	LIST-STYLE-TYPE: none;
}
*html #nav2 .tab2, *html #nav2 .tab2:visited {
	PADDING-TOP: 0px;
}
*+html #nav2 .tab2, *+html #nav2 .tab2:visited {
	position:relative;
	top:8px;
	padding-top:4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for safari*/
#nav2 .tab2 {
	PADDING-BOTTOM: 1px;
	TOP: 3px;
}
}
#nav2 .tab2:hover {
	BACKGROUND: url(../images_navigation/bg-tab-lftovr.gif) no-repeat left top;
	COLOR: #ffffff;
}
#nav2 a, #nav2 a:visited {
	PADDING: 4px 14px 2px 14px;
	FONT-WEIGHT: 900; 
	FONT-SIZE: 13px;
	BACKGROUND: url(../images_navigation/bg-tab-rt.gif) no-repeat right top;
	COLOR: #650a64;
	POSITION: relative;
	TOP: -2px;
	TEXT-DECORATION: none;
}
*+html #nav2 a, *+html #nav2 a:visited {
	POSITION: relative;
	TOP: -9px;
	padding-top:0px;
	margin-top:-4px;
}
#nav2 A:hover {
	BACKGROUND: url(../images_navigation/bg-tab-rtovr.gif) no-repeat right top;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}
.content2 {
	BORDER: #999999 1px solid;
	margin-top:-1px;
}
*html .content2 {
	margin-top:0px;
}
*+html .content2 {
	margin-top:0px;
	PADDING-TOP: 8px;
}
#nav2 .content2 TD {
	PADDING:8px;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: center;
}
*+html #nav2 .content2 TD {
	PADDING-top:20px;
}
#nav2 .content2 a, #nav2 .content2 a:visited, #nav2 .content2 a:hover {
	BACKGROUND-IMAGE: none;
}
#nav2 .content2 a:visited {
	COLOR: #650a64;
	TEXT-DECORATION: none;
}
#nav2 .content2 a:hover {
	COLOR: #333333;
	TEXT-DECORATION: underline;
}
div.tab2 .tabonhover {
	COLOR: #ffffff;
}
#nav2 {
	MARGIN-TOP: 20px;
}
#nav2 .tab2, #nav2 .tab2:visited {
	PADDING: 8px 0px 0px 0px;
	BACKGROUND: url(../images_navigation/bg-tab-lft.gif) no-repeat left top;
	MARGIN: 0px;
	DISPLAY: inline;
	LIST-STYLE-TYPE: none;
}
*html #nav2 .tab2, *html #nav2 .tab2:visited {
	PADDING-TOP: 0px;
}
*+html #nav2 .tab2, *+html #nav2 .tab2:visited {
	position:relative;
	top:8px;
	padding-top:4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* for safari*/
#nav2 .tab2 {
	PADDING-BOTTOM: 1px;
	TOP: 3px;
}
}
#nav2 .tab2:hover {
	BACKGROUND: url(../images_navigation/bg-tab-lftovr.gif) no-repeat left top;
	COLOR: #ffffff;
}
#nav2 a, #nav2 a:visited {
	PADDING: 4px 14px 2px 14px;
	FONT-WEIGHT: 900; 
	FONT-SIZE: 13px;
	BACKGROUND: url(../images_navigation/bg-tab-rt.gif) no-repeat right top;
	COLOR: #650a64;
	POSITION: relative;
	TOP: -2px;
	TEXT-DECORATION: none;
}
*+html #nav2 a, *+html #nav2 a:visited {
	POSITION: relative;
	TOP: -9px;
	padding-top:0px;
	margin-top:-4px;
}
#nav2 A:hover {
	BACKGROUND: url(../images_navigation/bg-tab-rtovr.gif) no-repeat right top;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}
.content2 {
	BORDER: #999999 1px solid;
	margin-top:-1px;
}
*html .content2 {
	margin-top:0px;
}
*+html .content2 {
	margin-top:0px;
	PADDING-TOP: 8px;
}
#nav2 .content2 TD {
	PADDING:8px;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: center;
}
*+html #nav2 .content2 TD {
	PADDING-top:20px;
}
#nav2 .content2 a, #nav2 .content2 a:visited, #nav2 .content2 a:hover {
	BACKGROUND-IMAGE: none;
}
#nav2 .content2 a:visited {
	COLOR: #650a64;
	TEXT-DECORATION: none;
}
#nav2 .content2 a:hover {
	COLOR: #333333;
	TEXT-DECORATION: underline;
}
div.tab2 .tabonhover {
	COLOR: #ffffff;
}
.panelZoom {
	visibility:visible;
	display:block;
	background-color:White;
	position:absolute;
	border:solid #999999 1px;
	width:500px;
	height:520px;
	margin-top:38px;
	left: 216px;
	z-index:10000;
}
.panelZoom a {
	position:relative;
	left:456px;
	z-index:10;
}
.panelZoom img {
	position:relative;
	z-index:1;
}
.btn img.zindex {
}
/*
*html .panelZoom img {
	top:-18px;
}
*+html .panelZoom img {
	top:-18px;
}*/
.lower {
	position: relative;
	top: 11px;
}