/* CSS Document */
.clear-columns						{clear: both; background-color:#FFF;}
#outer-column-container				{border-left: solid 163px #FC6;}					
#inner-column-container				{width: 100%;}   
#source-order-container				{float: left; width: 100%; margin-right: -1px; background-color:#FFF;}						
#left-column						{float: left; margin-left: -163px; width: 163px; margin-right: 1px;}
#middle-column						{float: right; width: 100%;	margin-left: -1px;}						
#body								{background-color: #FFF;}
#inner-column-container				{border: solid 1px #000; border-width: 0 0px; margin: 0 0px;}
#middle-column div.rMenu-center		{border-bottom: solid 1px #000;}
.inside								{margin: 0px;}
.clear-columns						{/* hide from IE/Mac \*/
									padding-bottom: 1px;
									margin-bottom: -1px;}
* html #body
{
/* \*/ height: 0.1%; position: relative;}
* html #middle-column, * html #left-column, * html #right-column,
* html #source-order-container
{
/* hide from IE/Mac \*/
overflow: visible;
/* hide from IE/Mac \*/
position: relative;}
* html #middle-column
{
margin-right: -4px;
margin-right/* */: 0;}
* html #middle-column .inside
{
margin-right: 0px;
margin-right/* */: 10px;
}
* html #masthead, * html #footer
{
/* hide from IE/Mac \*/
height: 0.1%; height/**/: auto;}
* html #masthead .inside, * html #footer .inside
{
margin-top: 0;
margin-bottom: 0;
margin/* */: 10px;}
* html .inside
{
margin: 10px 0.75em;
margin/* */: 0px;}
* html #inner-column-container 
{
display: block;
}
* html #source-order-container
{
margin-right: -100%;	/* IE/Mac will force #source-order-container
			   to the width of #left-column, even though
			   that element is no longer inside it. this
			   negative margin will help IE/Mac keep the
			   three columns together under narrower 
			   viewports than normal.
/* \*/ margin-right: -1px;}

/* CSS Document */

/* FONT FORMATTING */
/**************************************************************	*/	

/*************************  PRODUCTS  ****************************/	
						
.product-lg				{font-family: Arial, Helvetica, sans-serif;
						font-size: 1.8em;
						line-height: normal;
						margin-bottom: .5em;
						font-weight:bold;
						text-transform:capitalize; 
						color:#555;
						padding: 10px 0  0 0px;}
												
.price-lg				{font-family: Arial, Helvetica, sans-serif;
						font-size: 1.7em;
						line-height: normal;
						margin-bottom: .5em;
						font-weight:bold;
						color:#CC0000;}

.product-number-lg		{font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;
						letter-spacing: .25px;
						color:#000;}


.product-name			{font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;
						text-transform:capitalize; color:#444;
						font-weight: bold;}
												
.price					{font-family: Arial, Helvetica, sans-serif;
						font-size: 1.2em;
						font-weight:bold;padding: 0px 0 7px 0;
						color:#CC0000;}
						
												
.price-subhead			{
						font-size: .9em;
						font-weight:bold;
						font-style:italic;
						color:#777;
						text-transform:uppercase;}						

.product-number			{font-family: Arial, Helvetica, sans-serif;
						font-size: .95em;
						letter-spacing: .25px;
						color:#000;}



/*************************  RELATED PRODUCTS  ****************************/	
						
.related-product-lg				{font-family: Arial, Helvetica, sans-serif;
						font-size: 2em; margin-bottom: .5em;
						font-weight:bold;
						text-transform:capitalize; color:#555;
						padding: 10px 0  0 0px;}
												
.related-price-lg				{font-family: Arial, Helvetica, sans-serif;
						font-size: 1.7em; margin-bottom: .2em;
						font-weight:bold;
						color:#CC0000;}

.related-number-lg				{font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;
						color:#000;}


.related-product-name			{font-family: Arial, Helvetica, sans-serif;
						font-size: 1em;
						text-transform:capitalize; color:#444;
						font-weight: bold;}
												
.related-price					{font-family: Arial, Helvetica, sans-serif;
						font-size: 1.2em;
						font-weight:bold;padding: 0px 0 7px 0;
						color:#CC0000;}
						
												
.related-price-subhead			{
						font-size: .9em;
						font-weight:bold;
						font-style:italic;
						color:#777;
						text-transform:uppercase;}						

.related-product-number			{font-family: Arial, Helvetica, sans-serif;
						font-size: .95em;
						letter-spacing: .25px;
						color:#000;}





/*************************  CONTENT  ****************************/	




					
.attention					{font-size: 1.2em;
							line-height: 1.6em;
							font-weight:bold;}

.p-attention				{font-family:Georgia, "Times New Roman", Times, serif;
							font-size: 1.2em;
							line-height: 1.4em;
							font-weight:bold;}
														
							
.h1-subhead					{font-family:Georgia, "Times New Roman", Times, serif;
							font-size: 1.15em;
							color:#686868;
							font-style:italic;
							font-weight:bold;
							text-transform:capitalize;}

.review-title-lg			{font-size: 1.6em;
							font-weight:bold;}

.review-about				{font-family:Georgia, "Times New Roman", Times, serif;
							font-size:1.08em;
							font-weight:bold;}


.by							{font-style:italic;}


.note						{margin-left: 30px;
							font-style:italic;}
















						
.subhead				{font-family: Arial, Helvetica, sans-serif;
						line-height: 18px;
						font-size: 12px;
						font-weight: bold;
						color:#660033;
						text-transform:uppercase;}

.author					{font-family: Arial, Helvetica, sans-serif;
						font-size: 13px;
						font-weight:bold;
						color:#554643;}

/************************ COLOR ******************************/					
.black					{color:#000000;}

.red					{color:#CC0000;}

.dkred					{color:#660033;}

.gray					{color:#686868;}

/************************ COMBOS ******************************/	
.sans					{font-family: Arial, Helvetica, sans-serif;}

.serif					{font-family:Georgia, "Times New Roman", Times, serif;}

.bold					{font-weight:bold;}

.italic					{font-style:italic;}

/************************ PIXELS ******************************/	
.px11					{font-size: 11px;
						line-height: 13px;}

.px12					{font-size: 12px;
						line-height: 14px;}

.px13					{font-size: 13px;
						line-height: 15px;}

.px14					{font-size: 14px;
						line-height: 16px;}

.px16					{font-size: 16px;
						line-height: 18px;}

.px18					{font-size: 18px;
						line-height: 20px;}


/************************ EMs ******************************/	
.em0070					{font-size: .7em;
						line-height: 1em;}		

.em0080					{font-size: .8em;
						line-height: 1.1em;}		
						
.em0090					{font-size: .9em;
						line-height: 1.2em;}				
						
.em0100					{font-size: 1em;
						line-height: 1.3em;}
						
.em0110					{font-size: 1.1em;
						line-height: 1.4em;}

.em0120					{font-size: 1.2em;
						line-height: 1.5em;}
						
.em0130					{font-size: 1.3em;
						line-height: 1.6em;}
						
.em0140					{font-size: 1.4em;
						line-height: 1.7em;}
						
.em0150					{font-size: 1.5em;
						line-height: 1.8em;}


.em0160					{font-size: 1.6em;
						line-height: 1.9em;}
						
.em0170					{font-size: 1.7em;
						line-height: 2em;}
						
.em0180					{font-size: 1.8em;
						line-height: 2.1em;}
		
						
.em0190					{font-size: 1.9em;
						line-height: 2.2em;}

@charset "utf-8";
/* CSS Document */

/* IMAGE ZOOM FORMATTING */
/***************************************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.left-th					{position: relative;
							z-index: 0;}

.left-th					{background-color: transparent;
							z-index: 50;}

.left-th span				{ /*CSS for enlarged image*/
							position: absolute;
							background-color:#cccccc;
							padding: 5px;
							left: -1000px;
							border: 1px dashed gray;
							visibility: hidden;
							color: black;
							text-decoration: none;}

.left-th span img			{ /*CSS for enlarged image*/
							border-width: 0;
							padding: 2px;}

.left-th:hover span			{ /*CSS for enlarged image on hover*/
							visibility: visible;
							left: 0px; /*position where enlarged image should offset horizontally */}
							

.right-th					{position: relative;
							z-index: 0;}

.right-th					{background-color: transparent;
							z-index: 50;}

.right-th span				{ /*CSS for enlarged image*/
							position: absolute;
							background-color:#FFFFCC;
							padding: 5px;
							left: -1000px;
							border: 1px dashed gray;
							visibility: hidden;
							color: black;
							text-decoration: none;}

.right-th span img			{ /*CSS for enlarged image*/
							border-width: 0;
							padding: 2px;}

.right-th:hover span			{ /*CSS for enlarged image on hover*/
							visibility: visible;
							left: -270px; /*position where enlarged image should offset horizontally */}/***********************  TOP  *****************************/			

#header						{position: relative; 
							margin: 0px;
							padding: 0px;}
							
#logo						{position: relative; 
							z-index:1;
							margin: 0px;
							padding: 0px;
							background-color:#FFFFFF;}
							
/******************************  LEFT  *********************************/			

#left						{position:relative; 
							height: 100%;
							float: left;
							width: 163px;
							z-index: 100;
							background-color:#FFCC66;
							margin: 0px;
							padding: 0px;
							font-size: .95em; /* sets font size for left nav */
							line-height: 1.4em;
							font-weight: bold;
							color:#000000;}

.col-left					{padding: 10px;  /* sets left margin spacing for left nav */
							font-weight:normal; 
							background-color:#FFCC66; 
							height:auto;}

.endcap						{background-image: url("../images/nav/endcap.gif"); 
							background-repeat:no-repeat;
							background-position:bottom;
							background-color:#FFCC66; 
							height:13px; 
							width: 163px;}

.nav-left					{position:relative; 
							height: auto; 
							width:163px; 
							z-index: 100;
							background-color:#FFCC66;
							margin: 0px;
							padding: 0px;
							color:#000000;
							text-transform: uppercase;}
														
/******************************  RIGHT  *********************************/				

#right						{position:relative;
							float: left;
							height: 100%;
							width: 530px;
							margin: 0px;
							background-color:#FFFFFF;
							margin-bottom: 15px;}
							
#content					{position:relative; min-height: 300px;
							float: left; height: auto;
							width: 500px;
							margin: 0px;
							padding-left: 15px;
							padding-top: 15px;
							margin-bottom: 15px;}					
											

.cost-table img				{height: 80px; width:80px;}
							
					
#nav-top					{position: relative;
							float: left;
							clear: right;
							width: 445px;
							height: 40px;
							padding: 0px;
							margin: 0px;
							z-index: 50;}		
							
#h-nav 						{position: absolute;
							top: 0px;
							left: 15px;
							list-style: none;
							margin: 0;
							padding: 0;
							height: 40px;
							display: inline;
							overflow: hidden;
							width: 445px; z-index:50;}							
							

							
/***************************************************************/								
.marginL15px				{margin-left: 15px;}							
							
.related img				{width:100px; height: auto;}

.left						{position:relative;
							float:left; 
							margin-right:10px; 
							margin-bottom:10px;}
							
.right						{position:relative;
							float:right; 
							margin-left:10px; 
							background-color:#FFFFFF;}

.center						{text-align:center}

.padding10top				{padding-top: 10px;}	

.padding10tb				{padding-top: 10px; 
							padding-bottom: 10px;}	

/************************ BORDERS ******************************/	

.border0px					{border:0px;}

.dashed-top					{border-top: 1px dashed #CCCCCC;}

.dashed-tb					{border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC;}

.dashed-box					{border: 1px dashed #CCCCCC; padding: 5px;}


.solid-box					{border: 1px solid #CCCCCC; padding: 5px;}

.solid-box					{border: 1px solid #CCCCCC; padding: 5px;}

/************************ ALIGN ******************************/	

.bottom						{vertical-align:bottom;}

.middle						{vertical-align:middle;}

.selected img				{vertical-align:bottom;}

.home img					{vertical-align:bottom;}

.right-align				{text-align:right;}

/************************ FLOATS ******************************/	


/************************ CLEARS ******************************/	
.clear-nospace 				{clear:both;
							margin-top:-1px;
							height:1px;
							overflow:hidden;}

.desc						{clear:both;}

.clear-both					{position:inherit; clear:both;}	

/************************ COLUMNS ******************************/	
							
.col200px					{position:relative;
							float:left;
							width: 200px; margin-right:25px; background-color:#FFFFFF;}

.col300px					{position:relative;
							float:left;
							width: 300px;background-color:#FFFFFF;}
							
.col350px					{position:relative;
							float:left;
							width: 350px;background-color:#FFFFFF;}							
							

.col3						{position:relative;
							float:left;
							width: 125px; padding: 15px;}
							
.col3img					{width: 115px; height: 115px;}

.col3 img					{vertical-align:middle;}	
													
.col4						{position:relative;
							float:left;
							width: 125px;background-color:#FFFFFF;}

.col4 img					{width: 100px;}									
							
/***************************************************************/				


#footer						{clear: both;
							text-align:center;
							width: 100%;
							position:relative;
							margin: 0px;
							padding: 10px 0 0 0;	
							background-color:#FFFFFF;
							border-top: 1px solid #FFCC66;}

.product-img200px				{position: relative; width: 200px; 
								padding: 15px;
								float: left;
								background: url(../images/dividers/v-div.gif) repeat-y top right;}

.product-maintext				{position: relative; padding-left: 10px; float: left; width:270px;}

.product-top					{width: 510px; float: left;}

.documentation					{padding: 0 0 20px 0;}

/********************* BROWSE GRID ***********************/

#products						{display: block; 
								clear: both; 
								width: 512px;}
								
#products .product-row			{display: inline; 
								float: left; 
								width: 100%;}

.product						{position: relative; 
								overflow: hidden;}

.product .product-img			{text-align: center; 
								overflow: hidden; width: 100px; height: 100px;}

.product .details 				{clear: both; 
								display:block;
								padding: 17px 2px 0 2px;}

.grid .product-name				{height: 80px;
								overflow:hidden;} /* IE */
								/*.grid[class] .product-name{height: 60px;} /* NON-IE */

.product p, .product a			{display: block; 
								clear: both;}
								
.product-number, .sku, .internet-number	{margin: 0; 
										padding: 0;}

.prices p						{margin: 0;}
								
.prices p span					{display: block; 
								font-weight: normal; 
								margin: 0;}

.product .prices				{clear: both;}

.product .prices p				{float: left;}


.grid *{}
.grid .product-row				{border-bottom: 1px solid #CCC;
								padding: 10px 0; 
								display: inline;}
								
.grid .product					{display: inline;
								float: left;
								background: url(../images/dividers/v-div.gif) repeat-y top right;
								padding: 5px 8px;
								width:24%; w\idth:107px;}
								
html>body .grid .product		{width:111px;}
* html .grid .product			{w\idth:111px;}
.grid .product form				{width:111px;}

.grid .product .product-number 	{min-height: 35px;}
* html .grid .product .product-number {height: 35px;}
.grid .product .prices			{min-height: 40px;}
* html .grid .product .prices	{height: 75px;}



/********************* RELATED GRID ***********************/

#related-products						{display: block; 
								clear: both; 
								width: 500px;}
								
#related-products .related-product-row			{display: inline; 
								float: left; 
								width: 100%;}

.related-product						{position: relative; 
								overflow: hidden;}

.related-product .related-product-img			{text-align: center; 
												overflow: hidden; height: 70px; width: 70px;}

.related-product .related-details 				{clear: both; 
								display:block;
								padding: 17px 2px 0 2px;}

.related-grid .related-product-name				{height: 50px;
								overflow:hidden;} /* IE */
								/*.grid[class] .product-name{height: 40px;} /* NON-IE */

.related-product p, .related-product a			{display: block; 
								clear: both;}
								
.related-product-number, .related-sku, .related-internet-number	{margin: 0; 
										padding: 0;}

.related-prices p						{margin: 0;}
								
.related-prices p span					{display: block; 
								font-weight: normal; 
								margin: 0;}

.related-product .related-prices				{clear: both;}

.related-product .related-prices p				{float: left;}


.related-grid *{}
.related-grid .related-product-row				{
								padding: 0px 0; 
								display: inline;}
								
.related-grid .related-product					{display: inline;
								float: left;
								background: url(../images/dividers/v-div.gif) repeat-y top right;
								padding: 5px 8px;
								width:24%; w\idth:107px;}
								
html>body .related-grid .related-product		{width:150px;}
* html .related-grid .related-product			{w\idth:150px;}
.related-grid .related-product form				{width:150px;}

.related-grid .related-product .related-product-number 	{min-height: 35px;}
* html .related-grid .related-product .related-product-number {height: 45px;}
.related-grid .related-product .related-prices			{min-height: 30px;}
* html .related-grid .related-product .related-prices	{height: 75px;}

/* CSS Document - User Reviews */

.callout				{font-family: Arial, Helvetica, sans-serif;
						font-size: .99em;
						line-height: 1.4em;}

.urimgWRAP img	{border: 1px solid #000000;}



.urimgR 		{float:right;
				clear: left;
				padding:10px;
				width: 200px;
				border-bottom:1px dashed #CCCCCC;
				border-top:1px dashed #CCCCCC;
				margin-left: 10px;
				line-height: .85em; background-color:#FFF5E2;}
				
.urimgL		{float:left;
				clear:right;
				padding:10px;
				width:200px;
				border-bottom:1px dashed #CCCCCC;
				border-top:1px dashed #CCCCCC;
				margin-right: 10px;line-height: .85em; background-color:#FFF5E2;}/* CSS Document */



#menu					{width: 163px; /* set width of menu */
						background: #FFCC66; /* set background color of menu - does not show */} 

/***************************************************************/

#menu ul 				{ /* remove bullets and list indents */
						list-style: none;
						margin: 0;
						padding: 0;
						background-color: #FFCC66;}

/***************************************************************/

/* style, color and size links and headings to suit */
#menu a, #menu h2 		{display: block;
						margin: 0;
						padding: 2px 0px 2px 1px; /* set spacing of menu items */}

#menu h2 				{border-top: 1px solid #e8a043;
						text-transform: uppercase; text-align:center;}

#menu ul h2				{font-family: Georgia, "Times New Roman", Times, serif;
							font-size: 1.25em;
							letter-spacing: normal;
							color:#660033;}

						
#menu .border 			{border-top: 1px solid #000000; 
						border-bottom: 1px solid #000000; 
						padding-top:5px; 
						padding-bottom:5px; 
						color:#93193c; 
						background-color:#FFFFCC;}
						
#menu a 				{color: #000;
						background: #FFCC66;
						text-decoration: none;
						padding-left: 10px;}
												
/***************************************************************/

#menu li 				{margin: 0;
						padding: 0;
						/* make the list elements a containing block for the nested lists */
						position: relative;} 

#menu li .arrow 		{background:  url("../images/nav/arrow.jpg") top right no-repeat;}

#menu li .arrow2 		{background:  url("../images/nav/arrow3.jpg") top right no-repeat;}

#menu li li 			{border-bottom: 1px solid #e8a043; 
						margin: 0;
						padding: 0;}

#menu ul ul ul 			{position: absolute;
						top: 0;
						left: 100%; /* to position them to the right of their containing block */
						width: 100%; /* width is based on the containing block */}
#menu ul ul ul a 		{padding-left: 10px;}



/********************* HOVER *****************************/

#menu a:hover 			{color: #000000;
						background-color:#FFFFCC;}
						
#menu li:hover .arrow	{background: #FFFFCC url("../images/nav/arrow2.jpg") top right no-repeat;}


#menu li:hover .arrow2 	{background: #FFFFCC url("../images/nav/arrow2.jpg") top right no-repeat;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
						{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
						{display: block;}
						
/********************* MODS *****************************/

#menu .intcust 			{font-size:10px; 
						font-weight:bold; 
						color: #93193c; 
						background-color:#FFCC66;}
						
#menu li:hover .intcust	{font-size:10px; 
						font-weight:bold; 
						color:#FFFFCC; 
						background-color:#FFCC66;}
						
						
#menu li .selected 			{background-color:#f9a64c;}
#menu li:hover .selected 	{background-color:#f9a64c;}

#menu .inline			{background-color:#ffc258; border: 0px solid #CC0000;}
#menu .inline a			{margin-left: 13px;border-left: 1px solid #e8a043; padding-left: 3px;}

#menu .inline2			{background-color:#ffc258; border: 0px solid #CC0000;}
#menu .inline2 a			{margin-left: 25px;border-left: 1px solid #e8a043; padding-left: 3px; text-transform:capitalize; letter-spacing: .02em;}

#menu .nav-section			{background-color:#FFCC66; border: 0px solid #CC0000;}
#menu .nav-section span			{margin-left: 13px; padding-left: 3px;}/* CSS Document */

/* basic */
/***************************************************************/
html						{background-color:#FFFFFF;}
body						{color: #000000;
							background-color:#FFFFFF;
							font-size: 76%;
							line-height: 1.25em;
							font-family: Arial, Verdana, Tahoma, MS Sans-Serif, sans-serif;
							text-align: left;
							margin: 0px;
							padding: 0px;}

a							{cursor:pointer;}
a:link						{color:#706659;}		
a:visited					{color:#706659;}
a:hover						{text-decoration:none; color:#990000;}
a:active					{color:#FFCC66;}

a.border img				{border:1px solid #FFF;}								
a.border:hover img 			{border:1px solid #603;}

a.border-bk img				{border:1px solid #000;}								
a.border-bk:hover img 		{border:1px solid #FFF;}

h1							{font-size: 2.6em;
							line-height: 1.2em;
							letter-spacing: normal;
							margin-top: 0px;
							margin-bottom: 0px;
							text-transform:capitalize; color:#000;
							padding: 5px 0  0 0px;}
							
h2							{font-family: Georgia, "Times New Roman", Times, serif;
							font-size: 1.4em;
							line-height: 1.6em;
							margin-bottom: 3px;
							margin-top: 0px;
							color:#000;
							padding: 0px 0  0 0px;}
							
h3							{font-size: 1.2em;
							letter-spacing: normal;
							margin-bottom: 0px;
							color:#000000;
							padding: 5px 0  0 0px;}
							
h4							{font-family: Georgia, "Times New Roman", Times, serif;
							font-size: 1em;
							margin-bottom: 0px;
							padding: 5px 0  0 0px;}

ul							{list-style-type:disc;}
							
li							{margin-bottom: 0px;}

p 							{margin-top: 0px;
							margin-bottom: 10px;}




/*
#content:hover a					{background-color:#FFFF00; color:#000000;}
#content:hover .solid-box a			{background-color:#FFFFFF; color:#000000;} /* no background color on gallery images */ /*
#content:hover a:hover				{background-color:#FFFFFF; color:#990000; text-decoration:underline;} */
/***************************************************************/										
				
#container 					{position: relative;
							height: auto;
							width: 715px;
							background-color:#FFFFFF;
							margin: 0px;
							padding: 0px;
							top: 0px;}