/*****************
 GLOBAL
*****************/

* { margin: 0; padding: 0; }

p { margin: 0.5em 0 1.0em 0; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin:0.8em 0 0.2em 0; }

body {
	background: #f4f4f4 url(/images/bodyback.gif) repeat-y top center;
	margin:0;
	padding:0;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

/**********
 HEADERS
**********/

h1 { font-size: 1.4em; color: #003; font-weight: normal;}
h2 { font-size: 1.2em; color: #336; font-weight: normal; }
h3 { font-size: 1.0em; color: #336; letter-spacing: -1px;}
h4 { font-size: 1.2em; color: #687; line-height: 1.5em; font-weight: normal; letter-spacing: -1px;}

/**********
 FORMS
**********/

form { display: inline; }

/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 930px;
	margin: 0 auto;
	font-size: 0.85em;
}

	#pagecontainer {
		width: 930px;
		padding: 10px 0px;
	}

		#header {
			width: 930px;
			margin-top: 15px;
			}

			#toplogo {
				padding: 0px 0px 0px 0px;
				width: 300px;
				float: left;
			}

			#topright {
				padding: 0px 0px 0px 0px;
				width: 460px;
				float: right;
				font-size: 0.8em;
			}

			#topright a:link, #topright a:visited { color: #3a1; text-decoration: none; }
			#topright a:hover { color: #3a1; text-decoration: underline; }





				#topaccount {
					padding: 0px 20px 0px 20px;
					width: 200px;
					float: left;
				}

				#topcart {
					padding: 0px 20px 0px 20px;
					width: 180px;
					float: left;
				}

		/*
		#topnav is now controlled by suckerfish.css
		*/

		#topbar {
			width: 930px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #eee url(/images/topbarback.gif) no-repeat bottom left;
			color: #000;
		}

			#breadcrumb {
				width: 700px;
				float: left;
				padding: 7px 10px 5px 10px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
			#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 10px 5px 0;
				font-size: 0.8em;
				color: #666;
			}

		#contentheader {
			width: 930px;
			height: 240px;
			margin: 5px 0px;
			padding: 0px;
			font-size: 0.95em;
			background: #fff url(/images/headerhomeback.gif) no-repeat bottom left;
			z-index: 1;
		}

		#contentheader a:link, #contentheader a:visited { color: #339; text-decoration: none; }
		#contentheader a:hover { color: #339; text-decoration: underline; }

		#maincontent {
			width: 910px;
			margin: 0;
			padding: 10px;
			font-size: 0.95em;
			line-height: 1.6em;
			background: #fff url(/images/maincontentback.gif) no-repeat top right;
		}

		#maincontent a:link, #maincontent a:visited { color: #339; text-decoration: none; }
		#maincontent a:hover { color: #339; text-decoration: underline; }


		#footer {
			margin: 0px;
			clear: both;
			width: 930px;
			font-size: 0.9em;
			color: #000;
			padding: 0px;
			background: #0b2 url(/images/footerback.gif) no-repeat top left;
		}

		#footerinner {
			margin: 0px;
			width: 930px;
			padding: 0px;
			background: url(/images/footerinnerback.gif) no-repeat bottom left;
		}

			#footer1 {
				width: 189px;
				float: left;
				padding: 20px 10px 20px 20px;
				margin: 0 18px 0 0;
			}

			#footer1 a:link, #footer1 a:visited { color: #fff; text-decoration: none; }
			#footer1 a:hover { color: #fff; text-decoration: underline; }

			#footer2 {
				width: 199px;
				float: left;
				padding: 20px 10px;
				margin: 0 18px 0 0;
			}

			#footer2 a:link, #footer2 a:visited { color: #fff; text-decoration: none; }
			#footer2 a:hover { color: #fff; text-decoration: underline; }

			#footer3 {
				width: 199px;
				float: left;
				padding: 20px 10px;
				margin: 0 18px 0 0;
			}

			#footer3 a:link, #footer3 a:visited { color: #fff; text-decoration: none; }
			#footer3 a:hover { color: #fff; text-decoration: underline; }

			#footer4 {
				width: 189px;
				float: left;
				padding: 20px 20px 20px 10px;
			}

			#footer4 a:link, #footer4 a:visited { color: #fff; text-decoration: none; }
			#footer4 a:hover { color: #fff; text-decoration: underline; }

		#belowfooter {
			margin: 0px;
			clear: both;
			width: 930px;
			font-size: 0.9em;
			padding: 10px 0;
			color: #666;
		}

		#belowfooter a:link, #belowfooter a:visited { color: #339; text-decoration: none; }
		#belowfooter a:hover { color: #339; text-decoration: underline; }


			#belowfooterblock {
				width: 910px;
				padding: 20px 10px;
				margin: 0px;
				color: #fff;
				background: #121;
			}

			#belowfooterblock a:link, #belowfooterblock a:visited { color: #cfc; text-decoration: none; }
			#belowfooterblock a:hover { color: #cfc; text-decoration: underline; }


			#belowfooterwhite {
				margin: 0px;
				width: 810px;
				padding: 10px 0px 10px 120px;
				font-size: 0.9em;
				color: #000;
				background: #fff url(/images/footerlogo.gif) no-repeat 3px 10px;
			}


			#belowfooterwhite img {
				float: right;
				margin: 0 0 0 10px;
		}

/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
PAGEBOTTOM LIST
*****************/

ul.pagefooterlist {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

	ul.pagefooterlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;

	}

/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}


/*****************
 UL
*****************/

ul { padding: 5px 0 5px 25px; }

/*****************
 OL
*****************/

ol {padding: 5px 0 5px 25px;}


/*****************
 ICON LINK
*****************/


a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}



/*****************
 FEATURES
*****************/

.pagefeature {
	width: 270px;
	margin: 10px 20px 20px 0px;
	float: left;
	padding: 10px 10px 0px 10px;
	background: #fff url(/images/pagefeatureback.gif) no-repeat bottom left;
}


.pagefeatureend {
	margin: 10px 0px 20px 0px;
}




/*****************
 FLASHANIM
*****************/

#flashanim {
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	z-index: 1;
	width: 930px;
	height: 220px;
}

/*******************
 SOFTWARE BROKERAGE
*******************/

div.softwareitem {
	width: 870px;
	margin: 5px 0px 10px 0px;
	padding: 20px;
	line-height: 1.5em;
	background: #fff url(/images/softwareitemback.gif) no-repeat top left;
}

	div.softwareitem h2 a:link, div.softwareitem h2 a:visited {
		color: #336;
		text-decoration: none;
	}

	div.softwareitem h2 a:hover {
		color: #3a1;
		text-decoration: underline;
	}

	div.softwareitem img {
		float: left;
		margin: 0 10px 0 0;
	}

/*******************
 HARDWARE BROKERAGE
*******************/

div.hardwareitem {
	width: 270px;
	margin: 10px 20px 10px 0px;
	float: left;
	padding: 10px 10px 0px 10px;
	font-size: 0.95em;
	background: #fff url(/images/pagefeatureback.gif) no-repeat bottom left;
}

div.hardwareitemend {
	margin: 10px 0px 10px 0px;
}

	div.hardwareitem img {
		border: 0px;
		float: left;
	}

	div.hardwareitemright {
		float: left;
		width: 170px;
		margin-left: 10px;
		padding-top: 10px;
	}

		div.hardwareitemright p { margin: 0px; }

		div.hardwareitemright a:link, div.hardwareitemright a:visited { color: #336; text-decoration: none; }
		div.hardwareitemright a:hover { color: #3A1; text-decoration: underline; }

		div.hardwareitemright ul {
			margin: 0px 0px 0px 20px;
			padding: 0px;
		}

			div.hardwareitemright ul li {
				margin: 0px;
				padding: 0px;
				list-style: square;
				font-size: 0.9em;
			}

		div.hardwareitemright p.readmore {
			margin: 4px 0px 0px 0x;
			text-align: right;
			font-size: 0.9em;
		}

div.hardwarebrand {
	clear: both;
	width: 890px;
	height: 25px;
	line-height: 25px;
	padding: 0px 10px;
	background: url(/images/brand-bg.gif) no-repeat left top;
}

	div.hardwarebrand h2 {
		line-height: 25px;
		margin: 0px;
		padding: 0px;
		color: #fff;
	}


/*** OTHER STUFF ***/

ul.custserv {
	margin: 0px;
	padding: 0px 0px 0px 30px;
}

	ul.custserv li {
		list-style: square;
		margin: 0px;
		padding: 0px 0px 0px 10px;
	}

/*** PROD PAGE ***/

#prodpage_left {
	float: left;
	width: 400px;
}

#prodpage_right {
	float: left;
	width: 490px;
}

	#tab_container { width: 490px; overflow-x: hidden; }

	#prodpage_right table {
		font-size: 1.0em;
	}

		#prodpage_right table td {
			padding: 5px;
			border-bottom: 1px solid #ddd;
			vertical-align: top;
		}

			#prodpage_right div.ui-tabs-panel ul {
				margin: 0 0 0 20px;
			}

				#prodpage_right div.ui-tabs-panel ul li {
					list-style: square;
					padding: 3px 0;
				}

#buynowbox {
	width: 300px;
	margin: 0 auto;
	text-align: center;
}


.adminerror {
	border: 2px solid #cc0000;
	background:#ffffcc;
	color:#cc0000;
	padding:10px;
	margin-bottom:10px;
	font-weight: bold;
}

.adminsuccess {
	border: 2px solid #006600;
	background:#ccffcc;
	color:#006600;
	padding:10px;
	margin-bottom:10px;
	font-weight: bold;
}

/*** NEWS ***/


div.newsitem {
	width: 870px;
	margin: 5px 0px 10px 0px;
	padding: 20px;
	line-height: 1.5em;
	background: #fff url(/images/softwareitemback.gif) no-repeat top left;
}

	div.softwareitem h2 a:link, div.softwareitem h2 a:visited {
		color: #336;
		text-decoration: none;
	}

	div.softwareitem h2 a:hover {
		color: #3a1;
		text-decoration: underline;
	}

	div.softwareitem img {
		float: left;
		margin: 0 10px 0 0;
	}


/************
CONTACT FORM
*************/

#contactl {
	width: 450px;
	margin: 0;
	padding: 0;
	float: left;
}

#contactr {
	width: 450px;
	margin: 0;
	padding: 0;
	float: right;
}


#contactform {
	display: inline;
}

#contactform p {
	margin-top: 5px;
}

#contactform label {
	clear: left;
	float: left;
	width: 75px;
	padding-right: 10px;
	margin-top: 5px;
}

input.contform {
	float: left;
	width: 300px;
	border: 1px solid #238;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	margin-top: 5px;
}

textarea.contform {
	float: left;
	width: 300px;
	border: 1px solid #238;
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 1.0em;
	margin-top: 5px;
}

#buttsend {
	margin-top: 10px;
	margin-left: 336px;
	color: #ffffff;
	font-weight: bold;
	background-color: #1dc724;
}