@charset "UTF-8";

#join {
	margin: 0px;
	padding: 0px;
	background: url(../images/title-join-lrg.jpg) no-repeat top;
}

#joinBox1 {
	width: 385px;
	margin: 0px;
	float: left;
}

ul#joinNav {
	width: 385px;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#joinNav li{
	display: inline;
}
ul#joinNav li a {
	height: 44px;
	float: left;
	padding-bottom: 4px;
	text-indent: -9999px;
}

/* supplier */
ul#joinNav li#supplier-Current a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -800px 0px;
}
ul#joinNav li#supplier a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat 0px 0px;
}
ul#joinNav li#supplier a:hover{
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -400px 0px;
}

/* sysIntegrator */
ul#joinNav li#sysIntegrator-Current a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -800px -48px;
}
ul#joinNav li#sysIntegrator a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat 0px -48px;
}
ul#joinNav li#sysIntegrator a:hover{
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -400px -48px;
}

/* affiliate */
ul#joinNav li#affiliate-Current a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -800px -96px;
}
ul#joinNav li#affiliate a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat 0px -96px;
}
ul#joinNav li#affiliate a:hover{
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -400px -96px;
}

/* user */
ul#joinNav li#user-Current a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -800px -144px;
}
ul#joinNav li#user a {
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat 0px -144px;
}
ul#joinNav li#user a:hover{
	width: 385px;
	height: 44px;
	background: url(../images/joinTypes.jpg) no-repeat -400px -144px;
}

/* box 2 */

#joinBox2 {
	width: 355px;
	margin: 0px;
	padding: 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	float: right;
}

#joinBox2 h1 {
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	color: #8A0;
}
#joinBox2 h1 a:link, #joinBox2 h1 a:visited {
	color: #8A0;
	text-decoration: none;
}
#joinBox2 h1 a:hover {
	color: #07A;
	text-decoration: none;
}

#joinBox2 b {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}

#joinBox2 span a:link, #joinBox2 span a:visited, #joinBox2 span a:hover {
	margin: 0px;
	padding: 0px;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
#joinBox2 span a:link, #joinBox2 span a:visited {
	color: #07A;
}
#joinBox2 span a:hover {
	color: #8A0;
}

/* options page */

ul#joinOptions {
	width: 754px;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#joinOptions li{
	display: inline;
}
ul#joinOptions li a {
	height: 82px;
	float: left;
	text-indent: -9999px;
}

/* option1 */
ul#joinOptions li#option1 a {
	width: 191px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat 0px 0px;
}
ul#joinOptions li#option1 a:hover{
	width: 191px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat 0px -90px;
}
/* option2 */
ul#joinOptions li#option2 a {
	width: 191px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat -191px 0px;
}
ul#joinOptions li#option2 a:hover{
	width: 191px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat -191px -90px;
}
/* option3 */
ul#joinOptions li#option3 a {
	width: 191px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat -382px 0px;
}
ul#joinOptions li#option3 a:hover{
	width: 191px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat -382px -90px;
}
/* option4 */
ul#joinOptions li#option4 a {
	width: 181px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat -573px 0px;
}
ul#joinOptions li#option4 a:hover{
	width: 181px;
	height: 82px;
	background: url(../images/join2.jpg) no-repeat -573px -90px;
}
/* option5 */
ul#joinOptions li#option5 a {
	width: 191px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat 0px 0px;
}
ul#joinOptions li#option5 a:hover{
	width: 191px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat 0px -90px;
}
/* option6 */
ul#joinOptions li#option6 a {
	width: 191px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat -191px 0px;
}
ul#joinOptions li#option6 a:hover{
	width: 191px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat -191px -90px;
}
/* option7 */
ul#joinOptions li#option7 a {
	width: 191px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat -382px 0px;
}
ul#joinOptions li#option7 a:hover{
	width: 191px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat -382px -90px;
}
/* option8 */
ul#joinOptions li#option8 a {
	width: 181px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat -573px 0px;
}
ul#joinOptions li#option8 a:hover{
	width: 181px;
	height: 82px;
	background: url(../images/join2b.jpg) no-repeat -573px -90px;
}


ul.optionsList {
	border-top: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}
ul.optionsList li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}
ul.optionsList span {
	padding: 8px 5px;
	display: block;
}
ul.optionsList span.optionsOver {
	background: #DE9;
}