/* CSS MAPPING

** Site Regions Legend **

REGION 						[css rule]
--------------------------------------------------------------------------------
the css rule can be searched for within this page by ctrl + f

** START OF MAP **

PAGE						[#pg]
--------------------------------------------------------------------------------
	H1 - H6					[H1 - H5]
	p, u, li 				[]
	a, a:visted, a:hover	[a, a:visted, a:hover]
	Btn's 					[.btn, .btndefault, .btnsm, .btnmd, .btnlg]
	Field's, Forms, and Radio Btn's	[.txtfield, .tableform, and .checkbox]
	Datalists and Grids		[.datalist, .datagrid]
	
HEADER						[.headerbg]
---------------------------------------------------------------------------------
	Main nav				[#topnavs]
	Sub nav					[#subnav, .breadcrumb, .search]
	Utility nav				[.utilities, .NavStoreYouAreHere, ]
	
LEFT						[#side, .sidtitle, .sidbox]
---------------------------------------------------------------------------------
	Nav						[#sidnav]
	
BODY						[#mn]
---------------------------------------------------------------------------------
Head						[]
		Breadcrumbs			[.breadcrumbstore]
		Pager				[.pager]
		Sub Categories		[.subcat]
	Body					[.tablebg]
		datalists			[.datalists, .datalist2]
		forms				[.totals, .tablecategory, .tableform]
		features			[.Specials, .featurepic]
		categories			[.tablecategory, .titletab]
		itemdetail			[.itempic, .detailpic]
		Misc				[.underline, .icons, .gobutton, .signup, #orderconfirm]
		

FOOTER						[#foot]
---------------------------------------------------------------------------------

PAGE (CASCADING PLACEMENT)
---------------------------------------------------------------------------------
	Text					[.sm, .lg, .style1, .txterror, .txtcross, txterror]
	Positioning				[.left, .right, .padding, .margin]
	text fields				[.txtbox, .txtboxlong, .txtboxcomment]
	
MISC (CASCADING PLACEMENT)
---------------------------------------------------------------------------------
	
** END OF MAP **

*/

/*  GLOBAL RULES TO ZERO OUT DEFAULTS OF SITE  */

body, div, table, tbody, tr, td, img, h1, h2, h3, h4, h5, h6, p {
	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;
	overflow-x:hidden;*/
}

/* START 'PAGE' */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size:12px;
}
body:last-child #navside { /* resets the selected state for the side navigation for cross-browser support (chrome/safari) */
	padding:0;
	text-align:left!important;
}

	/* START INHERENT TAGS */
	a:link, a:visited {
		color: #0000FF;
		text-decoration: none;
		font-style: normal;
	}
	a:active {
		color: #0000FF;
		text-decoration: none;
		font-style: normal;
	}
	a:hover {
		color: #333333;
		text-decoration: underline;
		font-style: normal;
	}
	h1 {
		font-size:27px; 
		text-decoration: none;
		color: #0E1F58;
		font-weight:200;
	}
	h2 {
		font-family: "Times New Roman", Times, serif;
		font-size:24px;
		text-decoration: none;
		color: #770003;
		font-weight:200;
		padding-bottom:2px;
	}
	h3 {
		font-size:16px;
		text-decoration: none;
		color: #0E1F58;
		font-weight:200;
	}
	h4 {
		font-size:14px;
		text-decoration: none;
		color: #000;
	}
	h5 {
		font-size:14px;
		text-decoration: none;
		color: #0E1F58;
		font-weight:200;
	}
	form {
		font-size:11px;
		text-decoration: none;
		color: #FFFFFF;
		margin: 0px;
		padding: 0px;
	}
	p {
		margin-top:15px;
		width:720px;
	}
	
	/* END INHERENT TAGS */
	
	/* START BTN'S */
	.btn {
		width:60px;
		height:17px;
		padding:1px 8px 2px 8px;
		position:relative;
		top:-1px;
		
		border: solid #333333 1px;
		color:#FFFFFF;
		background-image:url(../images_navigation/btn-bg.jpg);
		background-repeat:repeat-x;
	}
	.btn:link, .btn:visited  {
		text-transform: uppercase;
		color:#FFFFFF;
		text-decoration: none;
		vertical-align:middle;
		font-weight:900;
	}
	.btn:hover {
		background-image:url(../images_navigation/btn-bgovr.jpg);
		background-repeat:repeat-x;
		border: solid #333333 1px;
		color:#FFFFFF;
		text-decoration: none;
	}
	*html .btndefault { /* ie6 */
		height:20px;
	}
	.btnsm {
		width:90px;
		height:18px;
		background-image:url(../images_navigation/btn-bg-sm.jpg);
		background-repeat:no-repeat;
		vertical-align:middle;
		text-align:center;
		padding:2px auto 1px auto;
	}
	.btnsm:link, .btnsm:visited {	
		font-size:10px;
		color:#FFFFFF;
		text-decoration: none;
		vertical-align:middle;
		font-weight:900;
	}
	.btnsm:hover {
		color:#FFFFFF;
		text-decoration: none;	
		background-image:url(../images_navigation/btn-bg-smovr.jpg);
		background-repeat:no-repeat;
	}
	.btnmd {
		width:120px;
		height:18px;
		background-image:url(../images_navigation/btn-bg-md.jpg);
		background-repeat:no-repeat;
		vertical-align:middle;
		text-align:center;
		padding:2px auto 1px auto;
	}
	.btnmd:link, .btnmd:visited {	
		font-size:11px;
		color:#FFFFFF;
		text-decoration: none;
		vertical-align:middle;
		font-weight:900;
	}
	.btnmd:hover {
		color:#FFFFFF;
		text-decoration: none;
		background-image:url(../images_navigation/btn-bg-mdovr.jpg);
		background-repeat:no-repeat;
	}
	.btnlg {
		width:150px;
		height:18px;
		background-image:url(../images_navigation/btn-bg-lg.jpg);
		background-repeat:no-repeat;
		vertical-align:middle;
		text-align:center;
		padding:2px auto 1px auto;
	}
	.btnlg:link, .btnlg:visited {
		color:#FFFFFF;
		text-decoration: none;
		vertical-align:middle;
		font-weight:900;
	}
	.btnlg:hover {
		color:#FFFFFF;
		text-decoration: none;
		background-image:url(../images_navigation/btn-bg-lgovr.jpg);
		background-repeat:no-repeat;
	}
	.btnposmozilla {
		position:relative;
		top:3px;
		display:inline;
	}
	*html .btnposmozilla {
		position:relative;
		top:0px;
	}
	
	/* END BTN'S */

/* END 'PAGE' */

/* START 'HEAD' */
.headerbg {
	position: relative;
	width: 100%;
	text-align: right;
	background-repeat: no-repeat;
	background-image:  url(../images_global/title_bgheader.gif);
	background-color: #000000;
	border-bottom-color: #142E85;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}	
	/* BEGIN NAV */	
	#topnavs {
		position:relative;
		width:100%;
		min-width:555px;
		background-color: #000000;
		text-align: right;
		height: 25px;
	}
	#topnavs div {
		width:92px;
		height:25px;
		float:right;
	}
	#btn0 {
		height: 18px;
		vertical-align:bottom;
		margin: 6px 30px 0px 0px;
		text-align:right;
	}
	#btn0 a {
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: none;
		vertical-align: bottom;
		font-weight:900;
	}
	#btn0 a:visited {
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: none;
		vertical-align: bottom;
		font-weight:900;
	}
	#btn0 a:hover {
		font-size: 10px;
		color: #A8C5FF;
		text-decoration: none;
		vertical-align: bottom;
		font-weight:900;
	}
	body#button0 div#btn0 a.button0 {
		font-size: 10px;
		color: #A8C5FF;
		text-decoration: none;
		vertical-align: bottom;
		font-weight:900;
	}
	#btn1, 
	#btn2, 
	#btn3, 
	#btn4, 
	#btn5, 
	#btn6 {
		font-weight: 900;
		text-align: center;
		font-size: 13px;
	}
	#btn1 a, 
	#btn2 a, 
	#btn3 a, 
	#btn4 a, 
	#btn5 a, 
	#btn6 a {
		display: block;
		width: 92px;
		height:23px;
		padding-top: 2px;
		background-image: url(../images_global/Tab.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		color: #000000;
	}
	
	#btn1 a:hover, 
	#btn2 a:hover, 
	#btn3 a:hover, 
	#btn4 a:hover, 
	#btn5 a:hover, 
	#btn6 a:hover {
		text-decoration: none;
		background-image: url(../images_global/Tab_Ovr.gif);
		background-repeat: no-repeat;
	}
	body#button1 div#btn1 a.button1, 
	body#button2 div#btn2 a.button2, 
	body#button3 div#btn3 a.button3, 
	body#button4 div#btn4 a.button4, 
	body#button5 div#btn5 a.button5, 
	body#button6 div#btn6 a.button6 {
		background-image: url(../images_global/Tab_Sel.gif);
		background-repeat: no-repeat;
		color: #FFFFFF;
	}
	
	/* END NAV */
	
	/* START SUBNAV */
	#subnav {
		width: 100%;
		background-color: #333333;
		border-top:2px solid #990000;
		border-bottom:1px solid #000000;
	}
	#subnav td {
		padding-top:1px;
		padding-bottom:1px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: 900;
		color: #FFFFFF;
	}
	.breadcrumb {
		font-size:12px;
		text-transform:capitalize;
		color:#FFF;
	}
	.breadcrumb a, .breadcrumb a:visited {
		font-size:12px;
		text-transform:capitalize;
		color:#FFF;
	}
	.breadcrumb a:hover {
		color:#FFF;
		text-decoration:underline;
	}
	.breadcrumb .possep {
		font-size:12px;
		position:relative;
		top:0px;
	}
	.search {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		width: 100%;
		font-weight: 900;
		text-align: right;
	}
	.search input.txtboxsearch {
		width:100px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		margin:1px 2px;
		padding:1px;
	}
	.search input.btnsearch { 
		position:relative;
		top:-1px;
		margin-right:15px;
	}
	
	/* END SUBNAV */
	
	/* BEGIN UTILITIES */
	.utilities {
		font-size: 10px;
		font-weight: 900;
		color: #FFFFFF;
		background-image: url(../images_global/NavStore_TabBkrd.gif);
		background-repeat: no-repeat;
		background-position: right top;
		text-align: right;
		height: 23px;
		width: 95px;
	}
	.utilitiescorner {
		font-size: 10px;
		font-weight: 900;
		color: #FFFFFF;
		background-image: url(../images_global/NavStore_TabBkrdEnd.gif);
		background-repeat: no-repeat;
		background-position: right top;
		text-align: right;
		vertical-align: top;
		height: 26px;
		width: 110px;
	}
	.NavStoreYouAreHere {  /* utilitiesbreadcrumb, would rename but couldn't because we loose "you are here" functionality */
		color: #FFFFFF;
		text-decoration: none;
		width: 195px;
		height:26px;
	}
	body#button0 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button1 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button2 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button3 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button4 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button5 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button6 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}

	/* BEGIN UTILITIES SELECTED STATE */	
	/* g=login, h=view cart, i=checkout */ /* div id > link class */	
	/* div id's */
	#btnh, #btni {
		text-align: center;
		vertical-align: middle;
	}
	#btng {  
		text-align: center;
		vertical-align: middle;
		padding-top:6px;
		font-size: 10px;
		font-weight:900;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	/* links inside div's for utilities */
	#btng a, #btnh a, #btni a {
		font-size: 10px;
		font-weight:900;
		color: #FFFFFF;
		text-decoration: none;
	}
	#btng a:visited, #btnh a:visited, #btni a:visited {
		font-size: 10px;
		font-weight:900;
		color: #FFFFFF;
		text-decoration: none;
	}
	#btng a:hover, #btnh a:hover, #btni a:hover {
		font-size: 10px;
		color: #A8C5FF;
		font-weight:900;
		text-decoration: none;
	}
	
	/* EXCEPTTION: link inside module login diff then href, needs class inside link to define instead of link itself */
	.buttong {
		text-align: center;
		vertical-align: middle;
		padding-top:6px;
		font-size: 10px;
		font-weight:900;
		color: #FFFFFF;
		text-decoration: none;
	}
	.buttong:link {
		text-align: center;
		vertical-align: middle;
		padding-top:6px;
		font-size: 10px;
		font-weight:900;
		color: #FFFFFF;
		text-decoration: none;
	}
	.buttong:visited {
		text-align: center;
		vertical-align: middle;
		padding-top:6px;
		font-size: 10px;
		font-weight:900;
		color: #FFFFFF;
		text-decoration: none;
	}
	.buttong:hover {
		text-align: center;
		vertical-align: middle;
		padding-top:6px;
		font-size: 10px;
		font-weight:900;
		color: #A8C5FF;
		text-decoration: none;	}
	
	/* if body id= as stated below, these styles control the links in those div's to have the properties for fonts and bg images below */
	body#button7 div#btng a.buttong, body#button8 div#btnh a.buttonh, body#button9 div#btni a.buttoni {	
		color: #A8C5FF;
		font-size: 10px;
		text-decoration: none;
	}
	body#button7 div#btn0 a.button0 { /* btn0 home page */
		background-image: url(../images_global/Tab_Sel.gif);
		background-repeat: no-repeat;
		color: #FFFFFF;
	}
	body#button8 div#btn4 a.button4, body#button9 div#btn4 a.button4 { /* btn4 products page */
		background-image: url(../images_global/Tab_Sel.gif);
		background-repeat: no-repeat;
		color: #FFFFFF;
	}
	body#button8 div#btnd a.buttond, body#button9 div#btnd a.buttond { /* btnd products page */
		background-image:  url(../images_global/NavSide_BtnSel.gif);
		background-repeat: no-repeat;
		color: #FFFFFF;
		padding-bottom: 5px;
		padding-right: 35px;
		padding-top: 2px;
		vertical-align: middle;		}
	
	/* if body id= as stated below, these styles control the bg image of td to swap */
	body#button7 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button8 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	body#button9 td.NavStoreYouAreHere {
		background-image: url(../images_content/navstore-sel-home.gif);
		background-repeat: no-repeat;
	}
	
	/* END UTILITIES SELECTED STATE */
	
	/* END UTILITIES */
	
/* END 'HEAD' */

/* START 'LEFT' */
#side {
	vertical-align:top;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images_global/bg_table.gif);
	background-repeat: repeat;
	width: 140px;
	padding-left:12px;
	padding-left:12px;
	height: 100%;
	padding-top:20px;
	background-color: #142E85;
}
.sidtitle {
	text-align: center;
	width:140px;
	background-color: #000000;	
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	vertical-align: bottom;
	padding-top: 5px;
	padding-bottom: 3px;
	font-weight: 900;
	color: #FFFFFF;
}
.sidbox {	
	text-align: center;
	width:140px;
	background-color: #666666;
	border: 1px solid #FFFFFF;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sidbox img {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.sidbox table {
	color:#FFF;
	font-size: 10px;
	text-align:center;
	margin-left:auto!important;
	margin-right:auto!important;
}
.sidbox table a, .sidbox table a:visited {
	color:#FFF;
	font-size: 10px;
}
.sidbox table a:hover {
	color:#ADC6FF;
	text-decoration:none;
}
.sidbox table td.label {
	width:40px;
	font-weight:900;
	padding-right:8px;
	text-align:left;
	font-size: 10px;
}
.sidbox table td {
	font-size: 10px;
}

	/* START SIDNAV */	
	#sidnav {
		width:140px;
		border: solid #FFFFFF 1px;
		text-align: center;
		vertical-align: middle;
		background-image: url(../images_global/NavSide_Btn.gif);
		padding-top: 5px;
		padding-bottom: 5px;
	}	
	*html #sidnav { /* ie6 */
		width:138px;
	}
	#sidnav div {
		display: block;
		height: 24px;
		width:138px;
		vertical-align: middle;
		margin: 0px;
	}
		/* START SIDNAV NAVIGATION */
		div #btna {
			width:138px;
			height: 24px;
			text-align: left;
			font-weight: 900;
			margin-top:3px;
		} 
		#btnb, 
		#btnc, 
		#btnd, 
		#btne, 
		#btnf {
			width:138px;
			height: 24px;
			text-align: left;
			font-weight: 900;
			background-image: none;
		}
		#btna a,
		#btnb a, 
		#btnc a, 
		#btnd a, 
		#btne a, 
		#btnf a {
			width:102px;
			height: 24px;
			padding-left: 36px;
			padding-top: 2px;
			padding-bottom: 4px;
			background-image: none;
			
			font-size: 13px;
			color: #FFFFFF;
			text-decoration: none;
		}
		#btna a:visited, 
		#btnb a:visited, 
		#btnc a:visited, 
		#btnd a:visited, 
		#btne a:visited, 
		#btnf a:visited {
			width:104px;
			height: 24px;
			padding-left: 36px;
			padding-top: 2px;
			padding-bottom: 4px;
			background-image: none;
			
			font-size: 13px;
			color: #FFFFFF;
			text-decoration: none;
		}
		#btna a:hover, #btnb a:hover, #btnc a:hover, #btnd a:hover, #btne a:hover, #btnf a:hover {
			background-image:  url(../images_global/NavSide_BtnOvr.gif);
			background-repeat: no-repeat;
			color: #000000;		
			height: 24px;
			padding-top: 2px;
			padding-left:36px;
			padding-bottom:4px;
		}  
		#btna a:hover, body#button1 div#btna a.buttona {
			padding-right:61px;
		}  
		*html #btna a:hover, body#button1 div#btna a.buttona { /* ie6 */
			padding-right:59px;
		}
		#btnb a:hover, body#button2 div#btnb a.buttonb {
			padding-right:49px;
		} 
		*html #btnb a:hover, body#button2 div#btnb a.buttonb { /* ie6 */
			padding-right:47px;
		} 
		#btnc a:hover, body#button3 div#btnc a.buttonc {
			padding-right:64px;	
		} 
		*html #btnc a:hover, body#button3 div#btnc a.buttonc { /* ie6 */
			padding-right:62px;
		} 
		#btnd a:hover, body#button4 div#btnd a.buttond {
			padding-right:40px;		
		} 
		*html #btnd a:hover, body#button4 div#btnd a.buttond { /* ie6 */
			padding-right:38px;
		}  
		#btne a:hover, body#button5 div#btne a.buttone {
			padding-right:63px;	
		} 
		*html #btne a:hover, body#button5 div#btne a.buttone { /* ie6 */
			padding-right:61px;
		}  
		#btnf a:hover, body#button6 div#btnf a.buttonf {
			padding-right:25px;		
		} 
		*html #btnf a:hover, body#button6 div#btnf a.buttonf { /* ie6 */
			padding-right:21px;
		} 
		body#button1 div#btna a.buttona, body#button2 div#btnb a.buttonb, body#button3 div#btnc a.buttonc, body#button4 div#btnd a.buttond, body#button5 div#btne a.buttone, body#button6 div#btnf a.buttonf {
			background-image:  url(../images_global/NavSide_BtnSelHOME.gif);
			background-repeat: no-repeat;
			border-top:solid #FFF 1px;
			color: #FFFFFF;
			padding-bottom: 7px;
			padding-top: 3px;
			vertical-align: middle;	
		} 
		/* END SIDNAV NAVIGATION */
		
	/* END SIDNAV */
	
/* END 'LEFT' */

/* START 'BODY' */
#mn {
	text-align:left;
	vertical-align:top;
	padding-left:30px;
	padding-right:5px;
}
#mn div#max {
	max-width:790px;
} 
*html #mn div#max {
	width:expression(document.body.clientWidth > 796? "796px": "auto" );
}
table td {
	font-size:12px;
}

	/* START BODY 'HEAD' */
	.breadcrumbstore { /* shows users where they are in process when in store checkout process */
		margin-top:5px;
		margin-bottom:8px;
		color: #999;
		text-decoration: none;
		vertical-align: top;
		font-weight:900;
	}
	.breadcrumbstore a:link, .breadcrumbstore a:visited {
		color: #999;
		text-decoration: none;
		font-weight:900;
	}
	.breadcrumbstore a:hover {
		color: #000099;
		text-decoration: none;
		font-weight:900;
	}
	.breadcrumbstore .sel {
		color: #000;
	}
	.pager {
		margin-top:10px;
	}
	.subcat {
		text-align:left;
		margin-bottom:15px;
		width:auto;
	}
	.subcat a {
		white-space:nowrap;
		margin-right:15px;
	}
	.companywelcome {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-style: italic;
		font-weight: bold;
		color: #999999;
		margin-left:10px;
	}
	
	/* END BODY 'HEAD' */

	/* START BODY 'BODY' */
	.tablebg { /* bg gradient to categorybody table */
		width:15%;
		background-image: url(../images_global/Bg_CategoryBodyRtGradiant.jpg);
		background-repeat: repeat-y;
		background-position: left;
	}
	
		/* START DATALISTS */
		.altrow {
			background-color: #EEEEEE;
		}
		.datalist {
			width:100%;
			text-align:right;
		}
		.datalist td {
			padding-top:3px;
			padding-bottom:1px;
			padding-right:5px;
			text-align:right;
		}
		.datalist td.titleproduct {
			width:60%;
			text-align:left;
			border-bottom:dashed #000 1px;
		}
		.datalist td.titleqty {
			width:10%;
			white-space:nowrap;
			text-align:center;
			border-bottom:dashed #000 1px;
		}
		.datalist td.titleremove {
			width:10%;
			white-space:nowrap;
			text-align:center;
			border-bottom:dashed #000 1px;
		}
		.datalist td.titleprice {
			width:10%;
			white-space:nowrap;
			border-bottom:dashed #000 1px;
		}
		.datalist td.titleext {
			width:10%;
			padding-right:0px;
			border-bottom:dashed #000 1px;
		}
		.datalist td.product {
			width:60%;
			text-align:left;
			font-weight:200;
		}
		.datalist td.product a, .datalist td.product a:link, .datalist td.product a:visited {
			text-align:left;
			font-weight:200;
		}
		.datalist td.qty {
			width:10%;
			white-space:nowrap;
			padding-top:1px;
			text-align:center;
		}
		.datalist td.remove {
			width:10%;
			text-align:center;
			padding-top:1px;
		}
		.datalist td.price {
			width:10%;
			font-weight:200;
		}
		.datalist td.ext {
			width:10%;
			font-weight:200;
			padding-right:0px;
		}
		.datalist td.txtlistremove {
			width:10%;
			font-weight:200;
		}
		.datalist2 {
			width:100%;
			text-align:right;
		}
		.datalist2 td {
			padding-top:4px;
			padding-bottom:1px;
			padding-right:5px;
		}
		.datalist2 td.titleproduct {
			width:60%;
			text-align:left;
			padding-left:5px;
			padding-top:1px;
			font-weight:900;
		}
		.datalist2 td.titleitemid {
			width:10%;
			padding-top:1px;
			text-align:left;
			font-weight:900;
		}
		.datalist2 td.titleqty {
			width:10%;
			padding-top:1px;
			font-weight:900;
		}
		.datalist2 td.titleprice {
			width:10%;
			padding-top:1px;
			font-weight:900;
		}
		.datalist2 td.titleextended {
			width:10%;
			padding-top:1px;
			font-weight:900;
		}
		.datalist2 td.product {
			width:60%;
			text-align:left;
			padding-left:5px;
		}
		.datalist2 td.itemid {
			width:10%;
			text-align:left;
			font-size:11px;
		}
		.datalist2 td.qty {
			width:10%;
			white-space:nowrap;
			padding-top:0px;
		}
		.datalist2 td.price {
			width:10%;
			color:#0000FF;
		}
		.datalist2 td.extended {
			width:10%;
			color:#0000FF;
		}
		.datalist2 td.productalt {
			width:60%;
			text-align:left;
			padding-left:5px;
			background-color: #EEEEEE;
		}
		.datalist2 td.itemidalt {
			width:10%;
			text-align:left;
			background-color: #EEEEEE;
			font-size:11px;
		}
		.datalist2 td.qtyalt {
			width:10%;
			background-color: #EEEEEE;
			white-space:nowrap;
			text-align:center;
		}
		.datalist2 td.pricealt {
			width:10%;
			background-color: #EEEEEE;
		}
		.datalist2 td.extendedalt {
			width:10%;
			background-color: #EEEEEE;
		}
		/* END DATALISTS */
		
		/* START FORMS */
		.tableform {
			margin-top:10px;
			width: 100%;
			text-align:left;
		}
		.tableform td {
			vertical-align:top;
			color:#333333;
			padding:1px;
			font-size:12px;	
		}
		.tableform td.label {
			width: 50px;
			padding-top:6px;
			font-weight:900;
			white-space:nowrap;
		}
		.tableform td.labelrt {
			width:200px;
			padding-top:6px;
			font-weight:900;
			text-align:right;
		}
		.tableform td.field {
			width: 155px;
			padding-left:5px;
			padding-right:5px;
		}
		.tableform td.valid {
			padding-top:6px;
			font-weight:200;
		}
		.tableform td.field2 {
			padding-left:5px;
			padding-right:5px;
		}
		.tableform td.fielddata {
			width: 155px;
			padding-left:5px;
			padding-right:5px;
			padding-top:6px;
		}
		.tableform td.field2data {
			padding-left:5px;
			padding-right:5px;
			padding-top:6px;
		}
		.tablemedia {
			border:solid #000 1px;
			background-color:#FFF;
		}
		.tablemedia td {
			border-bottom:solid #000 1px;
			background-color:#999;
			padding-right:40px;
		}
		.tablemedia h1 {
			text-align:center;
			font-size:12px;
			font-weight:900;
			color:#000;
			width:auto;
			position:relative;
			left:25px;
		}
			
			/* START TOTALS FORMS */
			.totals {
				color: #333333; 
				font-weight: 900;
				font-size: 13px;
				text-align:right;
				width:100%;
				margin-top:10px;
				margin-bottom:10px;
			}
			.totals .price {
				color: #0000FF; 
				font-weight: 900;
				font-style: italic;
				font-size: 13px;
				width:10%;
			}
			.lgtotals {
				font-size:15px;
				font-weight:900;
			}
			/* END TOTALS FORMS */
			
		/* END FORMS */
		
		/* BEGIN FEATURES */
		.Specials {
			font-size: 10px;
			color: #000000;
			text-decoration: none;
			width: 140px;
			background-image: url(../images_global/Bg_Specials.gif);
			background-repeat: repeat-y;
			background-position: left center;
			text-align: left;
			vertical-align: middle;
			padding-left: 2px;
			font-weight: normal;
			padding-right: 2px;
		}
		.Specials a:link {
			font-size: 10px;
			color: #FFFFFF;
			text-decoration: none;
		}
		.Specials a:active {
			font-size: 10px;
			color: #990000;
			text-decoration: none;
		}
		.Specials a:visited {
			font-size: 10px;
			color: #FFFFFF;
			text-decoration: none;
		}
		.Specials a:hover {
			font-size: 10px;
			color: #000000;
			text-decoration: none;
			font-weight: normal;
		}
		.SpecialsTitle {
			font-size: 12px;
			font-weight: 900;
			color: #FFFFFF;
			background-image:  url(../images_global/Bg_Specials_Title.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			text-align: center;
			vertical-align: middle;
			height: 27px;
			width: 135px;
		}
		.SpecialsBottom {
			font-size: 12px;
			font-weight: 900;
			color: #FFFFFF;
			background-image: url(../images_global/Specials_Bottom.gif);
			background-repeat: no-repeat;
			background-position: left top;
			text-align: center;
			vertical-align: top;
			height: 19px;
			width: 135px;
		}
		.featurespic {
			background-image: url(../images_global/Bg_BestSellersPicBorder.gif);
			background-repeat: no-repeat;
			background-position: center center;
			height: 40px;
		}

		/* END FEATURES */
		
		/* START CATEGORIES */
		.titletab {
			font-size: 14px;
			font-weight: 900;
			color: #FFFFFF;
			text-decoration: none;
			background-image: url(../images_global/TitleBgProduct.gif);
			background-repeat: no-repeat;
			background-position: right bottom;
			text-align: right;
			width: 100%;
			padding-top:3px;
			padding-bottom:3px;
			
			padding-right:10px;
			position:relative;
			left:-10px;
		}
		*html .titletab { /* ie6 */
			left:0px;
		}
		.tablecategory {
			width: 100%;
			border: 1px solid #000000;
		}
		.tablecategory td {
			text-decoration: none;			
		}
		.tablecategory .pic {
			background-image: url(../images_global/Brd_ProductCategory.gif);
			background-repeat: no-repeat;
			background-position:15px 9px;
			padding-top:5px;
			padding-left:22px;
			height: 65px;
			width:65px;
		}
		.tablecategory a, .tablecategory a:visited {
			color:#000;
			text-decoration:none;
		}
		.tablecategory a:hover {
			color:#0000ff;
			text-decoration:none;
		}
/*		.tablecategory .pic img {
			position:relative;
			left:12px;
			top:-1px;
		}*/
		.tablecategory td.label {
			padding-left:8px;
			font-weight:900;
		}
		.tablecategory2 { /* restores default blue font color on hyperlinks for itemdetail styles */
			width: 100%;
			border: 1px solid #000000;
		}
		.tablecategory2 td {
			text-decoration: none;			
		}
		.tablecategory2 .pic {
			background-image: url(../images_global/Brd_ProductCategory.gif);
			background-repeat: no-repeat;
			background-position:15px 9px;
			padding-top:5px;
			padding-left:22px;
			height: 65px;
			width:65px;
		}
		.tablecategory2 a, .tablecategory2 a:visited {
			text-decoration:none;
		}
		.tablecategory2 a:hover {
			color:#000000;
			text-decoration:underline;
		}
/*		.tablecategory2 .pic img {
			position:relative;
			left:12px;
			top:-1px;
		}*/
		.tablecategory2 td.label {
			padding-left:8px;
			font-weight:900;
		}

		
		/* END CATEGORIES */
		
		/* START CAT BODY AND ITEMDETAIL */
		.itempic {
			width: 160px!important;
			height: 105px;
			padding-top: 9px;
			background-image: url(../images_global/Bg_CategoryBodyPic.gif);
			background-repeat: no-repeat;
			background-position:top right;
			vertical-align:top;
			text-align:center;
		}
		.itempic .pic {
			margin-left:24px;
			/* css to fix all browsers but ie, tested by EC|2012.01 */
			background-image:none;
			background-position:auto;
			padding-top:0;
			padding-left:0;
			height:auto;
			width:auto;
		}
			/* y-axis alignment of the drop down to line up with the button in all browsers but ie EC|2012.02 */
		:root *> table.margintop tr td select.product_select{
		position:relative;
		top:-3px;
		}


		.detailpic {
			background-image: url(../images_global/Brd_ProductDetail.gif);
			background-repeat: no-repeat;
			background-position: right top;
			text-align: right;
			vertical-align: top;
			height: 320px;
		}
		.detailstylespic {
			background-image: url(../images_global/Bg_ItemDetailStylesPic.gif);
			background-repeat: no-repeat;
			background-position: center 15px;
			vertical-align:top;
			height: 250px;
			text-align:center;
		}
		.detailstylespic img {
			margin-top:45px;
		}
		
		/* END ITEMDETAIL */
		
		/* MISC */
		.sep {
			border-bottom: dashed #000 1px;
			padding-bottom:15px;
		}
		input.signup, select.signup {
			width: 150px;
			height: 18px;
			color: #990000;
			font-size: 10px;
			margin-left:5px;
		}
		input.gobutton, select.gobutton {
			width: 75px;
			height: 18px;
			color: #990000;
			font-size: 10px;
			margin-left:5px;
		}
		input.qty, select.qty {
			width: 30px;
			height: 18px;
			color: #990000;
			font-size: 10px;
			margin-left:5px;
			white-space:nowrap;
		}
		input.amount, select.amount {
			width: 75px;
			height: 18px;
			color: #990000;
			font-size: 10px;
			margin-left:5px;
		}
		.psmallfirst {
			font-size: 36px;
			color: #000000;
			font-style: normal;
			font-weight: normal;
			line-height: 36px;
			padding-left: 5px;
			padding-right: 2px;
			padding-top:15px;
			display:inline;
			width:auto;
		}
		table.content {
			border-top:solid #000 1px;
			border-left:solid #000 1px;
		}
		table.content tr td {
			border-right:solid #000 1px;
			border-bottom:solid #000 1px;
			padding:10px;
			vertical-align:top;
		}
		img.micrograph {
			width:600px;
			height:450px;
			margin-top:18px;
		}
		
		/* END MISC */
	
	/* END BODY 'BODY' */

/* END 'BODY' */

/* START 'FOOT' */
.foot {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
}
.foot a:link {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
.foot a:active {
	font-size: 10px;
	color: #A8C5FF;
	text-decoration: underline;
}
.foot a:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.foot a:hover {
	font-size: 10px;
	color: #A8C5FF;
	text-decoration: underline;
	font-weight: normal;
}

/* END 'FOOT' */

/* START 'PG' (CASCADING PLACEMENT) */

	/* START POSITIONING */
	.marginleft {
		padding-left: 7px;
	}
	.marginleftneg {
		position: relative;
		left:-2px;
	}
	.marginleftright { /* added for seperator in pager */
		margin-left:6px;
		margin-right:6px;
	}
	.marginright {
		margin-right: 10px;
	}
	.margintop {
		margin-top: 10px;
	}
	.margintop2 {
		margin-top:18px;
	}
	.margintop3 {
		position:relative;
		top:5px;
	}
	.margintop4 {
		position:relative;
		top:3px;
	}
	.margintopneg { 
		position:relative;
		top:-6px;
	}
	.margintopneg2 { /* vertical spacing to close gap between 2 tables/datalists */
		position:relative;
		top:-10px;
	}
	.margintopneg3 { 
		position:relative;
		top:-3px;
	}
	.marginleftSpecials {
		padding-top: 2px;
	}
	.padding {
		padding: 10px;
	}
	.padding2 {
		padding: 4px;
	}
	.paddingtop {
		padding-top: 11px;
	}
	.paddingleft {
		padding-left: 10px;
	}
	.paddingleft2 {
		margin-left: 15px;
	}
	.paddingleft3 {
		margin-left: 26px;
	}
	.paddingleft4 {
		margin-left: 50px;
	}
	.paddingright {
		padding-right: 10px;
	}
	.paddingleftright {
		padding-left: 10px;
		padding-right: 10px;
	}
	.paddingbtnleft { /* btn wrapper left justified */	
		padding:10px 5px 10px 0px;
	}
	.paddingbtnright { /* btn wrapper right justified */	
		padding:15px 0px 15px 5px;
		text-align:right;
	}
	.right {
		float: right;
		padding-bottom: 10px;
		margin-left: 20px;
	}
	.left {
		float: left;
		padding-bottom: 10px;
		margin-right: 20px;
	}
	
	/* END POSITIONING */
	
/* END 'PG' (CASCADING PLACEMENT) */

/*  START TXT STYLES (CASCADING PLACEMENT) */
.txttitle {
	font-size: 16px;
	font-weight: 900;
	color: #000000;
	padding-left: 20px;
}
.txttitlenomargin {
	font-size: 16px;
	font-weight: 900;
	color: #000000;
}
.txtbody {
	font-size: 12px;
	color: #000000;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.txtnormal {
	font-weight: normal;
}
.txterror { /* replaced TxtRed, this is for highlighted or error msg's */
	color: #990000;
	text-decoration: none;
}
.txterrorStrike {
	color: #FF0000;
	text-decoration: line-through;
}
.style1 {
	color:#0000ff;
}
.style2 { /* white lg */
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}
.style3 { /* blue 900 italic */
	font-size: 13px;
	font-style: italic;
	font-weight: 900;
	color: #0000FF;
}
.style4 { /* default black */
	color:#000000;
}
.style5, .style5 a, .style5 a:link, .style5 a:visited { /* greyed keywords */
	font-family:"Times New Roman", Times, serif;
	line-height: 12px;
	font-size:9px;
	color:#666;
	line-height:12px;
}
.style5 a:hover { /* greyed keywords */
	text-decoration:underline;
	color:#666;
}

/* END TXT STYLES (CASCADING PLACEMENT) */

/* BEGIN FONT POSTIONING/STYLES (CASCADING PLACEMENT) */
.lg {
	font-size:13px;
}
.sm {
	font-size: 10px;
} 
.floatright {
	display: inline;
	float: right;
}
.tabletext {
	color: #990000;
}
.nobold {
	font-weight: normal;
}
.cursor {
	cursor: hand;
}
.uppercase {
	text-transform:capitalize;
}
.invisad, .invisad:Link, .invisad:active, .invisad:visited, .invisad:hover {
	color: #FAFAFA;
	font-size: 10px;
}
.block {
	display:block;
}
.nowrap {
	white-space:nowrap;
}
.border {
	border:solid #000 1px;
}
.border2 { /* used for article images */ 
	border:solid #cc0000 1px;
}
.bordertd {
	border-right:solid #000 1px;
	border-bottom:solid #000 1px;
}
/* END FONT POSITIONING/STYLES (CASCADING PLACEMENT) */

/* START TXT FIELDS (CASCADING PLACEMENT) */
.txtboxlg {
	height: 200px;
	color: #0066CC;
}
.txtbox {
	width:230px;
	text-align:left;
	padding-left:2px;
	border:solid #0066CC 1px;
}
.txtboxdrop {
	width:230px;
	text-align:left;
	border:solid #0066CC 1px;
}
.txtboxlong {
	padding-left:2px;
	border:solid #0066CC 1px;
}
.txtboxlong2 { /* qa item picker */
	width:300px;
	padding-left:2px;
	border:solid #0066CC 1px;
}
.txtboxsm {
	width:20px;
	height:18px;
	text-align:right;
	padding-right:0px;
	border:solid #0066CC 1px;
}
.txtboxsm input {
	text-align:right;
	padding-right:0px;
}
.txtboxsm2 {
	width:70px;
	padding-left:1px;
	border:solid #0066CC 1px;
}
.txtboxmemo {
	width:320px;
	height:100px;
	padding-left:2px;
	padding-top:3px;
	border:solid #0066CC 1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.txtboxlist {
	width:auto;
	height:500px;
	padding-left:2px;
	border:solid #0066CC 1px;
	font-family:Verdana, Geneva, sans-serif;
}
.txtboxcomment {
	width:100%;
	display:block;
	padding-left:2px;
	border:solid #0066CC 1px;
}

/* END TXT FIELDS (CASCADING PLACEMENT) */
		
/* START RADIO AND CHECKBOX STYLES */
.checkbox {
	display:inline;
}
.checkbox label {
	margin-left:6px;
}
*html .checkbox label, *+html .checkbox label { /* for ie6 & 7 */
	margin-left:2px;
}

/* END RADIO AND CHECKBOX STYLES */

/* START FULL PAGE WRAPPER (this can be turned off by commenting this section out) */
body {
	text-align:center;
	background-color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* these styles down in body tag is duplicated for mozilla and chrome */
	color: #000000;
	text-decoration: none;
	font-size:12px;
}
#pgwrap {
	width:995px;
	margin-left:auto!important;
	margin-right:auto!important;
	background-color:#fff;
	border-left:solid #666 1px;
	border-right:solid #666 1px;
	border-bottom:solid #666 1px;
}
.utilitiesrightend {
	font-size: 10px;
	font-weight: 900;
	color: #FFFFFF;
	background-image: url(../images_global/NavStore_TabBkrd-sitewrap.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	height: 23px;
	width: 95px;
}
html, body { /* placement for mozilla and chrome */
	background-color:#333;
}
/* END FULL PAGE WRAPPER (this can be turned off by commenting this section out) */