/*
Web Site and CSS Design by Geiger Computers
http://geigercomputers.com

/*COLORS
______________________________

bg gray:	#595858
dark red:	#710000
gray text:	#404040
row hover:	#C6D4DC


/* RESET
______________________________*/

*								{ margin:0; padding:0 }
html							{ overflow: scroll }
html, body						{ height: 100% }
body							{ font-size: 100% }
div								{ position: relative }
h1, h2, h3, h4, h5, h6			{ font-size: 100%; font-weight: normal }
ul								{ list-style: none }
strong							{ font-weight: bold }
em								{ font-style: italic }
a img							{ border:none }
a								{ outline: none }
a:focus							{ outline: 1px dotted invert }
hr								{ border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0 }
table							{ border-collapse:collapse }

/* GLOBAL SETTINGS
______________________________*/

.aligncenter					{ display:block; margin:0 auto }
.alignleft						{ float:left }
.alignright						{ float:right }
.clear							{ clear:both; display:block; }
.center							{ text-align: center }
del								{ text-decoration: line-through }
a								{ text-decoration: none }
img.alignright					{ padding: 0 0 10px 10px }

/* STRUCTURE / HEADER / TOP NAV
______________________________*/

body							{ color: #404040; font-family:'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif; background-color: #595858; }
#wrap							{ width: 980px; margin: 0 auto; background: #FFF url(images/wrap-bg.gif) repeat-y; }
#header h1 a					{ display: block; height: 69px; background: url(../images/crystalonics-header.gif) no-repeat; text-indent: -9000px; text-decoration: none; }
a								{ text-decoration: underline; color:#F00; }
a:hover							{ text-decoration: none; color:#710000; }
#address p 						{ color:#000000; font-size:0.8em; font-weight:bold; line-height:1.3em; text-align:center; }
#top-nav						{ margin: 15px 10px 0; height: 25px; background:url(images/nav-bg.gif) no-repeat; padding: 0 0 0 350px; }
#top-nav ul						{}
#top-nav li						{ float: left; }
#top-nav li.first				{ background: url(images/nav-first.gif) no-repeat; padding-left: 12px; }
#top-nav li.last				{ background: url(images/nav-last.gif) no-repeat top right; padding-right: 12px; }
#top-nav li a 					{ background: url(images/nav-link-bg.gif); color:#000000; display:block; float:left; font-size:14px; padding:3px 15px 4px 14px; text-decoration:none; text-transform:uppercase; font-style: italic;  }
#top-nav li a:hover				{ color: #FFF; background: #595858; }
#top-nav li a:active			{ color: #FFF; background: #000; }

/* SIDEBAR
______________________________*/

#sidebar						{ width: 160px; float: left; background-color: #710000; margin-left: 10px; font: 0.8em Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #FFF; }
#sidebar h2						{ color: #F00; font-weight:bold; font-size: 1.3em; font-style: italic; padding:8px 0 8px 5px; border-top: 1px solid #8d2222; border-bottom: 1px solid #460000; }
#sidebar h2.first				{ padding-top: 0; border-top: none; } 
#sidebar a						{ color: #FFF; text-decoration: none; }
#sidebar ul						{ padding: 8px 0; border-top: 1px solid #8d2222; border-bottom: 1px solid #460000; }
#sidebar ul ul					{ padding: 0; border: none }
#sidebar ul li a				{ display: block; padding: 5px; }
#sidebar ul ul li a				{ padding-left: 15px; background: url(images/list-bullet.gif) no-repeat 5px 10px; }
#sidebar ul li a:hover,
#sidebar ul ul li a:hover		{ background-color: #AD0000; }
#sidebar ul li.text				{ padding: 5px; font-weight: bold; }

/* PAGE CONTENT
______________________________*/

#page							{ float: left; width: 760px; padding: 10px 20px 20px; }
#page h1						{ color: #FFF; font-style: italic; font-weight: bold; background: #000 url(images/page-header-bg.gif) no-repeat; margin: 0 -20px 10px; padding: 0 20px; font-size: 1.2em }
#page h2						{ background: #d0cfcf url(images/h2-bg.gif) repeat-x; border: 1px solid #710000; text-align: center; color: #000; margin-bottom: 10px; font-weight: bold }
#page h3						{ font-weight:bold; color: #710000; }
.copy							{ padding: 20px; }
.copy p 						{ font-size:0.8em; line-height:1.5em; text-align:justify; padding-bottom: 15px }
ul.center-list					{ margin: 0 0 20px 250px; }
ul.left-list					{ margin: 0 0 20px 20px; }
ul.center-list li,
ul.left-list li					{ padding: 5px 0 5px 20px; background:url(images/list-bullet2.gif) center left no-repeat; font-size: 0.8em }
ul.left-list li					{ background-position: 0px 10px; }
.contact						{ width: 400px; float:left; margin: 20px auto; padding: 20px; background: #DDD; border: 2px solid #710000;  }
.contact p						{ padding: 10px 20px }


/* TABLE CONTENT
______________________________*/
table							{ margin: 20px 0; width: 100%; }
table.no-top					{ margin-top: 0px; }
th, td.cellHeader				{ font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.8em; color: #FFF; background: url(images/cellHeaderBg.gif) repeat-x; padding: 3px; border: 1px solid #333333;}
td.cellHeader					{ font-weight: bold; text-align: center; }
td 								{ font-size: 0.8em; padding: 3px; border-bottom: 1px solid #CCC; }
.hover							{ background-color: #c6d4dc; }
table.slim						{ width: 14%; float: left; }


/* FOOTER
______________________________*/

#footer							{ width: 940px; margin: 0 auto; background: #710000 url(images/footer-bg.gif) repeat-y; color: #FFF; font-size: 0.8em; padding:20px 20px 10px;  }
#design-by						{ width: 980px; margin: 0 auto 20px; text-align: center; font-style: italic; padding: 0; font-size: 0.8em; color: #DDD;  }
#design-by a					{ color: #FFF; }

/* ORDER FORM AND INPUTS
______________________________*/

.note, .review					{ border: 2px solid #CCC; background-color: #EEE; padding: 10px; margin: 10px 0; text-align: center; }
.note p.error					{ color: #F00; }
.review							{ text-align: left; }
#page .review h3				{ padding: 20px 0 5px; }
form							{ margin: 20px 0; }
fieldset.order-form				{ border: 2px solid #CCC; padding: 10px; width: 70%; margin: 10px 0 20px;}
legend							{ color: #710000; font-weight: bold; }
label							{ display: block; font-size: 0.8em; padding-top: 10px; }
input, table input				{ font-size: 1em; }
#thawteseal						{ text-align: center; width: 200px; float: right; }