body	{
	background-color: #999999;
	font-family: sans-serif;
}

div#container	{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

div#header	{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}

div#navigation	{

}

div#content	{
	width: 100%;
	margin: 0px;
}

div#footer	{
	width: 100%;
	margin: 0px;
	border-top: 1px solid #6c6;
	/* color: #999999; */
}

/* START - Navigation "tab" effect */
ul#navlist	{
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid #6c6;
	margin: 0;
}

ul#navlist li	{
	float: right;
	height: 21px;
	background-color: #ccffcc;
	margin: 2px 2px 0 2px;
	border: 1px solid #6c6;
}

ul#navlist li#activeNavPage	{
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
}

li#activeNavPage a {
	color: #000000;
}

#navlist a	{
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 4px;
}

#navlist a:hover	{
	background: gray;
}
/* END - Navigation "tab" effect */

/* START - Category column */
div.categoryColumn	{
	float: left; 
	font-size: small;
}

div.categoryColumn ul	{
	list-style-type: square;
}

div.categoryColumn ul li a	{
	display: block;
}

div.categoryColumn ul li a:hover	{
	color: #ffffff;
	background-color: #990033;
}
/* END - Category column */

/* START - Make divs line up/expand fully */
.clearfix       {
	display: inline-block;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* END - Make divs line up/expand fully */

/* START - Cart quick stats */
div#cartStats	{
	font-size: small;
	margin-right: 10px;
	float: right;
}
/* END - Cart quick stats */

/* START - Breadcrumbs */
.breadcrumbs {
	font-size: small;
	padding: 5px;
	float: left;
}

.breadcrumbs ul      {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}

.breadcrumbs ul li   {
	margin-left: 0;
	padding-left: 2px;
	display: inline;
	border: none;
	list-style-type: none;
	font-size: small;
}

.breadcrumbs ul li:before    {
	content: "\0020 \0020 \0020 \00BB \0020";
}

.breadcrumbs ul li.first:before      {
	content: " ";
}
/* END - Breadcrumbs */

/* START - Horizontal list seperated by pipes */
.pipelist	{
	overflow: hidden;
	font-size: small;
	padding: 5px;
	float: left;
}

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

.pipelist li	{
	border-left: 1px solid #000;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}
/* END - Horizontal list seperated by pipes */

/* START - Row list of manufacturers */
table#manufTable {
	border-collapse: collapse;
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


table#manufTable tr{
	font-size: small;
	clear: both;
	list-style-type: square;
}

table#manufTable td a:hover	{
    color: #ffffff;
    background-color: #990033;
}


.manufacturerRow	{
	font-size: small;
	clear: both;
}

.manufacturerRow ul li	{
	margin-left: 0;
	border-left: 1px solid #000;
	padding: 5px;
	list-style: none;
	display: inline;
	line-height: 1.1em;
}

.manufacturerRow ul li.first	{
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}
/* END - Row list of manufacturers */

/* START - Text displayed at the bottom of the page */
.footerText	{
	text-align: center;
	font-size: small;
}
/* END - Text displayed at the bottom of the page */

/*
div#accountInfo	{
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid black;
	border-bottom: none;
}
*/

div#pageSelector	{
	padding: 0;
	background: #ccc;
	height: 20px;
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid blue;
}

ul#pageSelectorList	{
	margin: 0px;
	padding: 0px 0px;
	display: block;
	
}

ul#pageSelectorList li	{
	list-style: none;
	float: left;
}

div#pageSelector a, ul#pageSelectorList li.extend	{
	margin: 0px;
	display: block;
	border-top: 1px solid #333;
	padding: 1px 6px;
	text-decoration: none;
	background: #ccc;
	font: normal 12px verdana, serif;
	color: #000;
}

div#pageSelector a:hover, #pageSelector a#currentPage	{
	padding: 1px 5px;
	background: #FAFAFA;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-top: 1px solid #FAFAFA;
	border-bottom: 1px solid #333;
	color: #000;
}

div#pageSelector a#currentPage	{
	background: #F6F6F6;
	border-top: 1px solid #F6F6F6;
	font-weight: bold;
}

div#pageSelector li#activePage	{
	border-right: 2px solid #828282;
	border-bottom: 2px solid #828282;
}

div#cartTotals	{
	width: 325px;
	height: 10em;
	margin-top: -20px;
	margin-left: 510px;
	border: thin solid black;
	margin-right: 7px;
	margin-bottom: 10px;
}

div.cartTotalsTitle	{
	text-align: right; 
	width: 45%;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

div.cartTotalsValue	{
	text-align: right;
	width: 45%;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

div.cartItem	{
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	height: 3em;
	border: thin solid black;
}

div.cartItemHeader	{
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid black;
	height: 1.5em;
	background-color: gray;
	font-size: small;
}

div.cartItemQuantity	{
	width: 5%;
	text-align: center;
	float: left;
	height: 3em;
	margin-top: 6px;
}

div.cartItemDelete	{
	width: 5%;
	text-align: center;
	float: left;
	height: 3em;
	margin-top: 6px;
	margin-left: 5px;
}

div.cartItemDescription	{
	width: 70%;
	float: left;
	height: 3em;
	margin-top: 6px;
}

div.cartItemPrice	{
	float: left;
	width: 9%;
	height: 3em;
	text-align: center;
	margin-top: 6px;
}

div.cartItemPriceExt	{
	width: 9%;
	height: 3em;
	float: left;
	text-align: center;
	margin-top: 6px;
}

div.cartContainer	{
	width: 845px;
	margin-left: auto;
	margin-right: auto;
}

div.item	{
	width: 835px;
	height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}

div.itemManufacturer	{
	height: 1.5em;
	float: left;
	width: 18%;
}

div.itemNumber	{
	height: 1.5em;
	width: 17%;
	float: left;
}

div.itemDescription	{
	height: 1.5em;
	width: 50%;
	float: left;
}

div.itemPrice	{
	height: 1.5em;
	float: left;
	width: 7%;
	text-align: right;
}

div.itemAddToCart	{
	height: 1.5em;
	width: 6%;
	float: right;
	text-align: center;
}

span.itemHeader	{
	font-weight: bold;
	color: green;
}

div#sortOptions	{
/*	border: thin solid black;
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	float: right;
	margin-right: 10px;
	float: left;
	clear: both;*/
	margin-left: 10px;
}

input.hidden	{
	display: none;
	border: none;
}

.itemEvenRow	{
	background-color: #ffffcc;
}

.itemOddRow	{
	background-color: #ffff99;
}

div.msg_warning	{
	width: 405px;
	text-align: center;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: thin solid red;	
}

div.msg_ok	{
	width: 405px;
	text-align: center;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: thin solid green;	
}

div#cartActionButtons	{
	width: 450px;
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
}

.title-box	{
	position: relative;
	margin: .5em;
	border: .1em solid black;
/*	padding: .5em; */
}

.title-box-title	{
	position: absolute;
	display: inline;
	border: 1px solid;
	/*border-width: 0 .1em;*/
	border-width: 0 .1em;
	padding: 0 .5em;
	top: -.6em;
	left: 1em;
	background-color: blue;
}

.title-box-title + *	{
	margin-top: -1.1em;
}

div#shipping_options	{
	width: 300px;
	text-align: right;
	float: left;
	margin-top: -110px;
	margin-left: 100px;
}

div#loginPanel	{
	width: 400px;
	height: 75px;
	margin: 25px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid black;
}

div#loginPanel label	{
	position: absolute;
	text-align: right;
	width: 150px;
}

div#loginPanel input#username,input#password, input#emailAddress	{
	margin-left: 160px;
}	

div#orderShipTo label, div#orderBillTo label, div#orderPayment label, div#paymentCard label, div#orderMisc label, div#accountInfo label, div#itemEdit label, div#changePasswd label	{
	position: absolute;
	text-align: right;
	width: 100px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: smaller;
}

div#orderShipTo select, div#orderBillTo select, div#orderPayment select, div#paymentCard select, div#orderMisc select, div#accountInfo select, div#itemEdit select, div#changePasswd select, 
div#orderShipTo input,  div#orderBillTo input,  div#orderPayment input,  div#paymentCard input,  div#orderMisc input, div#accountInfo input, div#itemEdit input, div#changePasswd input, 
div#orderMisc textarea	{	 
	margin-left: 120px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

div#paymentCard select#paymentCardExpYear 	{
	margin-left: 0px;
}

div#loginPanelBottom	{
	text-align: center;
	margin-top: 10px;
}

div#cartHeader	{
	width: 835px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid black;
	background-color: #999999;
}

table#itemHeader	{
	width: 835px;
	background-color: #999999;
}

td.iantest	{
	border-style: groove;
	border-color: black;
	background-color: #999999;
	padding: 0px;
}

div#cartHeaderItem	{
	float: left;
	text-align: center;
}

div#adminBoxUser	{
	width: 200px;
	border: thin solid black;
	float: left;
}

div#adminBoxCatalog	{
	width: 200px;
	border: thin solid black;
	float: left;
}

div#adminBoxConfig	{
	width: 200px;
	border: thin solid black;
	float: left;
}

div#orderLeftCol	{
	width: 400px;
	float: left;
	/*border: thick solid magenta;*/
	/*background: brown;*/
}

div#orderRightCol	{
	width: 400px;
	float: right;
	margin-right: 10px;
	/*border: thick solid blue;*/
	/*background: purple;*/
}

fieldset.account, fieldset.order	{
	width: 550px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
/*	background: #d0d1d6;
	font-size: 11px;*/
}

/*
div#orderShipTo	{
}
*/

div#orderBillTo	{
	display: none;
}

div#orderPayment	{

}

div#orderMisc	{

}

div#orderCartReview	{

}

div#orderContainer, div#accountInfo, div#itemEdit	{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	/*border: thin solid green;*/
}

div#searchContainer	{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 10px;
	width: 800px;
	border: thin solid black;
}

.searchBox	{
	margin: 5px;
	float: left;	
}

div#searchBoxButton	{
	text-align: center;
	clear: both;
}

div#searchHelp	{
	border: thin solid black;
	background: #ffffcc;
	text-indent: 10px;
	display: none;
}

div#getPostalCode	{
	display: none;
}

div#outsideOfUSCA	{
	display: none;
	border: thin solid red;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;

}

table#itemTable	{
	border-collapse: collapse;
	width: 835px;
	margin-left: auto;
	margin-right: auto;	
}

tr#itemTableHeader	{
	background-color: #99ffcc;
	/*border: thin solid black;*/
	border-bottom: thin solid black;
}

tr#itemTableItem	{
}

table#itemTableTable	{
	margin-top: 2px;
	border: thin solid black;
	border-collapse: collapse;
	width: 100%;
}

table#cartTable	{
	border: thin solid black;
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	border-collapse: collapse;
}

tr#cartTableHeader	{
	background: #999999;
}

.inputRequired	{
	border: thin dotted green;
}

.inputOptional	{
	border: thin dotted yellow;
}


.smallerFont	{
	font-size: smaller;
}

table#cartOrderReview	{
	width: 525px;
	border: thin solid green;
}

table#orderHistoryTable	{
	margin-left: auto;
	margin-right: auto;
}

table#orderHistoryTable th	{
	background: #999999;
}

table#serviceManufLogoTable	{
	margin-left: auto;
	margin-right: auto;
}

table #serviceManufLogoTable td	{
	padding: 5px;
}

.boldText	{
	font-weight: bold;
}

img.borderless	{
	border: none;
}

input#accountButton	{
	border: 1px outset;
	color: #666666;
	background: #ccffcc;
}

div#cartActionButtons input#button_placeOrder	{
	border: 1px outset;
	color: black;
	background: red;
	font-weight: bold;
}

div#cartActionButtons input#button_clearCart	{
	border: 1px outset;
	color: black;
	background: blue;
	font-weight: bold;
}

div#cartActionButtons input#button_continueShopping	{
	border: 1px outset;
	color: black;
	background: orange;
	font-weight: bold;
}

div#cartActionButtons input#button_updateQuantities	{
	border: 1px outset;
	color: black;
	background: yellow;
	font-weight: bold;
}

/*
label { position: absolute; text-align:right; width:130px; }
input, textarea { margin-left: 140px; }
label.check, label.radio { position:relative; text-align:left; }
 */

