/******************************
new styling January 2005   
font setting governs whole site: 
resized in alternate stylesheets 
******************************/

/***************/
@import url(navbar_hilite.css); 
@import url(basket.css); 
@import url(checkout.css); 
@import url(textsize.css); 
@import url(cdbox.css); 
@import url(catalo.css); 
/***************/

html 	{ overflow: -moz-scrollbars-vertical !important; }
body 	{	/*** font setting governs whole site ***/ 
	margin:0; padding:0; font-size:11px; line-height:18px; font-family: verdana,helvetica,sans-serif; }	
h1 	{ display:none; }	/*** "CRD Records" heading on every page to boost spider rankings ***/
		

#container {	/*** full screen container; text-align for IE bug ***/
	width:100%; margin:0; padding:0; text-align:center;  /* background:#EAEAEA; */ background:#FFF; }
#inner 	{ 	/*** page-size container ***/
	position:relative; width:770px; margin:0.5em auto 2.5em auto; height:auto; 
	padding:1px 3px; text-align:left; background:#FFFFFF; border:1px solid #69C; }
a.return 	{
	float:right; font:bold 0.8em arial; color:#69C; background:transparent; 
	text-decoration:none; padding:2px 0.5em;
	}
a.return:hover, a.return:focus, a.return:active {
	color:#FFF; background:#69C;
	}
	
		
	/******* TOP SECTION ********* ***********************/
#banner 	{ 
	width:764px; height:88px; margin:0; padding:0 3px; border-bottom: 3px solid #6AD; }
#banner img { 
	float:left; margin:0; padding:0px; border:0; }   	/*** CRD logo ***/
#banner p { 
	margin:0; padding:56px 0 0 0; font-family:"trebuchet ms",trebuchet,helvetica,sans-serif; 
	font-weight:bold; font-style:italic; font-size: 27px; color:#69C; }

#skip, #home, #jump, #skip2 { 
	position:absolute; top:-50px; left:169px; display:block; width:14.5em; text-indent:2em; 
	text-decoration: none; color:transparent; }
#jump:focus, #jump:hover, #jump:active { 
	position:absolute; top:0px; left:169px; width:0.1em; color: #fff; background: transparent;  }
#skip:focus, #skip:hover, #skip:active { 
	position:absolute; top:0px; left:169px; color: #fff; background: #6393F3; }
#skip2:focus, #skip2:hover, #skip2:active { 
	position:absolute; top:0px; left:169px; color: #fff; background: #6393F3; }
#home:focus, #home:hover, #home:active { 
	position:absolute; top:0px; left:169px; color: #fff; background: #6393F3; }
#sidediv	{  
	float:right; width:170px; margin:39px 16px 0 0; font-size:9px; line-height:13px; font-family:verdana; 
	color:#69C; text-align:right; background:transparent; }

			
	/******* BACKGROUND IMAGES IN INDEX & ABOUT US ********/
/*
body#index #content { 
	background: transparent url(../images/backg0.jpg) no-repeat 220px 40px; height:400px; }
*/
body#index #content { 
	background: transparent url(../images/backg1.jpg) no-repeat 220px 40px; height:400px; }
body#about #content { 
	background: transparent url(../images/backg1.jpg) no-repeat 220px 40px; height:400px; }
#content img.back { 
	margin:40px 0 66px 220px; }
			
	/******* BOTTOM SECTION ***************************/
#content { 	/*** border-top rule to cure Mozilla bug ***/
	position:relative; width:100%; margin:0; text-align:left;  border-top:0.01em solid #FFF; }
#content p  { 
	text-align:center; }


	/***********************************************/
#text	{ 
	margin:0px 0 0 190px; padding-bottom:3px; min-height:380px; }
h2	{
	font-weight:bold; font-size:1.5em;font-family: arial,helvetica,sans-serif; color:#58B; margin:14px 0 0 0; }

#toptext	{
	width:580px; height:41px; }
body#checkout #toptext p {
	 margin:2px 0; font-weight:bold; color:#F00; }
h3	{
	font-size:1em; font-family: arial,helvetica,sans-serif; }
#text p	{ 
	margin-left:2px; text-align:left; }
#text p.about { 
	width:490px; margin-left:24px; text-align:justify; }
#text p.aboutblue { 
	width:510px; margin-left:14px; text-align:justify; font-weight:bold; font-style:italic; 
	font-size:1.2em; line-height:1.6em; color:#58B; text-align:center; }
#text p.blue { 
	font-weight:bold; font-style:italic; font-size:1.2em; line-height:1.6em; color:#58B; text-align:center; }
.blue	 { 
	color:#58B; margin-bottom:22px; }
.blue span {
	float:right; font-weight:bold; font-size:0.68em;font-family: verdana,helvetica,sans-serif; 
	color:#F00; margin-right:2.8em;  }

#text p.aboutblue span { 
	float:right; padding:0.4em 1em 0 0; font-size:0.8em; font-style:normal; font-family:arial,helvetica,sans-serif; color:#AAA; }
#text a.mail { 
	font-weight:bold; color:#369 ; background:transparent; text-decoration:none; }
#text a.mail:hover { 
	color:#FFF; background:#369; }
.settext li {
	margin-bottom:4px; }

	/******* LEFT NAVBAR *****************************/
#navbar	{ 
	position:absolute; top:2px; left:0; width:165px; background:#EFEFFF; height:auto;  text-align:center; }

#menu	{ 
	list-style:none; margin:8px 0 12px 0; padding:0; }
#menu li	{ 
	text-align:left;  }
#menu a  { 
	width:148px; display:block; text-decoration:none; padding-left:15px; margin:0 3px; 
	font:bold 11px/22px arial; border-bottom:1px solid #C5CFC0; color:#333; }
#menu a.help  { 
	width:146px; display:block; text-decoration:none; padding-left:15px; margin:0 3px; 
	font:bold 11px/22px arial; border:1px solid #C5CFC0; color:#333; background:#FFF; }
#menu a.text { 
	background:#fff; }
#menu a span { 
	margin-left:-10px; visibility:hidden; }
#menu li a:focus, #menu li a:hover, #menu li a:active { 
	color:#FFF; background:#69C; }
#menu li i { 
	font-style:normal; text-decoration:underline; }


#address	{  
	width:170px; height:12em; margin:2.5em 0 0; font-size:9px; line-height:15px; font-family:verdana; 
	color:#868686; text-align:center; 
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EFEFFF', endColorStr='#FFFFFF', gradientType='0');  }
#searchbox { 
	width:170px; height:86px; background:transparent; margin:0; 
	color:#868686; text-align:center; 
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EFEFFF', endColorStr='#FFFFFF', gradientType='0');  }
#searchbox input#btnSearch { 
	font:bold 10px verdana; color:#D00; margin-top:3px; }

#searchbox input#btnSearch { 
	font:bold 10px verdana; color:#D00; margin-top:3px; }

#searchbox2 label { font:bold 10px verdana; color:#69C; line-height:10px; }
#searchbox2 { 
	position:absolute; top:18px; right:0; width:218px; height:margin:0px; background:#EFEFFF; 
	padding:4px 0 2px 8px; border:1px solid #D9D9D9; }
#searchbox2 input { 
	font:bold 11px verdana; color:#000; }
#searchbox2 input#btnSearch { 
	font:bold 11px verdana; color:#D00; margin-top:3px; }

#navbar p { 
	font:bold 10px verdana; color:#D00; text-align:center; }



	#showcart { float:right; width:360px; margin:2px 0 0 0; height:38px; }
	#showcart input { text-align:center; font:bold 10px "trebuchet ms", arial,sans-serif; }
	#showcart p { font-size:10px; margin:0; text-align:right; padding-top:2px; color:#000; }
	#showcart p#red { margin:3px 0 2px 0; color:#F00; padding:0 32px 0 0; }
	.lookbasket { margin:0px 18px 0 8px; float:right; padding:0; }
	.lookbasket fieldset { padding:0; border:0; width:80px; }
	.send2	{ float:right; padding-right:30px; }
	.send2 input { font:bold 10px "trebuchet ms"; }

	#cart td 	{ border-top: 1px solid #CCD; text-align:left; }
	#cart tr.totals em { font-style:italic; font-size:10px; }

/******************************
contact page mailform rules #e3e3cc
******************************/

	.mailform { width:560px; margin:10px 0; 
 		background:#ECECFF; border:1px solid #69C; padding:0; 
		font:11px/18px verdana,arial,sans-serif; }
	#crdmsge { padding:0; margin:8px 6px; }
	#crdmsge h2 { margin:4px 6px; }
	#crdmsge td { font:11px verdana,arial,helvetica,sans-serif; vertical-align:top; text-align:right; }
	#crdmsge td#slct { font:bold 11px verdana,helvetica,sans-serif; color:red; }
	#crdmsge input, select, textarea { font:bold 11px verdana,helvetica,sans-serif; padding:2px 0 2px 10px; }
	#crdmsge #textarea { padding:4px 0 0 12px; line-height:16px; }
	#crdmsge input#send, input#clear { margin:0; padding:0; font-weight:bold; }
	#crdmsge input#send { color:red; }

/*****************************
	info for testprod.php page

	#stock  { border:1px solid #999; background:#ddd; font:11px verdana; margin:0 auto; }
	#stock td { border-bottom:1px solid #666; padding:10px; }
	#stock input { font:11px verdana; color:#c33; }
	#stock #submit { font:11px "trebuchet ms"; }

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


	#distributors  { margin:0; padding:0; font:11px verdana,arial,helvetica,geneva,swiss,sans-serif; }
	#distributors img { width:72px; height:18px; border:none; margin:1px 0; }
	#distributors th { background:#8BE; color:#000;  padding:4px 12px; border:1px solid #333;}
	#distributors tr.normal td { padding:4px 0 4px 12px; background:#ECECFF; color:#000; vertical-align:middle; }
	#distributors tr.bluerow td { padding:4px 0 4px 12px; background:#CCCFFF; color:#000; }