/* Sytles for CSM online purchasing system */

/*   VERSION 121025.01   */

body		
	{
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(/images/fine_gray_lines.gif);
	color: #000000;
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: 0px 0px;
	}
		
div#container		
	{
	margin: 10px auto 10px auto;
	width: 750px;
	border:#979797 2px solid;
	background-color:#ffffff;
	text-align:left;
	padding: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		
div#content
	{
	margin:0px;
	/*height:530px;*/
	font-size:11px;
	}
		
div#headline
	{
	width:100%; 
	padding:20px 0px 0px 0px; 
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:bold; 
	border-bottom:solid 1px #979797;
	}
		
div#footer
	{
	margin-top:30px; 
	border-top:solid 1px #cccccc; 
	padding-top:5px; 
	text-align:center; 
	color:#666666; 
	font-size:11px;
	}
	
div#noscript {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-image: url(http://csmspace.com/images/overlay-background2.png);
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
}
div#noscript div { width:600px; margin:100px auto; border:solid 4px #c00; border-radius:10px; padding:20px; background-color:#fff; }
div#noscript div img { float:left; }
div#noscript div p { width:85%; float:right; line-height:1.3em; margin:1em 0; padding:0; }


.func_head  { font-size:12px; font-weight:bold; text-align:center; padding:30px 0px 20px 0px; }

.step_head	{ color:#999999; font-weight:bold; font-size:12px; }

.go_back	{ margin-top:30px; color:#FF6633; }
	
.gray_text10, .gray_text11  { color:#999999; font-size:10px; }

.gray_text11  { font-size:11px; }

.bold_red	{ color:#FF6633; font-weight:bold; }

.tablerowid
	{
	font-weight:bold;
	font-size:11px;
	padding:3px 20px 3px 10px;
	}
	
.tableitem
	{
	font-weight:normal;
	font-size:12px;
	padding:3px 10px 3px 0px;
	}
	
.tablenorm
	{
	font-weight:normal;
	font-size:1em;
	padding:3px 10px 3px 0px;
	}
	
.tableitemindent
	{
	font-weight:normal;
	font-size:12px;
	padding-left:20px;
	}

table#cart { width:100%; }
table#cart tr.shaded { background-color:#e0e0e0; }
table#cart td, td.ra { padding:2px 5px; }
table#cart td.colhead, td.colhdra { padding:4px 5px; background-color:#E47A33; font-weight:bold; color:#ffffff; }
table#cart td.colhdra, td.ra { text-align:right; }

table#confirm td  { vertical-align:top; font-size:11px; padding:5px 0px; border-top:solid 1px #e0e0e0; }

input, textarea, select 
	{
	padding:4px;
	border:1px solid #515151;
	font-size:0.9em;
	line-height:1.1em;
	color:#000000;
	}
	
/*select { font-family:"Lucida Console", Monaco, monospace; font-size:12px; letter-spacing:-1px; }*/
option { padding:2px 5px; }
	
label  { font-size:0.9em; }

textarea { 	font-size:11px; }

input { vertical-align:middle; }
	
input.noborder { border:none; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }
a.button { border:none; text-decoration:none; }
a img { border:none; text-decoration:none; }
a.footerlink { color:#666666; font-size:10px; }

li { padding:0.5em 0em; }

div.graytab  { margin:20px 0px 0px 10px; padding:5px 10px; width:210px; font-weight:bold; color:#ffffff; background-color:#999999; }
div.graytabbox  { clear:left; padding:10px; border:solid 1px #999999; }


