/*

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

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;}


/* New page layout styles */
#wraper { width:760px; margin:0 auto; text-align:left; }
#left2 {width: 538px; padding-top: 39px; vertical-align:top; }
.left-h1 {display: block; width: 520px; height: 42px; text-indent: -5000px; background: url(images/header_selectcatalog.gif) top left no-repeat;}
.cattext {background:#f5f5f5; width: 500px; padding: 20px 10px 20px 10px;} 
.cattext p	{ margin: 0px 10px 8px 10px;}
#right2 {width: 220px; padding-top: 39px; vertical-align:top; }
.right-h1 {display: block; width: 220px; height: 42px; text-indent: -5000px; background: url(images/header_sellsheets.gif) top left no-repeat;}
#home-footer { text-align:center; padding-top:10px; padding-bottom:10px; margin-bottom:20px; margin-top:20px; background-color:#CADEED;}
#home-footer a:link{ color:#666666; }
#home-footer a:visited{ color:#666666; }

#footer2 { width:760px; clear:both; text-align:center; padding-top:10px; padding-bottom:10px; margin:20px auto; background-color:#CADEED;}
#footer2 a:link{ color:#666666; }
#footer2 a:visited{ color:#666666; }
/* ---------------------------------------------------------------------------- */

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

/* 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 {width: 540px; clear:both; margin-bottom:240px;}
#catmenu ul {
		width: 520px;
		list-style-type: none;
		margin: 0 auto; padding: 0px;
		margin-top:40px;	}

#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 0px 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:20px; margin-left:10px;}

.sellsheets-hdr-2009 {background-image:url(images/2009-pagehead.gif); background-repeat:no-repeat; height:22px; margin-top: 15px; text-align:right; padding-top:20px; padding-right: 25px; text-decoration:none;}
.sellsheets-hdr-2010 {background-image:url(images/2010-pagehead.gif); background-repeat:no-repeat; height:22px; margin-top: 15px; text-align:right; padding-top:20px; padding-right: 25px; text-decoration:none;}
.sellsheets-hdr-2011 {background-image:url(images/2011-pagehead.gif); background-repeat:no-repeat; height:22px; margin-top: 15px; text-align:right; padding-top:20px; padding-right: 25px; text-decoration:none;}
.sellsheets-hdr-2012 {background-image:url(images/2012-pagehead.gif); background-repeat:no-repeat; height:22px; margin-top: 15px; text-align:right; padding-top:20px; padding-right: 25px; text-decoration:none;}
.sellsheets-hdr-2013 {background-image:url(images/2013-pagehead.gif); background-repeat:no-repeat; height:22px; margin-top: 15px; text-align:right; padding-top:20px; padding-right: 25px; text-decoration:none;}
.sellsheets-hdr-2014 {background-image:url(images/2014-pagehead.gif); background-repeat:no-repeat; height:22px; margin-top: 15px; text-align:right; padding-top:20px; padding-right: 25px; text-decoration:none;}

.sellcontent-f	{
	width: 250px;	
	padding: 6px 0px 0px 0px;
	float: left;}
.sellcontent-f a:link, .sellcontent-f a:active, .sellcontent-f a:visited{
	color: #CD142C;
	font-weight: bold;	}
	
.sellcontent-f a:hover	{
	color: #EAAB18;
	font-weight: bold;	}

.sellcell-f	{ width:240px; height:68px; padding-top:10px; display:block; border:1px solid #E2E7ED;}
	
.sellcell-f img	{
	width: 58px; height: 58px;
	margin-right: 8px;
	border: #ccc 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}