/*body			{ background: #1d1a1a url(img/bg-gradient.png) repeat-x; padding: 0 0 0 0; margin: 0; 
				  font-size: small; font-family: Verdana, sans-serif; } */
body			{ background: #d4cd9d url(img/grass.jpg); padding: 0 0 0 0; margin: 0; 
				  font-size: small; font-family: Verdana, sans-serif; }
a, a:visited	{ text-decoration: none; color: #3884bc; }
a:hover, a:active	{ text-decoration: underline; }

#magnum-logo	{ display: block; border: 0; margin: 17px 0 -7px 28px; width: 346px; height: 95px; background: transparent url(img/logo-head4.png) no-repeat; }

.layout			{ position: relative; width: 832px; margin: 0px auto; }
.content		{ background: transparent url(img/bg-body.png) repeat-y; }
.title			{ background: transparent url(img/bg-body-title.png) repeat-y; }
.title h1		{ text-align: left; display: block; padding: 7px 40px 7px 40px; font-size: 28px; margin: 0; font-weight: normal; }
#gutter			{ float: left; margin: 0 0 0 20px; width: 189px; }
#body			{ margin: 0 20px; line-height: 1.3em; }
.body			{ padding-top: 20px; margin-left: 189px; }

/*
#body			{ margin: 0 20px 0 209px; line-height: 1.3em; }
.body			{ padding-top: 20px; }
*/

.footer			{ background: transparent url(img/bg-body-title.png) repeat-y; }
.dropshadow		{ padding-bottom: 20px; font-size: smaller; text-align: center; color: black; height: 31px; background: transparent url(img/bg-dropshadow.png) no-repeat; }
.dropshadow a	{ color: black; }
.buttonbar		{ background: transparent url(img/bg-buttons-shadow.png) no-repeat; height: 45px; }
#trailing-space	{ height: 500px; display: none; }

.button			{ background-position: top left; display: block; position: absolute; width: 264px; height: 37px; bottom: 0; }
.button:hover	{ z-index: 10; }
.button:hover .menu	{ display: block; }

.menu			{ width: 340px; position: absolute; top: -6px; left: -38px; display: none; padding-bottom: 20px;}
.menu .bhi		{ background-color: transparent; background-repeat: no-repeat; background-position: top center; height: 43px; display: block; }
.menu ul		{ background-color: transparent; background-repeat: repeat-y; background-position: top center; padding: 0 12px; margin: 0; display: block; list-style: none; }
.menu .cap		{ background-color: transparent; background-repeat: no-repeat; background-position: top center; height: 27px; }
.menu ul li		{ margin: 0 24px; padding: 0; background: transparent url(img/dropdown-line.png) no-repeat top center; text-align: center; font-size: medium; }
.menu ul li a 	{ display: block; padding: 0.8em 12px; }
.menu ul li a, .menu ul li a:visited	{  color: white; }
.menu ul li:hover { background-repeat: repeat-y; }
.menu ul li:hover a { text-decoration: none; }

#service		{ background-image: url(/img/bg-buttons-service.png); left: 20px; }
#supplies		{ background-image: url(/img/bg-buttons-supplies2.png); left: 284px; }
#contact		{ background-image: url(/img/bg-buttons-contact.png); right: 20px; }

#service .bhi	{ background-image: url(img/dropdown-service-button.png); }
#service ul		{ background-image: url(img/dropdown-service-body.png); }
#service .cap	{ background-image: url(img/dropdown-service-cap.png); }
#supplies .bhi	{ background-image: url(img/dropdown-supplies-button2.png); }
#supplies ul	{ background-image: url(img/dropdown-supplies-body.png); }
#supplies .cap	{ background-image: url(img/dropdown-supplies-cap.png); }
#contact .bhi	{ background-image: url(img/dropdown-contact-button.png); }
#contact ul		{ background-image: url(img/dropdown-contact-body.png); }
#contact .cap	{ background-image: url(img/dropdown-contact-cap.png); }

#news			{ position: relative; background: transparent url('/img/news-gutter.gif') no-repeat;
				padding: 25px 12px 0px; margin: 0 0 40px; min-height: 75px; }
#news a			{ display: block; clear: both; font-size: 11px; line-height: 13px; color: #595959; padding: 8px 0 7px; }
#news a:first-child	{ font-size: 12px; line-height: 14px; font-weight: bold; }
#news a:first-child span	{ font-weight: normal; }
#news a:hover	{ text-decoration: none; color: black; }
#news span		{ float: right; font-size: 10px; color: #a5a5a5; padding-left: 3px; }
#rss_link		{ padding: 0; position: absolute; top: 4px; right: 11px; height: 16px; width: 16px; }

#shoplink:hover #shopflyout { display: block; }
#shopflyout			{ z-index: 10; position: absolute; display: none; width: 314px; margin: 0; padding: 0 0 0 13px; left: 160px; top: -18px; background: transparent url('/img/sh-arrow.png') no-repeat 0px 32px; }
#shopflyout > div 	{ width: 314px; margin: 0; padding: 13px 0 0 0; background: transparent url('/img/sh-head.png') no-repeat top; }
#shopflyout ul		{ list-style: none; margin: 0; padding: 0 0 23px 0; background: transparent url('/img/sh-foot.png') no-repeat bottom; }
#shopflyout ul li	{ margin: 0; padding: 0; }
#shopflyout li		{ position: relative; background: transparent url('/img/sh-bg.png') repeat-y; }
#shopflyout li:hover	{ background: transparent url('/img/sh-bg-hi.png') repeat-y; }
#shopflyout a		{ text-align: left; padding: 0 0 0 100px; display: block; width: 214px; height: 60px; line-height: 44px; color: black; text-decoration: none; }
#shopflyout a span	{ color: #777; font-size: 11px; font-weight: normal; left: 100px; line-height: 11px; position: absolute; top: 34px; }
#shopflyout li#sh-printer a	{ background: transparent url('/img/sh-mag.png') no-repeat 30px 0; }
#shopflyout li#sh-it a		{ background: transparent url('/img/sh-mouse.png') no-repeat 30px 0; }
#shopflyout li#sh-office a	{ background: transparent url('/img/sh-stapler.png') no-repeat 30px 0; }

#cc				{ position: relative; background: transparent url('img/cc-frame.png') no-repeat; width: 495px; height: 283px; margin: -5px auto 10px; }
#cc > img		{ position: absolute; left: 23px; top: 16px; }
#cc > form		{ position: relative; }
#cc > form input	{ border: 1px solid #AAA; top: 42px; left: 98px; position: absolute; width: 50px; text-align: center; }
#cc > form div div	{ top: 41px; left: 159px; position: absolute; width: 300px; line-height: 12px; font-size: 11px; color: black; font-weight: bold; }
#cc > p			{ font-size: 12px; margin: 0; top: 100px; left: 46px; width: 364px; height: 50px; padding: 10px 20px; position: absolute; background: transparent url('img/cc-note.png') no-repeat; }
#cc > div		{ display: none; font-size: 12px; line-height: 16px; padding: 35px 0 35px 10px; left: 46px; top: 64px; height: 116px; width: 394px; background: transparent url('img/cc-fade.png') no-repeat; position: absolute; }
#cc > a			{ display: none; width: 13px; height: 13px; position: absolute; right: 30px; top: 23px; background: transparent url('img/cc-close.png') no-repeat; }

.nav			{ display: block; margin: 10px 0 40px; padding: 0; text-align: right; list-style: none; font-size: large; overflow: hidden; }
.nav a, .nav a:visited	{ color: #868686; }
.nav a:hover, .nav a:active	{ color: black; text-decoration: none; }
.nav li			{ padding: 7px 20px 7px 10px; }
.nav li.current { background: transparent url(/img/list-arrow.png) no-repeat right; }
.nav li.current a, .nav li.current a:visited { color: black; }
img.marker		{ display: block; position: absolute; right: -25px; }
#gutter img		{ display: block; margin: 15px auto; }

#shoplink		{ position: relative; color: #3884bc; font-size: large; background: #d4dae5; padding: 10px; text-align: center; font-weight: bold; border-bottom: 1px solid #aabee4; text-decoration: none; }
#shoplink:hover { background: #aabee4 url(img/bg-smallbluegradient.png) repeat-x; }
#shoplink:hover	> a { cursor: default; text-decoration: none; color: black; }

.body p, fieldset, .body table { margin: 0 45px; padding-bottom: 1.2em; text-align: justify; }
#devicecheckmarks { width: 510px; }
#devicecheckmarks th				{ font-weight: normal; }
#devicecheckmarks td	{ padding-left: 20px; background: transparent url(img/checkbox.gif) no-repeat; }
.body h2		{ text-align: left; font-size: small; margin: 0 45px 0 25px; }
ol				{ margin: 0 45px 1.2em 45px; }
ol li			{ margin-bottom: 0.5em; }
.blacklinks a	{ color: black; }

#search			{ width: 317px; height: 50px; background: transparent url('/img/bg-translucentrect.png') no-repeat; position: absolute; top: 0; right: 25px; font-weight: bold; color: black; font-size: 13px; margin: 0; padding: 15px 25px; }
#search input	{ margin: 5px 0; border: 2px solid #4a4a4a; }
#search input:focus { background-color: #ffffb7; }
#search #field	{ width: 250px; padding: 3px; }

#map			{ margin-left: 45px; width: 510px; height: 300px }

ul.form  		{ list-style: none; padding: 0; margin: 10px; }
ul.form li		{ min-height: 24px; line-height: 24px; margin-bottom: 5px; white-space: nowrap; }
ul.form li label	{ display: block; width: 100px; margin-right: 5px; float: left; font-size: smaller; overflow: hidden; }
ul.form span	{ margin-left: 5px; font-size: smaller; color: red; }
ul.form input[type="text"], ul.form input[type="password"], ul.form select	{ margin: 0; }

ul.form li.checkbox {
	white-space: normal;
	margin-top: 8px;
	min-height: 0;
}

ul.form li.checkbox input {
	margin: 0 0 0 105px;
	float: left;
}

ul.form li.checkbox label {
	margin: 0 0 0 125px;
	width: inherit;
	float: none;
	overflow: visible;
	display: block;
	line-height: normal;
}

fieldset		{ position: relative; margin-bottom: 15px; padding: 0; border: 1px solid #CCC; background: white url(img/bg-fieldset.png) repeat-x; }
legend			{ margin-left: 10px; font-weight: bold; }
ul.form li textarea { width: 99%; }
input.driftnet	{ display: none; }

blockquote		{ margin-bottom: 2.5em; background: transparent url(img/quote-open2.gif) no-repeat top left; }
blockquote .blockquote { background: transparent url(img/quote-close2.gif) no-repeat bottom right; padding: 0 25px; text-align: justify; }
.attrib			{ font-weight: bold; float: right; }

#errbox			{ position: relative; left: 42px; width: 173px; padding-top: 55px; background: transparent url('/img/bg-errorsearch.png') no-repeat; }
#errbox input	{ position: absolute; top: 29px; left: 10px; border: 0; width: 145px; }
#errbox img#status { position: absolute; top: 30px; left: 157px; }
#errbox ul		{ background: white url('/img/bg-errorsearchfoot.png') no-repeat bottom center; list-style: none; margin: 0; padding: 0 0 11px 0; }
#errbox li		{ border-left: 3px solid #85abd8; border-right: 3px solid #85abd8; padding: 6px 12px 6px 5px; font-weight: bold; line-height: 1em; cursor: pointer; }
#errbox li:hover { background: #d7deec; }
#errbox li:active { background: #85abd8; }
#errinfo		{ float: right; width: 385px; margin: 1em 0; }
#errinfo p		{ text-align: left; }
#errinfo h2		{ padding-right: 2em; }