/* SECTION START: Defined Selectors */

/* Here's where we define the basic link set-up */
/* You need the next five things to make them all work */
#checkoutbox {
float: right;
border: 4px solid #ccc;
padding: 2px;
margin: 5 10 0 0;
width: 113px;
text-align: center;
background: #aa0000;
}
#checkoutbox2 {
float: right;
border: 4px solid #ccc;
padding: 2px;
margin: 5 10 0 0;
width: 113px;
text-align: center;
background: #000099;
}
div.pbreak {page-break-before:always}
.valERR {
font-size: 20px;
font-weight: bold;
color: #f00

}
#checkoutbox a {
color: #ffffff;
}
#checkoutbox2 a {
color: #ffffff;
}

a	
	{
		text-decoration:	none;
		font-weight:	bold;
	}

a:link	
	{
		color:	#006;
		background-color: transparent;
	}

a:visited	
	{
		color:	#333;
		background-color: transparent;
	}

a:active	
	{
		color:	#600;
		background-color: transparent;
	}

a:hover	
	{
		color:	#C00;
		background-color: transparent;
		text-decoration:	none;
	}

/* Although you can specify font color and background color in the body, */
/* you should do this with HTML in the HTML body tag as well to help */
/* older browsers */
body    
	{
    	margin:	0;
    	padding:	0;
    	color:	000;
    	background-color:   #fff;
    }

/* We're going to go ahead and name all of these at once. */
body, h1, h2, h3, h4, h5, h6, h6, h7, p
	{
		font-family:	Arial, Helvetica, sans-serif;
	}

/* h1 is what we'll use for the main headline on each page */
h1
	{
		font-size:	24px;
		font-weight:	bolder;
	}
h1.pagehead { color: #0000CC; }
/* h2 is used for subheadings */
h2
	{
		font-size:	18px;
		font-weight:	bold;
		color: #00000;
	}

/* h3 is a smaller subhead class; also used for list titles */
h3
	{
		font-size:	12px;
		font-weight:	bold;
	}

/* It's important that list items have text the same size as body text */
p, li
	{
		font-size: 11px;
		font-weight: normal;
	}

/* SECTION END: Defined Selectors */

/* SECTION START: mo'betta rollovers */

img.ala {background: transparent; margin-right: 4px;}

a.ala {background: #fff;}

a.ala:hover {background: #f1f1f1;}

/* SECTION END: mo'betta rollovers */

/* SECTION START: Classes Restricted by Selector */
		
/* h1.ahem shows up on non-CSS to show them why their pages look funny */
/* it's invisible on CSS-enabled browsers */
h1.ahem 
	{
		display:	none;
	}

/* This is what we're using for the small bar with the address at the bottom of each page.  */
p.btmaddress
	{
		text-align:	center;
	}

/* By separating this out, we'll be able to make these bolder or lighter at will */
span.pipes
	{
		font-weight:	bold;
	}

/* SECTION END: Classes Restricted by Selector */
	
	
/* SECTION START: Unrestricted Classes */

/* these 3 can be added to header tags, lists, and paragraph tags to fix line spacing problems */
.flushtop
	{
		margin-top:	-1em
	}

.flushbtm
	{
		margin-bottom:	-1em;
	}

.flushboth
	{
		margin-top:	-1em;
		margin-bottom:	-1em;
	}
	
.links {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000066}
.headline {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; color: #333333; }
.subhead { font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; text-decoration: none; color: #000000; }


/* SECTION END: Unrestricted Classes */

p.large { font-size: 12px; }
span.num { font-size: 50px; font-family: Georgia, Times, "Times New Roman"; }
span.title { font-size: 18px; color: red; font-weight: bold; }
.red { color: red; }
.blue { color: #000099; }
h2.bg { background: #E7E7E7;}
ul.inline {
	list-style-type: none;
	}
	


ul.inline li, ul.dot li {
	display: inline;
	padding-left: 5px;
	font-size: 18px;
	margin-left: 2px;
	color: red;
	}
ul.dot { list-style-type: circle; !important }
ul.circle li { display: inline; list-style-type: circle; padding-right: 10px; font-size: 12px; }
ul.large li { font-size: 14px; }
div.shade {
	width: 500px;
	background: #F7F7F7;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-top: 5px;
	text-align: left;
	font-size: 12px;
	}

div#inner {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	text-align: center;
	}
div#inner div#center {
	margin: 0 auto;
	width: 500px;
	text-align: center;
	}
blockquote.quote {
	font-style: italic;
	font-weight: bold;
	background: #F7F7F7;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	}

div#inner table.form {
	border: 1px solid red;
	width: 100%; 
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica;
	margin: 5px;
	}
table.form tr {
	background: #F7F7F7;
	}

.Form
    		{
        BORDER-RIGHT: #b3b9b6 1px solid;
        BORDER-TOP: #b3b9b6 1px solid;
        FONT-SIZE: 10pt;
        BORDER-LEFT: #b3b9b6 1px solid;
        COLOR: #000000;
        BORDER-BOTTOM: #b3b9b6 1px solid;
        FONT-FAMILY: Arial, sans-serif;
        BACKGROUND-COLOR: #ffffff
    		}

.FormButton
    		{
        BORDER-RIGHT: #b3b9b6 1px solid;
        BORDER-TOP: #b3b9b6 1px solid;
        FONT-SIZE: 10pt;
        BORDER-LEFT: #b3b9b6 1px solid;
        BORDER-BOTTOM: #b3b9b6 1px solid;
        FONT-FAMILY: Arial, sans-serif;
        BACKGROUND-COLOR: #f7f7f0
    		}
			
.custom_id {	font-size: 12px;
	font-weight: bold;
}			

.border {
	border: thin dashed #000000;
}

.border2 {
	border: thin solid #000000;
}
.border3 {
	border: thin dashed #000000;
	background: #ffff33;
}
.border4 {
	border: thin solid #000000;
	background: #cc0000;
}


.testimonialbox {
	border: thick solid #5B86DF;
	background-color: #D1E1FA;
	padding-left: 3 3 3 3;
}