/*
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: 20px 0 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: 0 20px 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: #EEE; }
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;  }
a.button {
	background-color: #E6E6E6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	padding: 5px 14px 6px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-left: 20px;
	text-decoration: none;
	border-bottom-color: #BBB;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
a.button:hover {
	background-color: #C43C35;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	border-color: #C43C35 #C43C35 #882A25;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#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: #FF0000;
    margin: 0 auto;
    text-align: left;
    width: 400px;
}
.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; }