/* shell styles */
h1 { color: #555; }
h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #840092;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding-right: 10px;
	color: #840092;
}
h2.contrast, h3.contrast { color: #ffcd07; }
h2.minor, h3.minor { color: #828282; }
h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding-right: 10px;
	color: #ffcd07;
}
body {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-left: 0px;
	color: #535353;
	font: 11px Tahoma, sans-serif;
	background-color: #f9f9f9;
}
a {
	color: #828282;
	font: 11px Tahoma, sans-serif;
	
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #ffcd07;
	
	font-weight: bold;
	text-decoration: underline;
}
input, select, textarea {
	color: #535353;
	font: 11px Tahoma, sans-serif;
}
input:focus, textarea:focus { background-color: #fffedb; cursor: text; }
select:focus { background-color: #fffedb; }
.disabled { text-decoration: line-through;  }

#container {
		margin-bottom: 20px;
	width: 781px;
	background-color: #f9f9f9;
	z-index: 100;
}

/* homepage styles */
table#homeBoxes { border-collapse: separate; border-spacing: 4px; padding: 0; border: 0; }
td.majorBox, td.minorBox, td.contrastBox, td.productBox {
	text-align: center;
	height: 90px;
	width: 90px;
}
td.majorBox { background-color: #840092; }
td.minorBox {	background-color: #828282; }
td.contrastBox { background-color: #ffcd07; }
td.productBox {
	background-color: #fff;
	border: 1px solid #ccc;
}

/* pager bar styles */
div.innerNav, form.innerNav {
	margin-bottom: 20px;
	color: #535353;
	font-weight: bold;
}
form.innerNav span.pageTotals { padding-top: 4px; float: left; }
form.innerNav span.pageJump { font-weight: normal; }
form.innerNav input { width: 35px; }
form.innerNav input.submit {
	color: #fff;
	font-weight: bold;
	height: 19px;
	padding: 0;
	padding: 1px 0 2px 0;
	background-color: #ffcd07;
}

/* rollovers for menus - same code for all templates */
#sidenav ul li:hover ul.tier1, #sidenav ul li.over ul.tier1 { display: block; }
#sidenav ul.tier1 li:hover ul.tier2, #sidenav ul.tier1 li.over ul.tier2  { display: block; }
#sidenav ul.tier2 li:hover ul.tier3, #sidenav ul.tier2 li.over ul.tier3  { display: block; }

/* sitemap css for lists */
div.sitemap ul {
	margin: 0 2px 10px 0;
	padding: 0;
	width: 135px;
	float: left;
	display: inline;
	list-style-type: none;
}
div.sitemap ul ul {
	padding: 0;
	margin: 0;
	float: none;
	display: block;
}
div.sitemap ul ul ul {
	padding: 0;
	margin: 2px 0;
	float: none;
	display: block;
	border: none;
	width: auto;
}

/* list styles for sitemap */
div.sitemap ul li {	margin: 0; padding: 0 0 10px 0; }
div.sitemap ul ul li { margin: 0; padding: 0 0 2px 15px; }
div.sitemap ul ul ul li { margin: 0; padding: 0 0 0 15px; }

/* link styles for sitemap */
div.sitemap ul a { font-size: 18px; font-weight: bold; padding-bottom: 10px; display: block; }
div.sitemap ul ul a { padding: 0; font-size: 11px; font-weight: bold; }
div.sitemap ul ul ul a { padding: 0; margin: 0; font-size: 11px; font-weight: normal; }


/* Fix IE. Hide from IE Mac \*/
* html #sidenav ul li { float: left; }
* html #sidenav ul li a { height: 1%; }

/* print all button themes */
a.defaultButton {
	display: block;
	margin: 0 auto;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #828282;
	border: 1px solid #666;
}
a.defaultButton:hover { color: #fff; background-color: #ffcd07; }

a.back {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/back.gif) no-repeat top left;
			}
a.buy {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/buy.gif) no-repeat top left;
			}
.cartButtons { width: 113px; }
a.checkout {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/checkout.gif) no-repeat top left;
			}
a.cc {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/cc.gif) no-repeat top left;
			}
a.clickhere {
				width: 241px;
				height: 19px;
				background: transparent url(/images/themes/5/clickhere.gif) no-repeat top left;
			}
a.confirm {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/confirm.gif) no-repeat top left;
			}
a.next {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/next.gif) no-repeat top left;
			}
.catalogPager { width: 113px; }
a.request {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/request.gif) no-repeat top left;
			}
a.sample {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/sample.gif) no-repeat top left;
			}
a.search {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/search.gif) no-repeat top left;
			}
a.send {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/send.gif) no-repeat top left;
			}
a.update {
				width: 113px;
				height: 19px;
				background: transparent url(/images/themes/5/update.gif) no-repeat top left;
			}

	div.cart { width: auto; }
	
	/* all button heights and floats */
	a.buttonTheme,
	a.buttonThemeLeft,
	a.buttonThemeRight { margin: 20px auto 0 auto; display: block; }
	
	a.buttonThemeLeft { float: left; }
	a.buttonThemeRight { float: right; }
	
	a.buttonTheme:hover,
	a.buttonThemeLeft:hover,
	a.buttonThemeRight:hover { background-position: 0 -19px; }

/* DEMO SITE ENROLL BUTTON */
a.enrollNow {
	width: 114px;
	height: 25px;
	background: transparent url(/images/enroll_now.jpg) no-repeat top left;
}

a.link16 {
	width: 16px;
	height: 16px;
}
a.link16:hover { background-position: 0 -16px; }
a.add,
a.remove {
	float: left;
	width: auto;
	margin-top: 3px;
	padding: 2px 0 0 24px;
	font-weight: bold;
	height: 14px;
	background: transparent url(/images/cart_remove.png) no-repeat top left;
}
a.add {
	font-weight: normal;
	background: transparent url(/images/buttons/add.png) no-repeat top left;
}
a.rem {
	float: left;
	margin: 3px 4px;
	background: transparent url(/images/rem.gif) no-repeat top left;
}
a.pdf32 { background: transparent url(/images/buttons/pdf32.png) no-repeat top left; width: 32px; height: 32px; float: left; }
a.info { background: transparent url(/images/buttons/info.png) no-repeat top left; margin: 0 5px 10px 0; position: relative; z-index: 600; float:left;  }

a.withText32 {
	padding: 7px 0 0 40px;
	margin-right: 20px;
	width: auto;
	height: 25px;
	float: left;
}
a.withText32:hover { background-position: 0 -32px; }

span.helpInfo {
	display: none;
	width: 160px;
	padding: 10px;
	border: 1px solid #888;
	background-color: #fffedb;
	margin: 7px 0 0 6px;
	position: absolute;
	z-index: 700;
	color: #24739C;
	font-weight: normal;
	cursor: pointer;
}
a.checkout { float: left; margin: 0; }
a.update   { float: right; margin: 0; }

span.productTitle {
	padding: 2px 0 0 29px;
	height: 17px;
	background: transparent url(/images/themes/5/square.gif) no-repeat top left;
}
#catalogContent dl.twoProds { width: 220px; }
div#formMessage {
	color: #ffcd07;
	margin: 20px auto 0 auto;
	font: bold 18px Arial;
	text-align: center;
	width: 300px;
	display: none;
}
/* basic form styles */
form.pageForm label { font-weight: bold; }
form.pageForm label.noTxt { width: 5px; }
form.pageForm input.checkbox, form.cart input.checkbox { border: none; width: 20px; height: 20px; margin: 0 0 10px 0; background-color: transparent; }
form.pageForm input.hidden { border: none; float: none; background-color: transparent; height: 0px; cursor: default; }
form.pageForm input.file { width: 228px; margin: 0 7px 10px 0; }

span.inputDesc { font-weight: bold; color: #999; padding: 4px 10px 0 6px; float: left; }
form.pageForm {
	padding: 10px;
	background-color: #eee;
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
}
div.formElement {
	padding: 10px;
	background-color: #eee;
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	line-height: 1.1;
}
table.formElement {
	background-color: #eee;
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	line-height: 1.1;
	width: 100%;
}
table.formElement td { 	padding: 10px; }
table.formHeader {
	color: #fff;
	width: 100%;
	font-weight: bold;
	background-color: #840092;
	border: 1px solid #545454;
}
table.formHeader td { padding: 5px 10px; }
div.formHeader {
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	background-color: #840092;
	border: 1px solid #545454;
}
table.formFooter {
	height: 4px;
	width: 100%;
	background-color: #ffcd07;
	border: 1px solid #545454;
}
div.formFooter {
	padding: 3px;
	margin-bottom: 4px;
	background-color: #ffcd07;
	border: 1px solid #545454;
}
div.formControls { text-align: center; }


/* request form styles */
form.request { background: #eaeaea url(/images/background_request.gif) repeat-y top left; }
form.request label {
	padding: 3px 0 2px 0;
	margin-right: 10px;
	float: left;
	display: inline;
}
form.request input,
form.request select {
	width: 175px;
	float: right;
	display: inline;
	margin-bottom: 10px;
}
form.request textarea { width: 98%; height: 95px; margin: 0; }
div#requestProduct { 
	width: 180px;
	float: left;
	display: inline;
	text-align: center;
}
div#requestForm { 
	width: 290px;
	float: right;
	display: inline;
}

form#quickSearch { margin: 0 10px 15px 10px; background-color: #758591; width: 156px; }
div.quickBox { padding: 5px; }
form#quickSearch label {
	color: #fff;
	font-weight: bold;
	margin: 0 0 4px 0;
	display: block;
}
form#quickSearch input,
form#quickSearch select {
	width: 130px;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 8px;
	border: 1px solid #083E6A;
}
form#quickSearch input.price { width: 35px; float: left; margin: 0 0 3px 3px; }
form#quickSearch input.submit { width: 55px; margin-top: 10px; float: right; background-color: #D8EEFF; font-weight: bold; text-align: center; color: #666; }
form#quickSearch span { color: #fff; width: 35px; float: left; text-align: right; padding-top: 2px; }


/* search form styles */
form.search label {
	padding: 2px 15px 0 0;
	float: left;
	display: inline;
	width: 30%;
	text-align: right;
}
form.search input, form.search select {
	width: 170px;
	float: left;
	display: inline;
	margin-bottom: 15px;
}
form.search select { width: 174px; }
form.search input.price { width: 62px; }
form.search span {
	margin: 2px 3px 0 0;
	color: #888;
	float: left;
	display: inline;
	font-weight: bold;
}
div#searchTerms {
	padding: 5px;
	margin-bottom: 20px;
	color: #369;
	font-size: 10px;
	line-height: 10pt;
	background-color: #fffeeb;
	border: 1px solid #eaeaea;
}
div#searchTerms a.eresults {
	margin-top: 4px;
	height: 28px;
	float: right;
	padding: 10px 40px 0 0;
	background: url(/images/email.gif) no-repeat top right;	
}

/* email results form styles */
form.results { background: #eaeaea url(/images/background_results.gif) repeat-y top right; }
form.results label {
	padding: 2px 15px 0 0;
	float: left;
	display: inline;
	width: 80px;
}
form.results input, form.results select {
	width: 190px;
	float: left;
	display: inline;
	margin-bottom: 10px;
}
form.results textarea { width: 300px; height: 100px; }
div#resultsTxt { 
	width: 205px;
	float: right;
	display: inline;
}
div#resultsForm { 
	width: 300px;
	float: left;
	display: inline;
}
div.resultsURL {
	padding: 5px 10px;
	border: 1px solid #666;
	border-bottom: none;
	background-color: #fffeeb;
	line-height: 12pt;
}
form.search p {
	margin: 0;
	width: 28%;
	float: left;
	display: inline;
	margin-left: 15px;
}

/* cart styles */
form.cart {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
form.cart label {
	float: left;
	padding: 0 0 2px 0;
	margin: 0;
	font-weight: bold;
}
form.cart label.R { float: right; padding-right: 10px; }
form.cart input.qty {
	width: 35px;
	float: right;
	text-align: center;
	margin-bottom: 2px;
}
form.cart input { margin-bottom: 14px; width: 95%; }
form.cart select { margin-bottom: 3px; width: 160px; float: left; }
form.cart textarea { width: 99%; height: 80px; background-color: #eaeaea; }
form.cart textarea#cards { width: 140px; height: 40px; background-color: #eaeaea; float: left; display: inline; }
form.cart div.formFooter { margin: 0; }
a.productImg {
	float: left;
	width: 105px;
	text-align: center;
	border: 1px solid #666;
	background-color: #fff;
	cursor: pointer;
}
div.cartColumn,
div.cartColumnRight {
	width: 210px;
	float: left;
	display: inline;
	margin-left: 10px;
}
div.cartColumn span,
div.cartColumnRight span { margin-top: 2px; }
div.cartColumnRight { margin-left:20px; width: 160px; }
div.cartTotal {
	float:right;
	color: #fff;
	font-weight: bold;
	padding: 4px 15px;
	background-color: #828282;
	border: 1px solid #666;
	border-top: none;
	text-align: center;
	margin-bottom: 20px;
}
table.total {
	width: 100%;
	color: #fff;
	margin-top: 20px;
	font-weight: bold;
	background-color: #ffcd07;
	border: 1px solid #545454;
}
table.total td { padding: 5px 10px; }
table.minor { background-color: #828282; }
table.major { background-color: #840092; }
div.qtyContainer {
	float: right;
	display: inline;
	width: 95px;
	margin-bottom: 12px;
}
span.multiQty,
span.sampleQty {
	padding-top: 2px;
	float: right;
	width: 40px;
	text-align: center;
}
div.optContainer {
}

/* checkout form styles */
form.checkout label {
	padding: 2px 0 0 0;
	float: left;
	display: inline;
	width: 140px;
}
form.checkout input, form.checkout select {
	width: 145px;
	float: left;
	display: inline;
	margin-bottom: 5px;
}
form.checkout div.multi label { width: 70px; }
form.checkout div.multi input { width: 120px; }
form.checkout h3.margin { margin-top: 15px; }
form.checkout textarea { width: 190px; height: 58px; margin: 0 0 8px 0; }
div.addrCheckout {
	float: right;
	display: inline;
	width: 210px;
}
div.addrCheckout input { width: 190px; }
div.addrCheckout select { width: auto; }
.checkoutMSG {
	text-align: right;
	padding-right:10px;
}

/* cc form styles */
form.cc label {
	padding: 3px 0 0 0;
	width: 100px;
	float: left;
	display: inline;
}
form.cc input, form.cc select {
	width: 135px;
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
}
form.cc input.cvv2 { width: 60px; }
form.cc select { width: 141px; }
form.cc select.exp { width: 68px; }

/* login form styles */
form.login label {
	padding: 3px 15px 0 0;
	width: 175px;
	float: left;
	display: inline;
	text-align: right;
}
form.login input {
	width: 150px;
	float: left;
	display: inline;
}

form button {
	margin-top: 30px;
	padding: 3px;
	width: 150px;
	color: #fff;
	background-color: #828282;
	font: bold 11px Tahoma, sans-serif;
	text-align: center;
	cursor: pointer;
	border: 1px solid #545454;
}
#header {
	background-color: #fff;
	border: 1px solid #333;
border-bottom: 1px solid #fff;
	background: #fff url(/images/css/7/header.gif) repeat-x bottom left;
}
#header span { padding: 5px 10px 10px 10px; }
#contact {
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	background-color: #ffcd07;
}
#header {
			background-image: url(/images/header/8/3/83/83.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			height: 100px;	
		}
#columns {
	position: relative;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #e0e0e0;
	z-index: 200;
}
#outerContent {
	position: relative;
	left: 168px;
	width: 610px;
	border-left: 1px solid #ccc;
	background-color: #fff;
}
#innerContent {
	padding: 10px 25px 35px 25px;
	background-color: #fff;
}
#sidenav {
	position: absolute;
	width: 168px;
	top: 0px;
	z-index: 300;
	background: #e0e0e0 url(/images/css/38/background_nav.jpg) no-repeat top right;
}
/* style for base menu (ul) */
#sidenav ul {
	width: 168px;
	list-style: none;
	background-color: transparent;
}
/* style for base menu (li) */
#sidenav ul li {	
	position: relative;
	width: 168px;
	margin: 0;
	padding: 0;
	text-align: right;
	background-color: transparent;
}
/* styles for submenus (ul) */
#sidenav li ul {
	position: absolute;
	width: 140px;
	padding: 10px 0 10px 0;
	top: 5px;
	display: none;
	background: #f3f3f3;
	border: 1px solid #ccc;
}
/* styles for submenus (ul) */
#sidenav li ul.tier1 { z-index: 300; left: 165px; top: -10px; }
#sidenav li ul.tier2 { z-index: 400; left: 137px; top: -11px; }
#sidenav li ul.tier3 { z-index: 500; left: 137px; top: -12px; }

/* styles for submenus (li) */
#sidenav ul.tier1 li,
#sidenav ul.tier2 li,
#sidenav ul.tier3 li { width: 140px; }

/* menus A tags */
#sidenav li a {
	display: block;
	margin: 0;
	padding: 4px 22px 4px 0;
	color: #828282;
	
	font-weight: bold;
	text-decoration: none;
	background: url(/tmp/interface/828282_arrow.gif) no-repeat top right;
}
#sidenav li a:hover {
	color: #fff;
	
	font-weight: bold;
	text-decoration: none;
	background-color: #999;
}
#sidenav li a.advsearch { background-color: #828282; color: #fff; }
#sidenav li a.recent { background-color: #666; color: #fff; }
#sidenav li a.advsearch:hover { background-color: #ffcd07; color: #fff; }
#sidenav li a.imageLink { background: transparent; padding: 0 10px 5px 0; }
#sidenav li a.imageLink:hover { text-decoration: none; background: transparent; }
#footer {
	height: 60px;
	border: 1px solid #333;
	border-top: none;
	background: #ccc url(/images/css/41/footer.gif) no-repeat bottom left;
	display: none;
}
.links {
	color: #999;
	font-weight: bold;
	text-align: center;
	padding-top: 34px;
	margin-left: 85px;
	width: 490px;
}
.links a {
	color: #828282;
	
	font-weight: bold;
	text-decoration: none;
}
.links a:hover {
	color: #ffcd07;
	
	font-weight: bold;
	text-decoration: none;
}
#copyright {
	padding: 4px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: 1px solid #333;
	border-top: none;
	background: #840092;
	display: none;
}
#catalogContent dl {
	margin-bottom: 25px;
	width: 155px;
	float: left;
	display: inline;
	text-align: center;
}
#catalogContent dl.margin { margin-left: 20px; }
#catalogContent dt { border: 1px solid #fff; background-color: #fff; }
#catalogContent a {
	padding-top: 7px;
	font-weight: normal;
	color: #535353;
	display: block;
	text-decoration: none;
}
#catalogContent dd { background-color: transparent; }
#catalogContent dd.product a {
	color: #840092;
	font-weight: bold;
}
#catalogContent dl.fourProds { width: 120px; }
#catalogFooter {
	padding: 30px 0 15px 0;
	text-align: center;
	position: relative; 
}
.catalogPager {
	float: left;
	display: inline;
	font-weight: bold;
	text-align: center;
}
span.catalogPager {
	padding-top: 5px;
	width: 250px;
}
/* css for view product  */
div#productImage { margin: 0 auto 20px auto; text-align: center; }
div#leftColumn {
	width: 170px;
	float: left;
	display: inline;
}
div#leftColumn table {
	margin: 0 0 20px 19px;
	width: 150px;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #647484;
	border-top: none;
	text-align: center;
}
div#leftColumn td { padding: 4px 2px; width: 50%;  }
div.qp { padding-left: 19px; }
div.qp { background: transparent url(/images/themes/5/square.gif) no-repeat top left; }
div#rightColumn {
	padding-top: 19px;
	width: 370px;
	float: right;
	display: inline;
	background: transparent url(/images/pi_info_blue.gif) no-repeat top left;
}
div#productDetails {
	margin: 0 0 20px 18px;
	padding: 10px 10px 0 10px;
	background-color: #f4f4f4;
	border: 1px solid #647484;
	border-top: none;
}
div#productDetails dl {
	margin: 0;
	float: left;
	display: inline;
	width: 164px;
	line-height: 11pt;
}
div#productDetails dl.product { width: 328px; text-align: justify; }
div#productDetails dt { font-weight: bold; }
div#productDetails dd { margin-bottom: 10px; }
div.cartButtons { margin: 0 auto 0 auto; }
div.cartButtons a.buttonTheme { margin-top: 1px; }
#header { border: none; }
#contact { border-right: none; }
#columns { border-right: none; }
#footer { border-right: none; }