/* ********* Set Defaults to Zero ******* */
form {
	margin: 0;
	padding: 0; 
	border: 0;
}

/* Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
	margin: 0;
	padding: 0;
}

hr { border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	height: 2px;
	margin: 0 auto 5px 0;
	text-align: left;
}

p { margin:2px 0px 6px 0px; padding:2px 0px 6px 0px;}

/* Apply left margin only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }
li { margin-left: 2.5em; list-style-image: url(../graphics/gray_pointer.gif); }

table { border-collapse: collapse; }


body {  font-size: 1em; /*this ses the font size for the all tags on the page.  Use ems to increase or decrease font size */
	/* font-size: .7em;  if this is set in % (100% is the browser default font size) or in em units (1 em = default size, .8 em is about 11px) the user will be able to change Text Size under the View menu. Setting a pixle size will prevent it */
	font-family: Arial, Helvetica, sans-serif ;
	margin-top: 0px; 
	text-align: center;  /*this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#808080;
}

input, select, textarea { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#999999;}

/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:160%;}
h2 { font-size:140%;}
h3 { font-size:100%; margin-left:1px;} /* padding added to compensate for an unexpected indention that displays in IE6 and Firefox  */
/* this contains everything in the site and controls centering and margins */	
#container{ 
	width: 810px;
	margin: 0 auto;
	margin-top: 0px; 
	margin-bottom: 20px; 
	height:100%;
	background-color:#FFFFFF;
	text-align: left;
}

#content-div {
	border:1px #CCCCCC solid; 
	margin:20px 0px 20px 20px; 
}

#cc-div {
	padding-left:10px;
	padding-right:10px; 
	padding-top:0px;
	height:235px; 
	font-size:75%;
	height:100%;
}

#cc-div h1 {font-size:160%; color:#FF8C3F; margin-top:6px; margin-bottom:6px;}

#cc-div table {font-size:100%; text-align:left;}

#cc-div2 {
	padding-left:10px; 
	height:222px; 
	font-size:75%;
	height:100%;
}

#cc-div2 h1 {font-size:160%; color:#FF8C3F; margin-top:6px; margin-bottom:6px;}

#cc-div2 table { border:0; width:95%;}
#cc-div2 th { background:#FFFCE8; font-weight:bold; border:solid 1px #ccc; height:24px;}
#cc-div2 td { 
	background:#FFF; 
	font-weight:normal; 
	border-bottom:solid 1px #ccc;
	border-left:0 hidden;
	border-right:0; 
	height:24px;
}

/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:135%;}
h2 { font-size:125%;}
h3 { font-size:85%;}
h4 { font-size:75%;}

/* ********* Default Anchor Style ******* */
a:link {color: #FF6600;	text-decoration: underline;}

a:visited {color: #FF6600; text-decoration: underline;}

a:hover {color: #0033CC; text-decoration: underline;}

a:active {color: #FF6600; text-decoration: underline;}

/* ********* Docs Anchor Style ******* */
 a:link.doclink {color: #999; font-size:90%; font-weight:bold; text-decoration: none;}

 a:visited.doclink {color: #999; font-size:90%; font-weight:bold; text-decoration: none;}

 a:hover.doclink {color: #FF8C3F; font-size:90%; font-weight:bold; text-decoration: underline;}

 a:active.doclink {color: #999; font-size:90%; font-weight:bold; text-decoration: none;}

/* *********** Font Color Classes ******** */
/* used for form validation */
.required{color: #C71444; font-weight:bold;}

.float-left { float:left;}
.float-right { float:right;}
.clear { clear:both;}

/* "For Product Information tables */
.table-head {background:#FFFCE8; font-size:12px; }
.table-list {border-bottom:1px solid #ccc; font-size:12px; background:#ffffff;}

/* "For New & Featured Products tables */
#new-products {width:570px; background-image:url(../graphics/bg_newprd.gif);}
#new-products td {width:190px; vertical-align:top; padding:0 8px 0 }
#new-products div {height:130px; margin-top:4px;}
#new-products img { margin-bottom:5px;}

#logindiv {padding:2px 0 0 30px; background-image:url(../graphics/subnav_loginbox.gif); background-repeat:no-repeat; height:103px;}

.login-cell { vertical-align:top; text-align:left; xwidth:186px; height:103px; xborder:1px solid #cccccc; }
.login-container { width:170px; overflow:hidden; padding:0px; margin:0px; margin-left:20px; text-align:left; }
.login-container iframe { height:125px; border:1px solid #ccc; width:164px; overflow:hidden;}
x.login-container .login-area { height:125px; }

.current-user { border:1px solid #ccc; width:160px; height:125px; padding:2px; font-size: 12px; }
.current-user div { padding-left:1em; font-size: 11px; }
.current-user li { list-style-image: url(../graphics/bullet.gif); }
.current-user li a{ color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; font-weight:bold; }

.login-top { background-image:url(../graphics/subnav_login_header.gif); background-repeat:no-repeat; height:19px; }
.login-top img{ margin-left:30px; margin-top:1px; }