body 
{
    font-family: Arial;
    
}
.footer 
{
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
h1, h2, h3
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #726886;
    margin-top: 15px;
    margin-top: 15px;
}
h1
{
	border-top: 2px solid #726886;
	border-left: 2px solid #726886;
	border-right: 2px solid #726886;
	border-bottom: 2px solid #726886;
	background-color: #AB9CC3; 
	padding: 5px;
	width: 300px;
	color: #ffffff;
    }
h2
{
    font-size: 14px;
    text-align: left;
}
h3
{
    font-size: 11px;
}

p {
	/* height: 22px; */ 
	/* font-family: "Trebuchet MS", sans-serif; */
	font-family: Arial;
	font-size: 12px;
	color: #5C5467;
	padding-left: 8px; 
	text-decoration: none;
	margin-bottom: 25px;

}

ul 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 2em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5C5467;
	text-decoration: none;
	background-color: #ffffff;
	text-indent: 0px;
	list-style-position: outside;
	list-style-type: circle;
	padding: 6px;
	margin: 2px;
}

/* Form items */

.formHeader
{
    font-family: Arial;
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: bold;
    margin-top: 15px;
    margin-top: 15px;
    }
.formLable
{
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: bold;
    float:right;
    }
.formInput
{
    background-color: #ffffff;
    }

.formButton
{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006;
	text-transform: capitalize;
	width: 180px;
	padding: 3px;
	border-top: 2px solid #D8FFA6;
	border-left: 2px solid #D8FFA6;
	border-right: 2px solid #50E250;
	border-bottom: 2px solid #50E250;
	background-color: #90FF6C;
	cursor: pointer;
	margin: 0px;
   
    }


.button {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006;
	text-transform: capitalize;
	width: 180px;
	padding: 3px;
	border-top: 2px solid #D8FFA6;
	border-left: 2px solid #D8FFA6;
	border-right: 2px solid #50E250;
	border-bottom: 2px solid #50E250;
	background-color: #90FF6C;
	cursor: pointer;
	margin: 0px;
}

input {
	width: 120px;
	background-color: white;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	/*border: 1px solid;*/
}

select {
	background-color: white;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
}


/* other */

.fontSetLarge {
	height: 22px; 
	line-height: 22px;
	font-size: 16px;
	padding-left: 8px; 
	text-decoration: none;
	font-weight: bold;
	cursor:pointer; cursor:hand; 
}


.fontSetSmall {
	height: 22px; 
	line-height: 22px;
	font-size: 12px;
	padding-left: 8px; 
	text-decoration: none;
	font-weight: bold;
	cursor:hand; cursor:pointer;
}
.fontSetSmaller {
	height: 22px; 
	line-height: 22px;
	font-size: 9px;
	padding-left: 8px; 
	text-decoration: none;
	font-weight: bold;
	cursor:hand; cursor:pointer;
}
.price 
{
    font-size: 14px;
    font-family:Arial;
    color: black;
    margin: 15px;
}

.price .oldprice 
{
    color: red;
    text-decoration: line-through;
}

    /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
        height: 25px;
    }

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(../../images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../../images/indentbg2.gif) center center repeat-x;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#5ABCE1}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b8e2f2;
  border-right:1px solid #b8e2f2;
  background:#83cce8}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eef8fc;
  border-right:1px solid #eef8fc;
  background:#79c8e6}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #79c8e6;
  border-right:1px solid #79c8e6;}
.spiffy4{
  border-left:1px solid #b8e2f2;
  border-right:1px solid #b8e2f2}
.spiffy5{
  border-left:1px solid #83cce8;
  border-right:1px solid #83cce8}
.spiffyfg{
  background:#5ABCE1}

/*
spiffyLightPurple

<div>
  <b class="spiffyLightPurple">
  <b class="spiffyLightPurple1"><b></b></b>
  <b class="spiffyLightPurple2"><b></b></b>
  <b class="spiffyLightPurple3"></b>
  <b class="spiffyLightPurple4"></b>
  <b class="spiffyLightPurple5"></b></b>

  <div class="spiffyLightPurplefg">
    <!-- content goes here -->
  </div>

  <b class="spiffyLightPurple">
  <b class="spiffyLightPurple5"></b>
  <b class="spiffyLightPurple4"></b>
  <b class="spiffyLightPurple3"></b>
  <b class="spiffyLightPurple2"><b></b></b>
  <b class="spiffyLightPurple1"><b></b></b></b>
</div>


*/

.spiffyLightPurple{display:block}
.spiffyLightPurple *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F5EEF8}
.spiffyLightPurple1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #faf7fb;
  border-right:1px solid #faf7fb;
  background:#f7f2f9}
.spiffyLightPurple2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefdfe;
  border-right:1px solid #fefdfe;
  background:#f6f1f9}
.spiffyLightPurple3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f6f1f9;
  border-right:1px solid #f6f1f9;}
.spiffyLightPurple4{
  border-left:1px solid #faf7fb;
  border-right:1px solid #faf7fb}
.spiffyLightPurple5{
  border-left:1px solid #f7f2f9;
  border-right:1px solid #f7f2f9}
.spiffyLightPurplefg{
  background:#F5EEF8}


/*

Very Light Blue block

<div>
  <b class="spiffy_very_light_blue">
  <b class="spiffy_very_light_blue1"><b></b></b>
  <b class="spiffy_very_light_blue2"><b></b></b>
  <b class="spiffy_very_light_blue3"></b>
  <b class="spiffy_very_light_blue4"></b>
  <b class="spiffy_very_light_blue5"></b></b>

  <div class="spiffy_very_light_bluefg">
    <!-- content goes here -->
  </div>

  <b class="spiffy_very_light_blue">
  <b class="spiffy_very_light_blue5"></b>
  <b class="spiffy_very_light_blue4"></b>
  <b class="spiffy_very_light_blue3"></b>
  <b class="spiffy_very_light_blue2"><b></b></b>
  <b class="spiffy_very_light_blue1"><b></b></b></b>
</div>
*/


.spiffy_very_light_blue{display:block}
.spiffy_very_light_blue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E3F1FA}
.spiffy_very_light_blue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2f8fc;
  border-right:1px solid #f2f8fc;
  background:#eaf4fb}
.spiffy_very_light_blue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfdfe;
  border-right:1px solid #fcfdfe;
  background:#e8f3fa}
.spiffy_very_light_blue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e8f3fa;
  border-right:1px solid #e8f3fa;}
.spiffy_very_light_blue4{
  border-left:1px solid #f2f8fc;
  border-right:1px solid #f2f8fc}
.spiffy_very_light_blue5{
  border-left:1px solid #eaf4fb;
  border-right:1px solid #eaf4fb}
.spiffy_very_light_bluefg{
  background:#E3F1FA}



/*

Light Blue Borders


<div class="roundedcornr_box_light_blue">
   <div class="roundedcornr_top_light_blue"><div></div></div>
      <div class="roundedcornr_content_light_blue">
         <p>Lorem ipsum dolor sit amet, consectetur 
         adipisicing elit, sed do eiusmod tempor incididunt 
         ut labore et dolore magna aliqua. Ut enim ad minim 
         veniam, quis nostrud exercitation ullamco laboris 
         nisi ut aliquip ex ea commodo consequat. Duis aute 
         irure dolor in reprehenderit in voluptate velit esse 
         cillum dolore eu fugiat nulla pariatur. Excepteur 
         sint occaecat cupidatat non proident, sunt in culpa 
         qui officia deserunt mollit anim id est laborum.</p>
      </div>
   <div class="roundedcornr_bottom_light_blue"><div></div></div>
</div>

*/

.roundedcornr_box_light_blue {
	background: url(/assets/images/roundedcornr_light_blue_tl.png) no-repeat top left;
}
.roundedcornr_top_light_blue {
	background: url(/assets/images/roundedcornr_light_blue_tr.png) no-repeat top right;
}
.roundedcornr_bottom_light_blue {
	background: url(/assets/images/roundedcornr_light_blue_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_light_blue div {
	background: url(/assets/images/roundedcornr_light_blue_br.png) no-repeat bottom right;
}
.roundedcornr_content_light_blue {
	background: url(/assets/images/roundedcornr_light_blue_r.png) top right repeat-y;
}

.roundedcornr_top_light_blue div,.roundedcornr_top_light_blue,
.roundedcornr_bottom_light_blue div, .roundedcornr_bottom_light_blue {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_light_blue, .roundedcornr_bottom_light_blue {
	margin-top: -1px;
}
.roundedcornr_content_light_blue { padding: 0 15px; }

/*

Light Medium Purple

<div class="roundedcornr_box_med_purple">
   <div class="roundedcornr_top_med_purple"><div></div></div>
      <div class="roundedcornr_content_med_purple">
         <p>Lorem ipsum dolor sit amet, consectetur 
         adipisicing elit, sed do eiusmod tempor incididunt 
         ut labore et dolore magna aliqua. Ut enim ad minim 
         veniam, quis nostrud exercitation ullamco laboris 
         nisi ut aliquip ex ea commodo consequat. Duis aute 
         irure dolor in reprehenderit in voluptate velit esse 
         cillum dolore eu fugiat nulla pariatur. Excepteur 
         sint occaecat cupidatat non proident, sunt in culpa 
         qui officia deserunt mollit anim id est laborum.</p>
      </div>
   <div class="roundedcornr_bottom_med_purple"><div></div></div>
</div>

*/

.roundedcornr_box_med_purple {
	background: url(/assets/images/roundedcornr_med_purple_tl.png) no-repeat top left;
}
.roundedcornr_top_med_purple {
	background: url(/assets/images/roundedcornr_med_purple_tr.png) no-repeat top right;
}
.roundedcornr_bottom_med_purple {
	background: url(/assets/images/roundedcornr_med_purple_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_med_purple div {
	background: url(/assets/images/roundedcornr_med_purple_br.png) no-repeat bottom right;
}
.roundedcornr_content_med_purple {
	background: url(/assets/images/roundedcornr_med_purple_r.png) top right repeat-y;
}

.roundedcornr_top_med_purple div,.roundedcornr_top_med_purple,
.roundedcornr_bottom_med_purple div, .roundedcornr_bottom_med_purple {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
}
.roundedcornr_content_med_purple { padding: 0 15px; }

/* Quote Marks */

blockquote {
background: transparent url(../images/bq_left_Quote.gif) left top no-repeat;
margin: 5px 20px 10px 20px;
padding-left: 30px;
width: 340px;
}

blockquote p {
background: url(../images/bq_right_Quote.gif) right bottom no-repeat;
margin: 0;
padding-right: 5px !important;
/* it says important.  Don't know why.  Was set to 50px */
}