/*Always Include*/
* {
	padding: 0px;
	margin: 0px;
}
/*IE Space Around Images Fix*/
img {
	border: none;
	display: block;
}
/*FF3 Image Link Fix*/
a:focus, a:hover, a:active { outline:none }
/*End Always Include*/

body {
	background: url(images/gifs/background.gif) top right repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
/*IE 6 Fixes*/
* html #searchchecks {
	text-align: center;
}
* html #searchchecks td {
	text-align: left;
}
* html .catbg {
	visibility: hidden;
}


/*Layout*/

#container {
	width: 860px;
	margin: auto;
}

#header {
	height: 90px;
	text-align: center;
}
#nav {
	text-align: center;
	font: 12px Century Gothic, Verdana, Arial, Helvetica;
	color: #707070;
	background: url(images/pngs/navbg.png) top left no-repeat;
	height: 19px;
	margin: 10px 0 10px 0;
	padding: 8px;
}
#nav a {
	font: 12px Century Gothic, Verdana, Arial, Helvetica;
	text-decoration: none;
	color: #707070;
}
#nav ul {
	list-style: none;
}
#nav li {
	display: inline;
	padding: 0 2px 0 2px;
}

#searchbar {
	text-align: center;
	padding-bottom: 10px;
}

#searchbar input,select {
	border: 1px solid #666666;
	color: #666666;
}

.sbar {
	background:#404040 none repeat scroll 0% 0%;
	border:1px solid #EBEBEB;
	color:#EBEBEB;
}

	#browse {
	
	}
	#contenttop {
		width: 100%;
		height: 9px;
		background: url(images/gifs/contenttop.gif) bottom left no-repeat;
	}
	#content {
		overflow: hidden;
		background-color: #ffffff;
	}
		#left {
			width: 190px;
			float: left;
			padding: 10px 0 10px 15px;	
		}
		#middle {
			width: 430px;
			padding: 10px 10px 10px 10px;
			float: left;	
			font: 12px Verdana, Arial, Helvetica, sans-seriff;
			color: #545454;	
		}
		#right {
			padding: 10px 15px 10px 0;
			width: 190px;
			float: left;		
		}
	#contentbottom {
		width: 100%;
		height: 9px;
		background: url(images/gifs/contentbottom.gif) top left no-repeat;
	}
	#footernav {
		text-align: center;
		padding: 20px;
		color: #6f6f6f;
	}
		#footernav ul {
			list-style: none;
		}
		#footernav li {
			display: inline;
		}
		#footernav a {
			text-decoration: none;
			color: #6f6f6f;
		}
	#footer {
		padding: 0 0 30px 0;
		text-align: center;
		color: #6f6f6f;
	}
		#footer a {
			color: #6f6f6f;
		}
/*Login*/
#login {
	background: url(images/pngs/logintop.png) #d8edec top left no-repeat;
}
#login ul {
	list-style: none;
}
#login li {
	padding: 6px 0 0 0;
}
#login a {
	text-decoration: none;
	color: #2f2f2f;
}
#username {
	width: 165px;
	color: #666666;
}
#password {
	width: 165px;
	color: #666666;
}
#loginbtn {
	width: 52px;
	height: 22px;
	padding: 0 0 5px 0;
	font-size: 12px;
	border: 1px solid #ebebeb;
}
/*Categories*/
#categories {
	background: url(images/pngs/categoriestop.png) #d8edec top left no-repeat;
}
#categories ul {
	list-style: none;
}
#categories li {
	padding: 1px 0 1px 0;
	display: block;
	position: relative;
}
#categories ul li ul {
	padding: 0 0 0 10px;
}
#categories a {
	text-decoration: none;
	color: #2f2f2f;
}
/*Welcome*/
#welcome {
	background: url(images/jpgs/welcomebg.jpg) top right no-repeat;
	padding: 0 160px 0 0;
	height: 180px;
}
#welcome p {
	padding: 10px 0 10px 0;
}
/*edexchange*/
#edexchange {
	background: url(images/pngs/edexchangetop.png) #d8edec top left no-repeat;
}
#edexchange ul {
	list-style: none;
}
#edexchange li {
	padding: 5px 0 5px 0;
}
#edexchange a {
	text-decoration: none;
	color: #2f2f2f;
}
/*newest members*/
#newestmem {
	background: url(images/pngs/newestmemberstop.png) #d8edec top left no-repeat;
}
#newestmem ul {
	list-style: none;
}
#newestmem li {
	padding: 5px 0 5px 0;
}
#newestmem a {
	text-decoration: none;
	color: #2f2f2f;
}
/*newest items*/
#newestitems {
	background: url(images/pngs/newestitemstop.png) #d8edec top left no-repeat;
}
#newestitems ul {
	list-style: none;
}
#newestitems li {
	padding: 5px 0 5px 0;
}
#newestitems a {
	text-decoration: none;
	color: #2f2f2f;
}
/*topicexchange*/
#topicexchange {
	background: url(images/pngs/topicexchangetop.png) #d8edec top left no-repeat;
}
#topicexchange ul {
	list-style: none;
}
#topicexchange li {
	padding: 5px 0 5px 0;
}
#topicexchange a {
	text-decoration: none;
	color: #2f2f2f;
}
/*picexchange*/
#picexchange {
	background: url(images/pngs/picexchangetop.png) #d8edec top left no-repeat;
	overflow: hidden;
}
#picexchange ul {
	list-style: none;
}
#picexchange li {
	float: left;
	display: block;
	padding: 3px 2px 3px 2px;
}
#picexchange img {
	display: block;
	width: 48px;
	float: left;
	border: 2px #c2c2c2 solid;
}

#picexchange a {
	text-decoration: none;
	color: #2f2f2f;
}

#catkey {
	border:1px solid #666666;
	color:#666666;
}
/*Classes*/
.sidebox {
	width: 170px;
	padding: 40px 10px 15px 10px;
	margin: 0 0 10px 0;
}
.midbox {
	
}
.highlight {
	background-color: #f1e4ca;
}
.strong {
	font-weight: bold;
}
.dots {
	background: url(image/gifs/catgroupbg.gif) top left repeat-x;
}
.clear {
	clear: both;
}
.cleanlink {
	text-decoration: none;
}
.catblue {
	background: #d8edec;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 3px 0 0;
}
.catbg {
	position: absolute;
	top: 0;
	right: 0;
}
/*Search*/
#searchchecks {
	padding: 10px 0 0 0;
	width: 100%;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}
#searchchecks table {
	margin: 0 auto 0 auto;
}
#searchchecks td {
	margin: 2px 10px 2px 0;
}
#searchcats {
	padding: 10px 0 20px 0;
	width: 100%;
}
#searchcats a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	text-decoration: none;
}
#searchcats table {
	margin: 0 auto 0 auto;
}
#searchcats td {
	padding: 0 10px 0 0;
}
/*Product Table Class*/
.product {

}
.product h1 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #1c606f;
	padding: 5px 0 5px 0;
}
.product h1 a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #1c606f;
}
.product a {
	color: #545454;
}
.product table {
	width: 100%;
	border-spacing: 0;
	padding: 0 0 20px 0;
}
.product td {
	padding: 4px;
}
.product table img {
	border: 2px #545454 solid;
}

.button {
	background: transparent url(images/pngs/buttonr.png) no-repeat center right;
	height: 35px;
}

.button p {
	background: transparent url(images/pngs/buttonl.png) no-repeat center left;
	height: 35px;
	width: 100%;
}

button, input.btn {
	background-color: #1c606f;
	color: #ffffff;
}

#fullcont p {
	margin: 1em;
}

tr.bgpink td {
	background-color: #F1E4CA;
	padding-top: 10px;
	padding-bottom: 10px;
}

tr.bgblue td {
	background-color: #D8EDEC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.error {
	border: 1px solid red;
	padding: 10px;
	background-color: #FFF199;
}

.error ul, .error ol {
	margin-left: 40px;
}

.ui-tabs-hide {
	display: none !important;
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}

.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}

.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left;
    padding: 0 12px;
    background: url(images/pngs/tabs.png) no-repeat;
}

.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}

.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo

 classes otherwise it confuses cursor... */

    cursor: text;

}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,

.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect

 a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}

.ui-tabs-panel {
    border: 1px solid #1C606F;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */

}

/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */

* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise
 IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.bold {
	font-weight: bold;
}

.reven td {
	background-color: #eeeeee;
}

.tabs-table td {
	padding: 4px;
}

#nav a.menu-stand {
	color: #b9161c;
	font-size: 13px;
	font-weight: bold;
}

.changeit {
	font-size: 12px;
	font-weight: bold;
}

.changeit a {
	color: #1C606F;
}

#msgbox div a {
	color: blue;
}

.invoice-table {
	width: 100%;
	color: #1d6071;
}

.invoice-table th {
	text-align: left;
	border-bottom: 1px solid #cccccc;
}

.invoice-table td {
	padding: 5px;
}

.invoice-table .t-right {
	text-align: right;
}

#middle.fixpad p {
	margin: 1em 0px;
}

#middle.fixpad li {
	margin: .5em .5em .5em 2em;
}