/* site wide */

* {
	margin: 0;
	padding: 0;
	}
body {
	background: #000;
	margin: 20px 0 20px 0;
	text-align: center;
	}
fieldset {
	border: none;
	}
legend {
	display: none;
	}
img {
	border: none;
	}
input, select, textarea {
	background: #F0EFE5;
	padding: 3px;
	}
option {
	padding: 0 6px 1px 6px;
	}
input:focus, select:focus, textarea:focus {
	background: #fff;
	}

/* layout specific */

#center {
	margin: 0 auto;
	width: 653px;
	}

/* here starts the header */

#header {
	background: #777972 url('/img/base/id_header_top.gif') no-repeat top;
	padding: 5px 0;
	}
	#header #block1 {
		background: #000 url('/img/base/block1b.gif') no-repeat bottom;
		height: 102px;
		margin: auto;
		padding: 0 0 3px 0;
		position: relative;
		text-align: right;
		width: 643px;
		}
		#header #block1 #search {
			position: absolute;
			right: 20px;
			top: 50px;
			}
			#header #block1 #search label {
				color: #fff;
				font: bold 9px Verdana;
				}
			#header #block1 #search input {
				background: #E3E2D9;
				width: 160px;
				}
			#header #block1 #search input:focus {
				background: #fff;
				width: 160px;
				}
			#header #block1 #search input#go {
				display: none;
				}


		#adminsearch {
			position: absolute;
			right: 20px;
			top: -84px;
			}
			#adminsearch label {
				color: #000;
				font: bold 9px Verdana;
				}
			#adminsearch input {
				background: #E3E2D9;
				width: 160px;
				}
			#adminsearch input:focus {
				background: #fff;
				width: 160px;
				}
			#adminsearch input#go {
				display: none;
				}

		#header #block1 ul {
			background: #000 url('/img/base/block1t.gif') no-repeat top;
			color: #A09F8B;
			font: bold 9px Verdana;
			height: 21px;
			list-style: none;
			text-transform: uppercase;
			width: 643px;
			}
			#header #block1 ul li {
				float: left;
				padding: 6px 0 6px 12px;
				}
		#header #block1 a {
			color: #A09F8B;
			text-decoration: none;
			}
		#header #block1 a:hover {
			text-decoration: underline;
			}
	#header #block2 {
		background: #a09f8b url('/img/base/logo.jpg') no-repeat;
		clear: both;
		margin: 0 3px;
		overflow: hidden;
		padding: 78px 0 0 0;
		height: 0px !important; /* for most browsers */
		height /**/:78px; /* for IE5.5's bad box model */
		}

/* here starts the content */

#content {
	background: #777972;
	text-align: left;
	}
	#content #block3 {
		display: inline;
		float: left;
		margin: 0 0 0 5px;
		text-align: left;
		width: 182px;
text-transform: uppercase;
		}
		#content #block3 h2 {
			background: #000 url('/img/base/block3t.gif') no-repeat top;
			color: #A09F8B;
			font: bold 9px Verdana;
			padding: 6px 0 6px 12px;
			}
			#content #block3 h2 a {
				color: #A09F8B;
				text-decoration: none;
				}
			#content #block3 h2 a:hover {
				text-decoration: underline;
				}
		#content #block3 ul {
			background: #000 url('/img/base/block3b.gif') no-repeat bottom;
			list-style: none;
			margin: -3px 0 5px 0;
			padding: 0 0 3px 0;
			-padding: 0 0 1px 0;
			}
		#content #block3 li {
			margin: 3px 0 0 3px;
			}
		#content #block3 li a {
			color: #000;
			font: bold 9px Verdana;
			height: 50px;
			text-decoration: none;
			-margin: -2px 0 0 0;
			voice-family: "\"}\"";
			voice-family: inherit;
			height: 33px;
			width: 116px;
			}
		#content #block3 li a:link, #content #block3 li a:visited {
			background: #a38a52 url('/img/base/menu.gif') no-repeat;
			display: block;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a:hover {
			background: url('/img/base/menu.gif') 0 -51px no-repeat;
			color: #000;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a.selected {
			background: url('/img/base/menu.gif') 0 -51px no-repeat;
			color: #000;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a:active {
			background: url('/img/base/menu.gif') 0 -51px no-repeat;
			color: #000;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a#p:link, #content #block3 li a#p:visited {
			background: #a38a52 url('/img/base/profile.gif') no-repeat;
			display: block;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a#p:hover {
			background: url('/img/base/profile.gif') 0 -51px no-repeat;
			color: #000;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a#p:active {
			background: url('/img/base/profile.gif') 0 -51px no-repeat;
			color: #000;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a#s:link, #content #block3 li a#s:visited {
			background: #a38a52 url('/img/base/checkout.gif') no-repeat;
			display: block;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a#s:hover {
			background: url('/img/base/checkout.gif') 0 -51px no-repeat;
			color: #000;
			padding: 18px 0 0 60px;
			}
		#content #block3 li a#s:active {
			background: url('/img/base/checkout.gif') 0 -51px no-repeat;
			color: #000;
			padding: 18px 0 0 60px;
			}
	#content #block4 {
		background: #000 url('/img/base/block4b.gif') no-repeat bottom;
		display: inline;
		float: left;
		margin: 0 0 0 5px;
		padding: 0 0 3px 0;
		text-align: left;
		width: 456px;
		}
		#content #block4 h2 {
			background: #000 url('/img/base/block4t.gif') no-repeat top;
			color: #A09F8B;
			font: bold 9px Verdana;
			padding: 6px 0 6px 12px;
			text-transform: uppercase;
			}
			#content #block4 h2 a {
				color: #A09F8B;
				text-decoration: none;
				}
			#content #block4 h2 a:hover {
				text-decoration: underline;
				}

	/* all content rules belong in this block */

	#content #block5 {
		background: #DAD9C9 url('/img/base/block5b.gif') no-repeat bottom;
		margin: 0 3px;
		position: relative;
		}
		#content #block5 a {
			color: #000;
			text-decoration: none;
			}
		#content #block5 a:hover {
			text-decoration: underline;
			}
		#content #block5 h3 {
			background: #DAD9C9 url('/img/base/block5t.gif') no-repeat top;
			font: bold 12px Verdana;
			padding: 16px 0 16px 16px;
			}
		#content #block5 h4 {
			font: bold 12px Verdana;
			padding: 10px 10px 10px 16px;
			}
		#content #block5 p {
			font: normal 12px/16px Arial;
			padding: 0 16px 8px 16px;
			}
		#content #block5 p#question {
			background: url('/img/base/question.gif') no-repeat top left;
			padding: 0 0 10px 40px;
			margin: 8px 16px 0 16px;
			}
		#content #block5 table {
			font: normal 12px Arial;
			padding: 0 3px 0 3px;
			margin: 0 0 0 16px;
			width: 418px;
			}
			#content #block5 td {
				padding: 4px 4px 4px 0;
				}
		#content #block5 ul {
			list-style: none;
			margin: 0 0 0 20px;
			padding: 6px 6px 10px 6px;
			}
			#content #block5 ul li {
				background: url('/img/base/bullet.gif') no-repeat 0 6px;
				color: #000;
				font: normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
				padding: 0 0 0 12px;
				text-decoration: none;
				}
		#content #block5 ol {
			list-style: decimal inside;
			margin: 0 0 0 15px;
			padding: 6px 6px 10px 6px;
			}
			#content #block5 ol li {
				color: #000;
				font: bold 12px/16px Verdana;
				list-style: decimal inside;
				padding: 0 0 5px 12px;
				text-decoration: none;
				}
				#content #block5 ol li p {
					color: #000;
					font: normal 12px/16px Arial;
					padding: 0 12px 0 22px;
					text-decoration: none;
					}
		#content #block5 h3#error {
			background: url('/img/base/warning.gif') no-repeat top left;
			font: bold 12px Verdana;
			padding: 16px 0 16px 50px;
		}


		.article {
			background: url('/img/base/seperator.gif') repeat-x bottom left;
			clear: both;
			padding: 0 0 8px 0;
			}
		img.news {
			position: relative;
			border: 0;
			float: left;
			margin: 0 12px 6px 0;
			}
		textarea, input#subject {
			width: 300px;
			}
		input#name, input#email {
			width: 200px;
			}
		input.submit {
			padding: 0;
			}
		input.x {
			background: none;
			padding: 0;
			}
#tooltip {
	padding: 20px;
	background: white;
	font: 11px Verdana;
	width: 200px;
	text-align: left;
	opacity: .95;
	}

select#state {
	margin: 0 0 6px 10px;
	width: 200px;
	}

	p a.external {
		background: url("/img/base/link_e.gif") no-repeat bottom left;
		color: #000;
		text-decoration: none;
		padding: 0 0 0 13px;
		}
	p a.external:hover {
		text-decoration: underline;
		}
	p a.internal {
		background: url("/img/base/link_i.gif") no-repeat bottom left;
		color: #000;
		text-decoration: none;
		padding: 0 0 0 13px;
		}
	p a.internal:hover {
		text-decoration: underline;
		}

/* cart specific */

input#update {
	margin: 0;
	padding: 0;
	visibility: hidden;
	}
input.quantity {
	width: 40px;
	text-align: center;
	}

/* login specific */

input#username, input#password {
	width: 200px;
	}
select#attribute {
	width: 140px;
	}

/* registration specific */

.req {
	background: #CFCEBF;
	}
select#country {
	width: 210px;
	}
input#password_1, input#password_2, input#company, input#first_name, input#middle_name, input#last_name, input#address_1, input#address_2, input#city, input#state, input#zip, input#phone_1, input#phone_2, input#fax, input#user_email, input#name, input#number {
	width: 200px;
	}
select.order_payment_expire_month {
	width: 120px;
	}
select.order_payment_expire_year {
	width: 85px;
	}
select.filter {
	width: 200px;
	}

/*---------- bubble tooltip -----------*/
a.tt {
	position: relative;
	z-index: 24;
	color: #000;
	font: 11px Verdana;
	text-decoration: none;
	cursor: default;
	}
a.tt span {
	display: none;
	}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover {
	z-index: 25;
	color: #000;
	background:;
	}
a.tt:hover span.tooltip {
	display: block;
	position: absolute;
	top: 6px;
	left: 24px;
	padding: 0;
	width: 208px;
	color: #000;
	text-align: left;
	text-decoration: none;
	//KHTMLOpacity: 0.90;
	//MozOpacity: 0.90;
	//opacity: 0.90;
	}
a.tt:hover span.top {
	display: block;
	padding: 40px 8px 0;
	background: url('/img/base/bubble.gif') no-repeat top;
	}
a.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 20px;
	background: url('/img/base/middle.gif') repeat bottom;
	}
a.tt:hover span.bottom {
	display: block;
	padding: 3px 8px 20px;
	color: #548912;
	background: url('/img/base/bubble.gif') no-repeat bottom;
}

/* pagination styles for news */

.pages, .curpage, .nopage {
	color: #000;
	font: bold 10px/18px Verdana, arial, helvetica, sans-serif;
	padding: 6px 8px;
	text-decoration: none;
	text-align: center;
	}
.pages {
	background: #CACBB7;
	border: 1px solid #000;
	}
.pages:hover {
	background: #AEA681;
	}
.curpage {
	background: #AEA681;
	border: 1px solid #000;
	}
.nopage {
	background: #F7F7F4;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: #F7F7F4;
	}
a.pages:hover, a.curpage:hover, a.nopage:hover {
	text-decoration: none;
	}
#paging {
	margin: 12px 0 0 16px;
padding: 0 0 15px 0;
	}

	#content #block6 img#cover {
		border: none;
		margin: 0 0 -13px 3px;
		-margin: 0 0 -12px 3px;
		}
	#content #block6 h2 {
		background: #000 url('/img/base/id_trio_divider.gif') no-repeat top;
		margin: 5px 0 0 0;
		padding: 18px 0 6px 12px;
		}

	#content #block6 ul#featured {
		list-style: none;
		text-align: center;
		float: left;
		padding: 0 0 3px 0;
		}
	#content #block6 ul#featured li {
		float: left;
		display: inline;
		}
	#content #block6 ul#featured li a {
		float: left;
		display: inline;
		color: #000;
		font: bold 9px Verdana;
		margin: 0 0 0 3px;
		height: 106px;
		width: 138px;
		padding: 10px 5px 5px 5px;
		text-decoration: none;
		}
	#content #block6 ul#featured li a:hover {
		text-decoration: none;
		}
	#content #block6 ul#featured li p {
		font: normal 9px Verdana;
		margin: 68px 0 0 0;
		}

	#content #block6 ul#services {
		list-style: none;
		text-align: center;
		float: left;
		padding: 0;
		}
	#content #block6 ul#services li {
		float: left;
		display: inline;
		}
	#content #block6 ul#services li a {
		float: left;
		display: inline;
		color: #000;
		font: bold 9px Verdana;
		margin: 0 0 0 3px;
		height: 84px;
		width: 100px;
		padding: 10px 5px 5px 5px;
		text-decoration: none;
		}
	#content #block6 ul#services li a#a {
		background: #a09f8b url('/img/base/id_trio_secure.gif');
		}
	#content #block6 ul#services li a#a:hover {
		background: #E3E2D9 url('/img/base/id_trio_secure.gif') 0 -99px;
		}
	#content #block6 ul#services li a#b {
		background: #a09f8b url('/img/base/id_trio_shipping.gif');
		}
	#content #block6 ul#services li a#b:hover {
		background: #E3E2D9 url('/img/base/id_trio_shipping.gif') 0 -99px;
		}
	#content #block6 ul#services li a#c {
		background: #a09f8b url('/img/base/id_trio_discounts.gif');
		}
	#content #block6 ul#services li a#c:hover {
		background: #E3E2D9 url('/img/base/id_trio_discounts.gif') 0 -99px;
		}
	#content #block6 ul#services li a#d {
		width: 101px;
		background: #a09f8b url('/img/base/id_trio_dealers.gif');
		}
	#content #block6 ul#services li a#d:hover {
		background: #E3E2D9 url('/img/base/id_trio_dealers.gif') 0 -99px;
		}
	#content #block6 ul#services li a:hover {
		text-decoration: none;
		}
	#content #block6 ul#services li p {
		font: normal 9px Verdana;
		margin: 68px 0 0 0;
		}

/* here starts the footer */

#footer {
	background: #777972 url('/img/base/id_footer_bottom.gif') no-repeat bottom;
	clear: both;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	}
	#footer #hook {
		background: #000 url('/img/base/block4t.gif') no-repeat top;
		padding: 4px 0 0 0;
		margin: 0 5px 0 192px;
		}
	#footer h3 {
		position: relative;
		background: #000 url('/img/base/block4b.gif') no-repeat bottom;
		color: #A09F8B;
		font: bold 9px Verdana;
		padding: 6px 0 10px 0;
		margin: 0 5px 0 192px;
		}
	#footer a#r {
		position: absolute;
		top: 6px;
		right: 32px;
		display: block;
		padding: 14px 0 0 0;
		overflow: hidden;
		background: url('/img/base/rss.gif') no-repeat;
		height: 0px !important; /* for most browsers */
		height /**/:14px; /* for IE5.5's bad box model */
	}