/* this is used for the background gradient */
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:1200px;
}
/* this is used for the background gradient */
#content {
position:relative;
z-index:1;
}
#contentImage {
position:relative;
z-index:1;
}

#buyNowTitle {
font-size: 16px; 	
}

.genericTitle {
font-family: Verdana;
font-size: 20px;
font-weight: bold;
color: #03314b;
text-align: center;
}

.successMessage {
	color: green;
	font-size: larger;
	}

BODY {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	background-color: #ddd9dc;
	background-repeat: repeat;
}

/* negates background color set in the body element */
/* main layout page table */
#main,#main_green {
	border-collapse: collapse;
	border-right: #444444 1px solid;
	border-top: #000000 0px;
	border-left: #444444 1px solid;
	border-bottom: #444444 1px solid;
}

#main_green,.green {
	
}

.purple {
	background-color: #d5cbc2;
}

/* =============== LINKS =============== */
/*
A:visited {
	color: #ffffff;
	text-decoration: none;
}

A:link {
	color: #ffffff;
	text-decoration: none;
}

A:hover {
	color: #ffffff;
	text-decoration: underline;
}

A.forum_links,A.admin_links {
	text-decoration: underline;
}
*/

#HeadMenu a:link {color:#faf0e6; background-color: #663300; text-decoration: none; font-size: 14pt;}
#HeadMenu a:active {color:#faf0e6; background-color: #663300; text-decoration: none; font-size: 14pt;}
#HeadMenu a:visited {color:#faf0e6; background-color: #663300; text-decoration: none; font-size: 14pt;}
#HeadMenu a:hover {color:#3478ff; background-color: #faf0e6; text-decoration: none; font-size: 14pt;}

#Sidebar_Right a:link {color:#ff00ff;}
#Sidebar_Right a:active {color:#ff00ff;}
#Sidebar_Right a:visited {color:#ff00ff;}
#Sidebar_Right a:hover {color:#ff00ff;}

#MainText a:link {color:#ffff00;}
#MainText a:active {color:#ffff00;}
#MainText a:visited {color:#ffff00;}
#MainText a:hover {color:#ffff00;}

#upperRightLinks {
	float: right;
	z-index: 1;
	font-family: "Trebuchet-MS";
	font-size: 10pt;
	margin: 0 30px 0px 0px;
	padding: 0 30px 0px 0px;
	color: #ffffff;		
}

#upperRightLinks a:link {color:#ffffff;}
#upperRightLinks a:active {color:#ffffff;}
#upperRightLinks a:visited {color:#ffffff;}
#upperRightLinks a:hover {color:#cccccc;}
	

/* =============== TILES =============== */
#topNavTile {
	
}

#headerTile {
	
}

#headerTitleTile {
	
}

#bodyTile {
	background-color: #ffffff;
}

#footerTile {
	
}

#footerNavTile {
	padding: 10px;
	background-image: url("/img/circle background.jpg");
	background-repeat: repeat;
	font-size: 10px;
}

/* =============== PAGE HEADING/SUBHEADING =============== */
#heading {
	text-align: center;
	/*padding: 10px 0px 5px 0px; */
}

.title {
	font-size: 20px;
	font-weight: bold;
	color: #3d5696;
	text-decoration: none;
}

.subTitle {
	font-size: 16px;
	font-weight: bold;
	color: #726461;
}

.subTitle2 {
	font-size: 15px;
	font-weight: bold;
	color: #4d90be;
}

.emailReadOnly {
	background-color: #cccccc;	
	font-size: larger;
}

/* =============== TEXT STYLING =============== */
.underline {
	text-decoration: underline;
}

.noBold {
	font-weight: normal;
}

.registerMark {
	vertical-align: super;
	font-size: 8px
}

.disabled {
	color: #aaaaaa;
}

.red {
	color: #ff0000;
}

.white {
	color: #ffffff;
}

/* =============== TAGS =============== */
ul {
	text-align: left;
}

p {
	padding-right: 14px;
	padding-left: 14px;
}

/* =============== TABLE COLUMNS/ROWS/CELLS =============== */
.shoppingCart {
	border-width: 1px;
	border-style: solid;
	border-color: #003966;
}

/* =============== ERRORS/MESSAGES =============== */
.errors {
	font-weight: bold;
	color: #ff0000;
}

.errors_white {
	font-weight: bold;
	color: #ffffff;
}

.errorMessage {
	color: red;	
}

.errorLabel {
	color: red;	
}

.success {
	font-weight: bold;
	color: #58c88c;
}

.success_white {
	font-weight: bold;
	color: #ffffff;
}

/* =============== WRAPPERS =============== */
#content {
	padding-right: 14px;
	padding-left: 14px;
	text-align: left;
}

#wrapper {
	padding: 0px 40px 50px 40px;
}

#wrapper2 {
	padding: 15px 0px 0px 40px;
}

#wrapper3 {
	padding: 10px 80px 10px 0px;
}

#wrapper4 {
	padding: 10px 20px 25px 20px;
}

#wrapper5,.wrapper5 {
	padding: 5px 5px 5px 5px;
}

.fixed12 {
	font-size: 12pt;
	margin-left: 25px;
	padding-left: 25px;
}

.fixed15 {
	font-size: 14pt;
	margin-left: 25px;
	padding-left: 25px;
}

.indexCenter {
	font-size: 10pt;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 25px;
	margin-right: 25px;
	color: #333333;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.testimonial {
	border-left: 50px;
	border-right: 50px;
	margin-left: 50px;
	margin-right: 60px;
	font-size: 10pt;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.breadtrail {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller; 
	margin-left: 30px; 
	padding-left: 30px;
}

.orderCompat {
	font-weight: bold;	
	left-padding: 25px;
	left-margin: 25px;
}
/* ========================== used for drop downs =========================*/
.outlinemenu{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 180px; /*default width of menu*/
border: 1px solid black;
overflow-x: hidden;
}

.outlinemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.outlinemenu ul li a{
background: white;
font: bold 13px "Lucida Grande", "Verdana", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 5px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

.outlinemenu ul li a:visited, .outlinemenu ul li a:active{
color: #00014e;
}

.outlinemenu ul li a:hover{
color: black;
background: #ffffcb;
}

.congrats {
margin-top: 100px;
margin-left: 50px;
font-size: larger;
}

.buyNow_standard{
	font-size: .9em;	
}
.buyNow_smaller{
	font-size: .7em;	
}

#tryFirst {
font-size:15px;
font-weight:bold;
line-height:20px;
padding-bottom:0;
padding-top: 20px;
margin-top: 20px;
}

.smallNote {

color: #4d90be;
text-align: center;
font-weight: bold;
	
}

/* Holly Hack for IE \*/
* html .outlinemenu li {height: 1%; }
* html .outlinemenu li a { height: 1%; }
/* End */