/*

+-------------------------------------------------------------------------+

Title:		Cardinal Glass / Catalogs styles

Author:		tag for conbrio design

Version:	1.0

Copyright:	2009 - tagranville

Updated:	1/07/09

+-------------------------------------------------------------------------+

*/
/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}


:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
	font-weight:normal;} 

caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* Additional */

form label {cursor: pointer;}

fieldset {border: none;}

abbr, acronymn {text-decoration: none; border:0;	speak: spell-out;}

.clear {clear: both;}

#skip-nav, .hide, hr {display: none;}



/* body styles ----------------------------------------------------------- */

/* ----------------------------------------------------------------------- */

body {

	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	color: #666666;
	margin: 0; padding: 0;	
	text-align: center;}

#catalogs {
	width: 760px;
	margin:0 auto;
	position: relative;
	text-align: left;
	padding: 0;}

/* Left Side */

#left {width: 540px; margin-top: 39px; float:left;}

#left h1 {
	display: block;
	width: 520px;
	height: 42px;
	text-indent: -5000px;
	background: url(images/header_selectcatalog.gif) top left no-repeat;}
	
#catmenu ul {
		position: absolute; 
		top: 237px;
		display: block;
		width: 520px;
		list-style-type: none;
		margin: 0px; padding: 0px;	}

#catmenu ul li {
			float: left;
			height: 172px;
			margin: 0px; padding: 0px;
		}		

#catmenu ul li a {
				display: block;
				padding-top: 172px;
				overflow: hidden;
				height: 0px !important;
				height /**/:172px; /* IE5/Win */}
			
#catmenu ul li a:hover,
#catmenu ul li a.on {background-position: 35px -172px;}	
			
#cat-cs a {width: 119px; background: url(images/nav_cs.jpg); background-repeat:no-repeat; text-align:center;}
#cat-arc a {width: 158px; background: url(images/cardinalport.gif);background-repeat:no-repeat;text-align:center; background-position: 35px 0; }
#cat-ele a {width: 159px; background: url(images/zenix.gif);background-repeat:no-repeat;text-align:center; background-position: 35px 0;}
#cat-fd a {width: 158px; background: url(images/nav_fd.jpg);background-repeat:no-repeat;text-align:center; background-position: 35px 0;}

#catcontent	{
position:absolute;
top: 450px;
	background:#f5f5f5;	
	width: 500px;
	padding: 20px 10px 20px 10px; }
	
#catcontent p	{
	margin: 0px 10px 8px 10px;	}

	
/* Right Side */

#right {width: 220px; margin-top: 39px; float:right;}

#right h1 {
	display: block;
	width: 220px;
	height: 42px;
	text-indent: -5000px;
	background: url(images/header_sellsheets.gif) top left no-repeat;}
	
#sellcontent	{
	background: #E2EDF5;
	width: 220px;	
	padding: 16px 0px 16px 0px;}
	
#sellcontent a, #sellcontent a:link, #sellcontent a:active	{
	color: #CD142C;
	font-weight: bold;	}
	
#sellcontent a:hover	{
	color: #EAAB18;
	font-weight: bold;	}

.sellcell	{
	height:68px; 
	display:block;	}
	
.sellcell img	{
	width: 58px; height: 58px;
	margin-right: 8px;
	border: #ffffff 1px solid;
	margin-left: 12px;
	float:left;	}
	
.sellcell a:link, .sellcell a:active	{
	color: #CD142C;
	font-weight: bold;	}
	
.sellcell a:hover	{
	color: #EAAB18;
	font-weight: bold;	}
	
/* Full page */


#full	{width:750px; margin-top:39px;}
#sellcontent-f	{
	width: 250px;	
	padding: 6px 0px 16px 0px;
	float: left;}
#sellcontent-f a:link, #sellcontent-f a:active	{
	color: #CD142C;
	font-weight: bold;	}
	
#sellcontent-f a:hover	{
	color: #EAAB18;
	font-weight: bold;	}

.sellcell-f	{
	height:68px; 
	display:block;	}
	
.sellcell-f img	{
	width: 58px; height: 58px;
	margin-right: 8px;
	border: #ffffff 1px solid;
	margin-left: 12px;
	float:left;	}
	
.sellcell-f a:link, .sellcell-f a:active	{
	color: #CD142C;
	font-weight: bold;	}
	
.sellcell-f a:hover	{
	color: #EAAB18;
	font-weight: bold;	}


	


/* cardinal glass css */
.body {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #000000;}
.body2   { color: black; font-size: 10px; font-family: Geneva, Arial, Helvetica, san-serif;}
.header {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000;}
.footnote {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 9px;}
a:active {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #000000;}
a:hover {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #a3cfe0;}
a:link {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #000000;}
a:visited {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #000000;}

#Table_01 table td p.greyarea 	{  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #000000;}

.greylink a { color: #B11717; text-decoration: none; font-weight: bold; }
.greylink a:hover { 	color: #005254; text-decoration:underline; }
.greylink a:active {	color: #FEB62F; }

#footer	{width:600; font-family:Geneva, Arial, Helvetica, san-serifs; font-size:10px; color:#333333; text-align:center;}
#footer a:active {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; color: #ffffff}
#footer a:hover {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #002852}
#footer a:link {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #ffffff}
#footer a:visited {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #ffffff}