/********************************************/
/********************************************/
/********************************************/
/************** STYLE BY TAG ****************/

body {
   background: #FFFFFF;
   background-image: url(../images/bg.jpg);
   margin-top: 0;
   margin-left: 0;
   margin: 0 0 0 0;
   font-family: Verdana, Tahoma, Arial, sans-serif;
   color: #44484A;
   text-align: center;
}


p {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size: 10px;
   color: #44484A;
}

td {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size: 10px;
   color: #44484A;
}

a:link, a:active, a:visited, a:hover {
   text-decoration: none;
}


/********************************************/
/********************************************/
/********************************************/
/************** STYLE BY CLASS **************/

/* Main <div> tag for holding content */
.divMain {
   width: 600px;
   border: 0px;
   display: block;
   text-align: center;
}

/* <div> tag for holding content (first section under menu) */
.divCBMain {
   background-image: url(../images/whiteBG.jpg);
   background-color: #FFFFFF;
   width: 600px;
   height: 191px;
   border: 0px;
   /* display: block; */
   /* position: static; */
   text-align: center;
}

/* <div> tag for holding content (second section under menu) */
.divLowMain {
   background-color: #FFFFFF;
   position: static;
   width: 600px;
   height: 213px;
   border: 0px;
   display: block;
   text-align: center;
}

/* .headerXXXXXX are content headings */
.headerGrey {
   font: bold 12px Tahoma;
   text-transform: uppercase;
   color: #696C6E;
}

.headerOrange {
   font: bold 12px Tahoma;
   text-transform: uppercase;
   color: #EA9810;
}

.headerLGrey {
   font: bold 12px Tahoma;
   text-transform: uppercase;
   color: #E6E6E6;
}

.headerWhite {
   font: bold 12px Tahoma;
   text-transform: uppercase;
   color: #FFFFFF;
}

.headerWhiteV {
   font: bold 12px Verdana;
   text-transform: uppercase;
   color: #FFFFFF;
}

.headerLBlue {
   font: bold 12px Tahoma;
   text-transform: uppercase;
   color: #80D9FF;
}

.headerDBlue {
   font: bold 12px Tahoma;
   color: #0372A7;
}

.headerDBluev {
   font: bold 12px Verdana;
   color: #0372A7;
}

/* .textXXXXX are regular text colors */
.textLGrey {
   color: #E6E6E6;
}

.textDGrey {
   color: #696C6E;
}

.textBlackBig {
   font: 12px Verdana;
   color: #000000;
}

.textDBlueBold {
   font: bold;
   color: #0372A7;
}

.textDGreyBig {
   font: bold 12px Verana;
   color: #44484A;
}

.textWhite {
   color: #FFFFFF;
   font: 10px Tahoma;
}

.textBlack {
   color: #000000;
}

.textBlackT {
   color: #000000;
   font: 10px Tahoma;
}

.textQuoteRed {
   font: 12px Verdana;
   color: #FF0000;
}

/* .linkXXXX are link colors with the hovers */
.linkOrGr {
   color: #AACC26;   
}

.linkGrOr {
   color: #AACC26;   
}

.linkGrOr:hover {
   color: #EA9810;   
}

.linkBlOr {
   color: #0372A7;   
}

.linkBlOr:hover {
   color: #EA9810; 
   cursor: pointer;  
}

.linkWhBl {
   color: #FFFFFF;   
}

.linkWhBl:hover {
   color: #0372A7;   
}

.price {
   color: #990000;   
}

/* <div> for bottom menu (footer) */
.botMenu {
   width: 600px;
   height: 58px;
   background-image: url(../images/botBG.jpg);
   background-repeat: no-repeat;
   color: #D8D8D8;
   font: 10px Tahoma;
   vertical-align: middle;
   text-align: left;
   /* padding: 25px; */
   /* position: relative; */
   /* display: block; */
}

.botMenu a {
   color: #D8D8D8;
}

.botMenu a:hover {
   color: #EA9810;
}

/* Buttons for forms */
.inputButton {
   background-color: #ECF5FB;
   font-size: 10px;
   font-family: Verdana;
   border-color: #696C6E;
   border-width: 1px;
   border-style: solid;
   margin-left: 4px;
   margin-right: 4px;
   margin-top: 4px;
   margin-bottom: 4px;
}

.inputButton:active {
   background-color: #FFFFFF;
}

 /* Text boxes for forms */
.inputText {
   background-color: #ECF5FB;
   font-size: 10px;
   font-family: Verdana;
   border-color: #696C6E;
   border-width: 1px;
   border-style: solid;
   margin-left: 4px;
   margin-right: 4px;
   margin-top: 4px;
   margin-bottom: 4px;
   border-right: 2px solid #333333;
   border-bottom: 2px solid #333333;
}

input:focus {
   background-color: #FFFFFF;
}

 /* Drop downs for forms */
.selectText {
   background-color: #ECF5FB;
   font-size: 10px;
   font-family: Verdana;
   border-color: #696C6E;
   border-width: 1px;
   border-style: solid;
   margin-left: 4px;
   margin-right: 4px;
   margin-top: 4px;
   margin-bottom: 4px;
   border-right: 2px solid #333333;
   border-bottom: 2px solid #333333;
}

select:focus {
   background-color: #FFFFFF;
}

 /* Text areas for forms */
.areaText {
   background-color: #ECF5FB;
   font-size: 10px;
   font-family: Verdana;
   border-color: #696C6E;
   border-width: 1px;
   border-style: solid;
   margin-left: 4px;
   margin-right: 4px;
   margin-top: 4px;
   margin-bottom: 4px;
   border-right: 2px solid #333333;
   border-bottom: 2px solid #333333;
}

areaText:focus {
   background-color: #FFFFFF;
}

/* For asterisks */
.denote {
   color: #FF0000;
}

.tableLGreen {
   background-color: #F4F8E9;
   border-width: 1px;
   border-style: solid;
   border-color: #E6E6E6;
   padding: 4px 0px 20px 4px;
   /* margin: 2px; */
   text-align: left;
   font: 10px Verdana;
}

.tableDGrey {
   background-color: #696C6E;
   border-width: 1px;
   border-style: solid;
   border-color: #44484A;
   /* padding: 4px; */
   /* margin: 4px; */
   text-align: left;
   font: 10px Verdana;
   width: 372px;
   height: 60px;
}

.tableLBlue {
   background-color: #ECF5FB;
   border-width: 1px;
   border-style: solid;
   border-color: #E9E9E9;
   /* padding: 4px; */
   margin-top: 4px;
   text-align: left;
   font: 10px Verdana;
   width: 372px;
   position: static;
   height: 139px;
}

/* <div> tag for each main menu button */
.mainButton {
   width: 120px;
   height: 58px;
   display: inline;
   float: left;
   padding-top: 20px;
   position: relative;
   z-index: 1000;
}

/* Formatting for the name of the main button */
.menuNameOrange {
   font: bold 12px Verdana;
   color: #FFFFFF;
}

.menuNameGreen {
   font: bold 12px Verdana;
   color: #FFFFFF;
}

.menuNameBlue {
   font: bold 12px Verdana;
   color: #FFFFFF;
}

.menuNameOrange:hover {
    color: #EA9810;
}

.menuNameGreen:hover {
    color: #AACC26;
}

.menuNameBlue:hover {
    color: #80D9FF;
}

/* Formatting for submenus under menu button */
.subMenuList1 {
   display: block;
   height: auto;
   margin-left: -0px;
   float: left;
}

/* Formatting for links within submenus */
.menuLink a {
	color: #333333;
	width: 118px;
    height: auto;
	font: bold 10px Verdana;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
}

/* Formatting for link hovers within submenus */
.menuLink a:hover {
	background-color: white;
	color: #333333;
}

 /* Formatting for submenu link seperator (-) */
.menuSep {
   color: #333333;
   font: bold 10px Verdana;
}

.cbThird175 {
   width: 200px;
   /* height: 175px; */
   /* display: block; */
   position: relative;
   float: left;
}

.contentBox {
   /* display: inline; */
   position: static;
   border-width: 1px;
   border-style: solid;
   border-color: #E6E6E6;
   margin: 2px;
}

.cbHeaderGreen {
   position: relative;
   height: 30px;
   width: 100%;
   font: bold 12px Verdana;
   color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   background-image: url(../images/greenBG.jpg);
   border-color: #AACC26;
}

.cbHeaderGrey {
   position: relative;
   height: 30px;
   font: bold 12px Verdana;
   color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   background-image: url(../images/greyBG.jpg);
   border-color: #808080;
}

.cbHeaderOrange {
   position: relative;
   height: 30px;
   font: bold 12px Verdana;
   color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   background-image: url(../images/orangeBG.jpg);
   border-color: #EA9810;
}

.cbContent {
   position: relative;
   font: 12px Verdana;
   color: #000000;
   padding-top: 8px;
}

.cbContent115 {
   height: 115px;
   text-align: left;
   padding-left: 20px;
}

.cbFooterGreen {
   position: static;
   height: 30px;
   font: bold 10px Verdana;
   color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   background-image: url(../images/greenBG.jpg);
   border-color: #AACC26;
}

.cbFooterGrey {
   position: static;
   height: 30px;
   font: bold 10px Verdana;
   color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   background-image: url(../images/greyBG.jpg);
   border-color: #808080;
}

.cbFooterOrange {
   position: static;
   height: 30px;
   font: bold 10px Verdana;
   color: #FFFFFF;
   border-width: 1px;
   border-style: solid;
   background-image: url(../images/orangeBG.jpg);
   border-color: #EA9810;
}

.contentBox a {
   color: #FFFFFF;
}


/********************************************/
/********************************************/
/********************************************/
/************** STYLE BY ID *****************/

#pageHeader {
   width: 602px;
   height: 99px;
   padding: 0 0 0 0;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
   border-collapse: collapse;
   border-spacing: 0px;
   border: 0px;
}

#pageHeaderRow1 {
   height: 97px;
}

#pageHeaderR1C1 {
   width: 300px;
   vertical-align: bottom;
   font-size: 10px;
}

#pageHeaderR1C2 {
   width: 300px;
   text-align: right;
   vertical-align: middle;
   font-size: 10px;
}

/* <div> shell for main menu components */
#pageHeaderRow2 {
   height: 58px;
   background-image: url(../images/menuBG.jpg);
   background-repeat: no-repeat;
   width: 600px;
   vertical-align: middle;
   position: static;
}

/* Logo icon placement */
#logo {
   position: absolute;
   top: 36px;
}

/* <div> shell for banner ad placement */
#banner {
   background-image: url(../images/cloudImage.jpg);
   background-repeat: no-repeat;
   height: 158px;
   width: 600px;
   margin-top: -2px;
   background-color: #FFFFFF;
   text-align: center;
   position: static;
}

/* <div> shell for individual submenus */
#subMenu1, #subMenu2, #subMenu3, #subMenu4, #subMenu5 {
   position: absolute;
   left: -0px;
   width: 118px;
   top: 49px;
   padding: 2px 0px 2px 0px;
   float: left;
   text-align: left;
   display: block;
   visibility: hidden;
   filter: progid:DXImageTransform.Microsoft.alpha(opacity=90,style=0);
   -moz-opacity: .9;
   border-right: 2px solid #333333;
   border-bottom: 2px solid #333333;
}

/* Color selection for submenus */
#subMenu1, #subMenu5 {
   background-color: #EA9810;
}

/* Color selection for submenus */
#subMenu2, #subMenu4 {
   background-color: #AACC26;
}

/* Color selection for submenus */
#subMenu3 {
   background-color: #80D9FF;
}

#greyCB {
   background-image: url(../images/greyBG.jpg);
   border-color: #808080;
}

#greenCB {
   background-image: url(../images/greenBG.jpg);
   border-color: #AACC26;
}

#orangeCB {
   background-image: url(../images/orangeBG.jpg);
   border-color: #EA9810;
}

#termsBody {
   background: #FFFFFF;
   margin-top: 0;
   margin-left: 0;
   margin: 0 0 0 0;
   font-family: Verdana, Tahoma, Arial, sans-serif;
   color: #44484A;
   text-align: center;
   /*scrollbar-face-color: #AACC26;
   scrollbar-shadow-color: #808080;
   scrollbar-highlight-color: White;
   scrollbar-3dlight-color: #808080;
   scrollbar-darkshadow-color: #808080;
   scrollbar-track-color: #F4F8E9;
   scrollbar-arrow-color: #FFFFFF;*/
}

#termsFrame {
   height: 200px;
   width: 395px; 
   /*color: #696C6E;
   border-style: solid;
   border-width: 1px;
   background-color: #FFFFFF;*/
}