/*
Premier Group Website CSS
Created by Bionic Communications Ltd 2005
Copyright Bionic Communcations Ltd 2005
Last edited: Thursday; January 12, 2006 by JG (10:28 PM)
*/

/* -- undo HTML -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

/* -- basic HTML elements -- */
a {text-decoration: none;}
a:link {color: #ed252a; font-weight: bold;}
a:visited {color: #ed252a; font-weight: bold;}
a:hover, a:focus {color: #ED252A;}
body {font-family: arial, verdana, sans-serif; font-size: 10px; color: #000; text-align: center; margin: 0; padding: 0; background: url(../i/bg.gif);}
h1,h2,p {position: relative; left: 20px; margin-bottom: 8px;}
p {font-size: 11px;}

#instruct { font-weight: bold; text-transform: uppercase; font-style: italic; }

#page {
	width: 778px;
	height: 430px;
	margin: 2px auto 0 auto;
	padding: 0;
	text-align: left;
}

#masthead {
	width: 778px;
	height: 72px;
	background: url(../i/mh.gif) no-repeat;
	text-indent: -3000px;
}

#content {
	width: 778px;
	height: 363px;
	background: #FFF url(../i/c_bg.gif) repeat-y top left;
	position: relative;
}

#main_nav {
	width: 170px;
	height: 363px;
	position: absolute;
	top: 0;
	left: 615px;
}
	#main_nav li {
		margin: 20px 0 0 10px;
	}
		#main_nav li a {
			display: block;
			width: 140px;
			padding: 5px 0 5px 5px;
		}

		#main_nav li a:hover {
			background: red;
			color: white;
		}

#inner_content {
	width: 615px;
}

#sub_nav_top {
	background: url(../i/snt.gif) no-repeat;
	width: 615px;
	height: 34px;
	font-size: 12px;
	position: relative;
}
	#sub_nav_top ul {
		list-style-type: none;
		position: absolute;
		width: 443px;
		height: 20px;
		left: 20px;
		top: 14px;
		white-space: nowrap;
	}
	#sub_nav_top li {
		margin: 0 12px 0 0;;
		padding: 0;
		list-style: none;
		display: inline;
	}
	#sub_nav_top li a {
		height: 20px;
		color: #999999;
	}

#sub_nav_top li a:hover { color: #FF0000; }

#sub_nav_mid {
	width: 410px;
	height: 105px;
	font-size: 10px;
	position: absolute;
	top: 180px;
	left: 20px;
}
	#sub_nav_mid h1 {
		margin: 0 0 2px -19px;
		padding: 0;
	}
	#sub_nav_mid a {
		display: block;
		width: 77px;
		height: 5px;
		padding-top: 70px;
		color: #000;
	}

#show-next-products {
	background: url(../i/snm_next.gif) no-repeat;
	position: absolute;
	display: block;
	left: 398px;
	top: 202px;
	width: 12px;
	height: 66px;
	text-indent: -3000px;
}
#show-prev-products {
	background: url(../i/snm_prev.gif) no-repeat;
	position: absolute;
	display: block;
	left: 7px;
	top: 202px;
	width: 12px;
	height: 66px;
	text-indent: -3000px;
}

#content_for {
	height: 279px;
	width: 615px;
}
	#content_for p {
		width: 342px;
		line-height: 13px;
	}
	#content_for h1 {
		padding-top: 3px;
		width: 342px;
		font-size: 13px;
	}
	#content_for h2 {
		font-weight: bold;
		width: 342px;
		font-size: 11px;
	}
	#content_for ul {
		position: absolute;
		list-style-type: none;
		left: 14px;
		top: 298px;
		padding: 0;
		width: 342px;
		height: 12px;
		white-space: nowrap;
		text-align: center;
	}
	#content_for li {
		margin: 0 6px 0 6px;
		padding: 0;
		list-style: none;
		display: inline;
	}
	#content_for li a {
		height: 20px;
		color: #999999;
	}
	#content_for li a:hover, #urhere a { color: #FF0000; }
	#content_for blockquote {
		position: relative;
		margin: 10px 0 0 40px;
		width: 300px;
		font-style: italic;
		font-size: 14px;
		color: #666666
	}
	#content_for blockquote #quo_open {
		position: absolute;
		width: 20px;
		height: 20px;
		left: -18px;
		top: -2px;
		font-size: 30px;
		color: #999999;
	}
	#content_for #quo_close {
		position: relative;
		width: 20px;
		height: 20px;
		left: 334px;
		top: -10px;
		font-size: 30px;
		color: #999999;
	}
	#content_for a#more {
		position: relative;
		display: block;
		width: 342px;
		left: 20px;
		margin-top: -12px;
		text-align: right;
	}

#content_for_home {
	height: 279px;
	width: 615px;
}
	#content_for_home p {
		width: 342px;
	}
	#content_for_home h1 {
		padding-top: 3px;
		width: 342px;
		font-size: 13px;
	}

#content_for_prod {
	position: relative;
	height: 279px;
	width: 615px;
}
	#content_for_prod p {
		width: 342px;
	}
	#content_for_prod h1 {
		width: 342px;
		font-size: 12px;
		padding-top: 5px;
	}
	#content_for_prod h2 {
		font-weight: bold;
		width: 342px;
		margin-bottom: 4px;
	}
	#content_for_prod ul {
		margin-left: 32px;
		list-style-type: disc;
		margin-bottom: 6px;
	}
	#content_for_prod a {
		margin-left: 20px;
	}
	#content_for_prod a#learn_more {
		position: relative;
		display: block;
		width: 382px;
		left: 20px;
		margin-top: -12px;
		text-align: right;
	}
	#content_for_prod img {
		position: absolute;
		left: 414px;
		top: 0;
	}
	#content_for_prod #logos ul {
		position: absolute;
		background: url(../i/logos.gif) no-repeat;
		list-style: none;
		width: 340px;
		height: 37px;
		left: -16px;
		top: 250px;
	}
		#content_for_prod #logos ul li { position: absolute; }
			#content_for_prod #logos ul li a { text-indent: -3000px; display: block; height: 25px; }
			#content_for_prod #logos ul li#v_link1 { width: 90px; left: 0; }
			#content_for_prod #logos ul li#v_link2 { width: 54px; left: 96px; }
			#content_for_prod #logos ul li#v_link3 { width: 88px; left: 155px; }
			#content_for_prod #logos ul li#v_link4 { width: 86px; left: 248px; }
	#content_for_prod #dlbox {
		position: absolute;
		width: 168px;
		height: 80px;
		left: 280px;
		top: 30px;
	}
		#content_for_prod #dlbox ul { padding: 3px; list-style: none; margin-left: 0; }
		#content_for_prod #dlbox li { height: 14px; margin-top: 6px; }
			#content_for_prod #dlbox li#image { background: url(../i/img_icon.gif) no-repeat; }
			#content_for_prod #dlbox li.pdf_link {background: url(../i/pdf_icon.gif) no-repeat; }
			#content_for_prod #dlbox li a { width: 150px; margin: 12px 0 0 18px; color: #999999; }
			#content_for_prod #dlbox li a:hover,
			#content_for_prod #dlbox li a.selected { color: #FF0000; }

#sub_nav_bottom {
	position: relative;
	width: 615px;
	height: 50px;
	background: url(../i/snb.gif);
	font-size: 12px;
	color: #999999;
}
/* -text nav system-- */
	#sub_nav_bottom ul {
		position: absolute;
		list-style-type: none;
		left: 20px;
		top: 0;
		padding: 0;
		width: 444px;
		height: 20px;
		white-space: nowrap;
		text-align: left;
	}
	#sub_nav_bottom ul#menu {
		position: relative;
		background: url(../i/snb_nav.gif);
		width: 256px;
		height: 20px;
		left: 14px;
		top: 18px;
	}
		#sub_nav_bottom ul#menu li {
			position: absolute;
		}
			#sub_nav_bottom ul#menu li a {
				display: block;
				text-indent: -3000px;
			}
		#sub_nav_bottom ul li#vendor_canon {left: 0; width: 64px;}
		#sub_nav_bottom ul li#vendor_oki {left: 72px; width: 40px;}
		#sub_nav_bottom ul li#vendor_infotec {left: 120px; width: 63px;}
		#sub_nav_bottom ul li#vendor_ricoh {left: 190px; width: 62px;}

		#sub_nav_bottom ul li#vendor_canon a:hover,
		#sub_nav_bottom ul li#vendor_canon a.selected { background: url(../i/snb_nav.gif) 0 -20px no-repeat; }

		#sub_nav_bottom ul li#vendor_oki a:hover,
		#sub_nav_bottom ul li#vendor_oki a.selected { background: url(../i/snb_nav.gif) -72px -20px no-repeat; }

		#sub_nav_bottom ul li#vendor_infotec a:hover,
		#sub_nav_bottom ul li#vendor_infotec a.selected { background: url(../i/snb_nav.gif) -120px -20px no-repeat; }

		#sub_nav_bottom ul li#vendor_ricoh a:hover,
		#sub_nav_bottom ul li#vendor_ricoh a.selected { background: url(../i/snb_nav.gif) -190px -20px no-repeat; }

	#sub_nav_bottom ul#promenu li {
		margin: 0 7px 0 0;
		padding: 0;
		list-style: none;
		display: inline;
	}
	#sub_nav_bottom li a {
		height: 20px;
		color: #999999;
	}
	#sub_nav_bottom li a:hover, #sub_nav_bottom li a.selected { color: #FF0000; }
/* --end text nav system-- */

#footer {
	background: url(../i/ft_nav.gif);
	width: 778px;
	height: 30px;
}
	#footer ul {
		width: 190px;
		height: 20px;
		position: relative;
		left: 580px;
		top: 4px;
	}
	#footer ul li {
		position: absolute;
	}
	#footer ul li, #footer ul li a {
		height: 16px;
		display: block;
		top: 0;
	}
	#footer ul li a {
		text-indent: -3000px;
	}
		#footer ul li#ft_link1 {left: 100px; width: 89px;}
		/*
		#footer ul li#ft_link1 {left: 8px; width: 89px;}
		#footer ul li#ft_link2 {left: 107px; width: 103px;}
		*/

/* position nav links */

#mn_link1 {left: 14px; width: 25px;}
#mn_link2 {left: 39px; width: 25px;}
#mn_link3 {left: 64px; width: 25px;}
#mn_link4 {left: 89px; width: 25px;}
#mn_link5 {left: 114px; width: 25px;}
#mn_link6 {left: 139px; width: 25px;}

	#main_nav #mn_link1 a:hover {background: transparent url(../i/m_nav.gif) -14px -366px no-repeat;}
	#main_nav #mn_link2 a:hover {background: transparent url(../i/m_nav.gif) -39px -729px no-repeat;}
	#main_nav #mn_link3 a:hover {background: transparent url(../i/m_nav.gif) -64px -366px no-repeat;}
	#main_nav #mn_link4 a:hover {background: transparent url(../i/m_nav.gif) -89px -729px no-repeat;}
	#main_nav #mn_link5 a:hover {background: transparent url(../i/m_nav.gif) -114px -366px no-repeat;}
	#main_nav #mn_link6 a:hover {background: transparent url(../i/m_nav.gif) -139px -729px no-repeat;}

	/* home graphics used to indicate selected content area */

	#main_nav #mn_link1.home {background: transparent url(../i/m_nav.gif) -14px -366px no-repeat;}
	#main_nav #mn_link2.home {background: transparent url(../i/m_nav.gif) -39px -729px no-repeat;}
	#main_nav #mn_link3.home {background: transparent url(../i/m_nav.gif) -64px -366px no-repeat;}
	#main_nav #mn_link4.home {background: transparent url(../i/m_nav.gif) -89px -729px no-repeat;}
	#main_nav #mn_link5.home {background: transparent url(../i/m_nav.gif) -114px -366px no-repeat;}
	#main_nav #mn_link6.home {background: transparent url(../i/m_nav.gif) -139px -729px no-repeat;}

#whiteover {
	position: absolute;
	display: block;
	width: 242px;
	height: 278px;
	left: 372px;
	top: 38px;
}

#urhere a:link, #urhere a:visited, #urhere a:hover, #urhere a:active { color: #FF0000; }