@charset "UTF-8";
/* CSS Document */
/*CARAVITA HOME CARE STYLES*/
/*CODED BY LADART CREATIVE*/
/* ----------------------------------- RESET */
/* ----------------------------------- BASE STYLES */
/* ----------------------------------- NAV STYLES */
/* ----------------------------------- MAIN CONTENT STYLES */
/* ----------------------------------- SLIDER STYLES */
/* ----------------------------------- FONT CONTROL STYLES */
/* ----------------------------------- BELOW SLIDER STYLES */
/* ----------------------------------- BOX STYLES */
/* RESET */
/* -------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{
	border-collapse:inherit;
	border-spacing:0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

* html .threepxfix{
margin-left: 3px;
}

* {margin: 0px; padding:  0px;}
/* -------------------- */



/* ----------------------------------- BASE STYLES */
/* ----------------------------------- BASE STYLES */
body {
	font-family: Century Gothic, sans-serif;
	font-size: 100%;
	background: #CC9;
	background-image: url(../images/wallpaperbg22.jpg);
	background-position: center;
	background-repeat: repeat;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. 
	The text is then set to the left aligned default in the #container selector */
	float: inherit;
}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
span.leftheader {
	text-align: left;
	color: #A71930;
	text-indent: 0px;
	font-family: Century Gothic, sans-serif;
	font-size: 19px;
	font-weight: bold;
}
span.pleft {
	text-align: left;
	color: #333;
}
span.address {
	text-align: center;
	float: left;
	font-weight: bold;
	color: #a71930;
	margin-right: 10px;
	margin-left: 18px;
}
a:link {
	font-weight:bold;
	color:#036;
}
a:visited {
	font-weight: bold;
	color: #900;
}
a:hover {
	font-weight:bold;
	color:#036;
}
a:active {
	font-weight: bold;
	color: #900;
}
span.red {
	text-align: center;
	font-weight: bold;
	color:#a71930;
	font-size: 14px;
}

span.redLrg {
	text-align: left;
	font-weight: bold;
	color:#a71930;
	font-size: 16px;
}
input.btn { 
	  cursor: pointer;
	  color:#fff; 
	  font-weight: bold;
	  border: none;
	  padding: 1px 2px;
	  background-image: url(../images/toptitle.png);
	  background-repeat: repeat-x;
} 
caption {
	color: #a71930;
}

h1 {
	font-family: Century Gothic, sans-serif;
	text-align: left;
	font-size: 30px;
	color: #00483A;
	text-shadow: #676868 1px 1px 1px;
}

h2 {
	text-align: justify;
	color: #A71930;
	text-indent: 0px;
	font-family: Century Gothic, sans-serif;
	font-size: 19px;
}
h3 {
	text-align: left;
	color: #666;
	font-family: Century Gothic, sans-serif;
	font-size: 17px;
}
h4 {
	text-align: left;
	color: #fff;
	font-family: Century Gothic;
	font-size: 14px;
}
p {
	text-align: justify;
	font-size: 100%;
	color: #333;
}

td {
	padding: 20px;
}
ul {
	list-style-type: square;
	color: #333;
}

ol {
	padding-left: 40px;
	color: #a71930;
	font-weight: bold;
}

.indent { 
	padding-left: 1.5em;
}

.centered {
	text-align: center;
}/* -----------<P CLASS="CENTERED">...</P>*//*------------------------ HTML TAG */

.small {
	font-size: smaller;
	font-style: normal;
	color: #a71930;
}/* -----------<P CLASS="SMALL">...</P>*//*------------------------ HTML TAG */


img.doubleborder {
	border: 5px sol id #8E787B;
	padding: 10px;
	background-image: url(../images/doubleborder-bg.gif);
}/*<img src="#" alt="#" width="500" height="332" class="doubleborder" />*/
.floatRightSmall 			{ float: left; width: 360px; margin-left: 100px; }
.floatLeftSmall 			{ float: left; width: 360px; margin-left: 70px; }
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
/* ----------------------------------- END BASE STYLES */
/* ----------------------------------- END BASE STYLES */

/*--------------------------------------------- FORM STYLES */
/*--------------------------------------------- FORM STYLES */

form {
 padding: 2px 5px 5px 5px;
}
#formRight {
	width: 300px;
	float: right;
	padding-right: 15px;
	padding-top: 20px;
	color:#333;
	}
#formLeft {
	width: 290px;
	float: left;
	padding: 20px 0px 30px 0px;
	color: #333;
	}
fieldset {
	border: none;
}
input { 
	background-color: #fff;
	border: 1px solid #333;
	height: 20px;
}
textarea {
	border: 1px solid #333;
}
.sendbutton {    
 background-image: url(../images/submit_off.png);
 background-repeat: no-repeat;
 background-position: center;
 border: none;
}

.submit-button {
	border: none;
	background: none;
}
.resetbutton {    
 background-image: url(../images/submit_off.png);
 background-repeat: no-repeat;
 background-position: center;  
}

.contactform {
	margin: 0 auto;
	background-color: #C3BFAC;
	padding: 0px;
	width: 680px;
	height: auto;
	color:#333;
	line-height: 25px;
	border: 1px solid #666;
}

/*JOT FORM STYLE*/
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Century Gothic, sans-serif";
}
td.left {
	float: left;
  font-family: "Century Gothic, sans-serif";
  font-size:12px;
  color:black;
}
td.right {
	float:right;
  font-family: "Century Gothic, sans-serif";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Century Gothic, sans-serif";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}

/* -----------------------------------END FORM STYLES */
/* -----------------------------------END FORM STYLES */




/*--------------------------------------------- HEADER STYLES */
/*--------------------------------------------- HEADER STYLES */
#header {
	margin-top: 10px;
	background-image: none;
	overflow: visible;
	height: 50px;
	width: 960px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. 
	If an image is used in the #header instead of text, you may want to remove the padding. */
}



/*--------------------------------------------- END HEADER STYLES */
/*--------------------------------------------- END HEADER STYLES */





/*------------------------------------MAIN CONTENT AREA STYLES*/
/*------------------------------------MAIN CONTENT AREA STYLES*/

#main-top{
	width:960px;
	margin: 0 auto;
	background:url(../images/main_topd.png) no-repeat;
	background-position: center;
	height: 150px;
}
#main-top p {
	text-align: justify;
	border: 1px #333 thin;
	color: #a71930;
	font-size: 13px;
}

#main-top a {
	color: #036;
	text-decoration: none;
}

#main-top a:hover {
	color: #333;
}
#SignUp-holder {
	margin: 20px 150px 0px 0px;
	padding: 5px;
	float: right;
	width: auto;
	height: auto;
	border: 1px solid #CCC;
}
#SignUp-holder p {
	font-size: 16px;
	color: #a71930;
}
#SignUp-holder a {
	font-size: 12px;
}
#email-holder {
	margin: 40px 120px 0px 0px;
	padding: 5px;
	float: right;
	width: auto;
	height: auto;
	border: 1px solid #CCC;
}
#message {
	margin: 0 auto;
	height: 33px;
	width: 960px;
	clear:both;
	background-image: url(../images/messagebg.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* ------------END MAIN TOP STYLES */



/*-------------MAIN CONTENT STYLES*/


#main-content{
	margin: 0 auto;
	width: 960px;
	background-image: url(../images/main_mid.png);
	background-repeat: repeat-y;
	background-position: center;
	height: auto;
	/*word-wrap: break-word;*//*NOT SUPPORTED BY ALL BROWSERS*/
}

#main-content p {
	text-align: justify;
	font-size: 100%;
	padding: 5px;
	color: #333;
}

#main-content a {
	color: #036;
	text-decoration: none;
	font-weight: bold;
}

#main-content a:hover {
	color: #ab0634;
}
#main-content h1 {
	text-align: justify;
	text-indent: 30px;
	font-size: 30px;
	color: #30490B;
}
#main-content h2 {
	text-align: justify;
	color: #AB0634;
	font-size: 19px;
}
#main-content h3 {
	text-align: justify;
	color: #333;
	padding-left: 10px;
	font-size: 17px;
}


.menuSpace-content {
	float: right;
	margin: 0px 20px 0px 0px;
	width: 740px;
	min-height: 290px;
	max-height: none;
}
.menuSpace-contentB {
	float: right;
	width: auto;
	min-height: 290px;
	max-height: none;
}
.menuSpace-contentC {
	float: right;
	width: auto;
	min-height: 100px;
	max-height: none;
}
.menuSpace-contentSmall {
	float: right;
	margin: 0px 28px 0px 0px;
	width: 740px;
	min-height: 300px;
	max-height: none;
}
.contentA { 
	margin: 0 auto;
	padding: 20px;
	width: 920px;
	height: auto;
}

.contentB { 
	margin: 0 auto;
	padding: 20px;
	width: 920px;
	height: auto;
}
.contentA h1 {
	text-align: justify;
	text-indent: 0px;
	font-size: 30px;
	color: #30490B;
}
#aboutcarebutton {
	background-image: url(../images/grey_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 138px;
	height: 35px;
	margin-top: 10px;
	margin-left: 36px;
}

#aboutcarebutton p {
	text-align: center;
	color: #a71930;
	font-weight: bold;
}
#aboutcarebutton a {
	text-align: center;
	color: #a71930;
	font-weight: bold;
}
#aboutcarebutton a:hover {
	text-align: center;
	color: #a71930;
	font-weight: bold;
}
#about-sum {
	float: right;
	margin: 5px 15px 0px 15px;
	padding: 5px;
	border: 1px solid #999;
	min-height: 280px;
}

/* ----------------------------------- END MAIN CONTENT STYLES */
/* ----------------------------------- END MAIN CONTENT STYLES */


/* ----------------------------------- ADDRESS AND FOOTER LINK STYLES */
/* ----------------------------------- ADDRESS AND FOOTER LINK STYLES */
#footer-box {
	margin: 0 auto;
	width:960px;
	overflow: visible;
	background-image: url(../images/main_bot.png);
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px thin #333;
	height: 80px;
	font-size: 10px;
}
#address-holder {
	width: 400px;
	height: auto;
	margin-right: 280px;
	margin-left: 280px;
	background-image: url(../images/addressbg.png);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
	color: #a71930;
}
#address-holder p {
	text-align: center;
	color: #333;
	font-size: 12px;
}
.footer-links {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
	font-style: italic bold;
	color:#333;
	background-image: url(../images/footerlinks_bg.png);
	background-repeat: repeat;
	background-position: center;
	border: 1px solid #999;
	padding: 5px;
	text-align: center;
}
.footer-links p {
	text-align: center;
}
.footer-links a {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
.footer-links a:hover {
	color: #a71930;
	font-weight: bold;
	border-bottom: 1px solid #a71930;
}
/* ----------------------------------- END ADDRESS AND FOOTER LINK STYLES */
/* ----------------------------------- END ADDRESS AND FOOTER LINK STYLES */





/* ----------------------------------- CONTACT PAGE STYLES */
/* ----------------------------------- CONTACT PAGE STYLES */
#mapHolder {
	margin: 0 auto;
	padding: 15px;
	width: auto;
	height: 510px;
	float: left;
	
}
#map_canvasMap {
	width: 660px;
	height: 480px;
	background: none;
	float: left;
	background-image: url(../images/mapbg.png);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
}
#map_canvas {
	width: 580px;
	height: 370px;
	padding: 0px;
	background: none;
	margin-top: 50px;
}
#contact-info {
	margin: 5px 10px 10px 5px;
	padding: 10px 0px 10px 10px;
	width: 220px;
	height: auto;
	float: right;
	background-color: #fff;
	text-align: justify;
	border: 1px solid #CCC;
}
.img-box {
	background-image: url(../images/headerbg.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 20px;
	padding: 15px;
	width: 650px;
	min-height: 135px;
	position: relative;
	clear: both;
	border: 1px solid #CCC;
}

/* ----------------------------------- END CONTACT PAGE STYLES */
/* ----------------------------------- END CONTACT PAGE STYLES */






/* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**//* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**/
/* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**//* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**/
/* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**//* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**/
/* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**//* ----------------------------------- DON'T MESS WITH ANYTHING BELOW HERE *//**/


/* -------------------- 2 IMAGES BOX NAVIGATION*/
/* -------------------- 2 IMAGES BOX NAVIGATION*/
#store-nav {
	position:relative;
	padding:20px 6px 10px 0;
	margin:10px;
	height:123px;
	background: none;
}

#store-nav li {
	display:inline;
	float:left;
	margin:0 0 4px 22px;
}

#store-nav li a {
	display:block;
	width:98px;
	height:123px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
#store-nav li.refer a {background-image:url(../images/button_refer.png);}
#store-nav li.careers a {background-image:url(../images/button_careers.png);}

body.cc #store-nav li.refer a {background-image:url(../images/button_refer.png);}
body.cc #store-nav li.careers a {background-image:url(../images/button_careers.png);}

#store-nav li.on a,
#store-nav li a:hover {background-position:-98px 0;}
/* -------------------- END 2 IMAGES BOX NAVIGATION*/
/* -------------------- END 2 IMAGES BOX NAVIGATION*/


/* ----------------------- BOX STYLES*/
/* ----------------------- BOX STYLES*/
.leftbox {
	float: left;
	clear: none;
	height: auto;
	width: 259px;
	padding: 0px 10px 0px 70px;
}
.leftbox-top {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/left_top.png);
	background-repeat: no-repeat;
	background-position: center;
}
.leftbox-content {
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	height: auto;
	border: 1px solid #CCC;
	width: 257px;
	font-size: 11px;
}
.leftbox-bot {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/left_bot.png);
	background-repeat: no-repeat;
	background-position: center;
}


.midbox {
	float: left;
	clear: none;
	height: auto;
	width: 259px;
	padding: 0px 10px 0px 10px;
}
.midbox-top {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/mid_top.png);
	background-repeat: no-repeat;
	background-position: center;
}
.midbox-content {
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	border: 1px solid #CCC;
	height: auto;
	width: 257px;
	font-size: 11px;
}
.midbox-bot {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/mid_bot.png);
	background-repeat: no-repeat;
	background-position: center;
}


.rightbox {
	float: left;
	clear: none;
	height: auto;
	width: 259px;
	padding: 0px 20px 0px 10px;
}
.rightbox-top {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/right_top.png);
	background-repeat: no-repeat;
	background-position: center;
}
.rightbox-content {
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	height: auto;
	border: 1px solid #CCC;
	width: 257px;
	font-size: 11px;
}
.rightbox-bot {
	margin: 0 auto;
	height: 37px;
	width: 259px;
	background-image:url(../images/right_bot.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* ----------------------- BOX STYLES*/



/*------------------------------------NAVIGATION STYLES*/
/*------------------------------------NAVIGATION STYLES*/
#nav-holder {
	margin: 0 auto;
	background-image: url(../images/navbggreen.png);
	background-repeat: repeat-x;
	background-position: center;
	width: 960px;
	height: 76px;
}
#nav {
      background: url(../images/nav4.png);
      height: 76px;
      width: 876px;
      margin: 0px auto;
      position: relative;
      top: 0px; /* VERTICAL POSITION */
}

#nav li {
	list-style-type: none;
	float: left;
}

#nav a {
	height: 76px;
	display: block;
}

#nav span {display: none;}

#list1 { width: 113px; }
#list2 { width: 131px; }
#list3 { width: 129px; }
#list4 { width: 129px; }
#list5 { width: 130px; }
#list6 { width: 131px; }
#list7 { width: 113px; }

#list1 a:hover {
      background: url(../images/nav4.png) 0px -76px no-repeat;
}

#list2 a:hover {
      background: url(../images/nav4.png) -113px -76px no-repeat;
}

#list3 a:hover {
      background: url(../images/nav4.png) -244px -76px no-repeat;
}

#list4 a:hover {
      background: url(../images/nav2.png) -373px -76px no-repeat;
}

#list5 a:hover {
      background: url(../images/nav4.png) -502px -76px no-repeat;
}

#list6 a:hover {
      background: url(../images/nav4.png) -632px -76px no-repeat;
}

#list7 a:hover {
      background: url(../images/nav4.png) -763px -76px no-repeat;
}
/* ----------------------------------- END MAIN NAV STYLES */

/* ----------------------------------- HEAD NAV STYLES */
#mininav-holder {
      height: 42px;
      width: 426px;
      margin-right: 20px;
	  float: right;
}

#mininav {
      background: url(../images/mininav.png);
      height: 42px;
      width: 426px;
      margin: 0px auto;
      position: relative;
      top: 5px; /* VERTICAL POSITION */
}

#mininav li {
	list-style-type: none;
	float: left;
}

#mininav a {
	height: 42px;
	display: block;
}

#mininav span {display: none;}

#minilist1 { width: 213px; }
#minilist2 { width: 213px; }


#minilist1 a:hover {
      background: url(../images/mininav.png) 0px -42px no-repeat;
}

#minilist2 a:hover {
      background: url(../images/mininav.png) -213px -42px no-repeat;
}
/* ----------------------------------- END HEAD NAV STYLES */

/* ----------------------------------- FAQ NAV STYLES */
#faq-holder { float:left; margin: 0 auto; padding-left: 50px; width:106px; height: 42px; top: 10px; }

#faqnav {
      background: url(../images/FAQbutton2.png);
      height: 42px;
      width: 106px;
      margin: 0px auto;
      position: relative;
      top: 10px; /* VERTICAL POSITION */
}

#faqnav li {
	list-style-type: none;
	float: left;
}

#faqnav a {
	height: 42px;
	display: block;
	cursor: help;
}

#faqnav span {display: none;}

#faqlist1 { width: 106px; }



#faqlist1 a:hover {
      background: url(../images/FAQbutton2.png) 0px -42px no-repeat;
}
/* ----------------------------------- END FAQ NAV STYLES */

/*------------------------------------END NAVIGATION STYLES*/
/*------------------------------------END NAVIGATION STYLES*/

/* ----------------------------------- FONT CONTROL STYLES AND SPEECH CONTROL STYLES */

.smallFont {
	outline: none; /*for making it look nice in FF */
	background: url(../images/font-down.png);
	text-indent: -9999px;
	display: block;
	float: right;
	width: 32px;
	height: 32px;
}

.defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url(../images/font-default.png);
	text-indent: -9999px;
	outline: none;
	display: block;
	float: right;
	width: 32px;
	height: 32px;
}

.largeFont {
	background: url(../images/font-up.png);
	outline: none;
	text-indent: -9999px;
	display: block;
	float: right;
	width: 32px;
	height: 32px;
}

.ldisabled,.sdisabled { /*Styles for disabled buttons*/
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	/*This is for IE8 */
	filter: alpha(opacity = 30);
}
#holderLabel {
	float: right;
	margin-top: 30px;
	clear: none;
}
#holder1, #holder2 { 
		background-color: none;
		float: right;
		margin: 20px 26px 0px 0px;
		width:100px;
		height:32px;
	}
/*SPEECH*/
#voice-volume { -xv-voice-volume: x-soft; -xv-voice-balance: right; }
#voice-balance { -xv-voice-balance: left; }
#speech-cue { cue-after: url(ding.wav); }
#voice-rate { -xv-voice-rate: x-slow; }
#voice-family { voice-family: female; }
#voice-pitch { -xv-voice-pitch: x-low; }
#speech-speak { speak: spell-out; }
/*SPEECH END*/

/* ----------------------------------- END FONT CONTROL STYLES */
/* -----------------------------------LYTEBOX STYLES */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }

/* -----------------------------------END LYTEBOX STYLES */
/* -----------------------------------END LYTEBOX STYLES */

/* -----------------------------------nifty CUBE STYLES */
/* -----------------------------------nifty CUBE STYLES */
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:right; width:240px;margin:0 30px 10px 0}
ul#split h3{font: normal 120%/1.3;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #fff}
ul#split p{margin:0;padding:5px 8px 10px; white-space: normal; text-align: left;}
li#one h3{background: #C8C866}
ul#split div{background: #ffc; text-align: left;}
li#one div{border:2px solid #C8C866}
li#two h3{background: #FFBD00}
li#two div{border:2px solid #FFBD00}
li#three h3{background: #30490B}
li#three div{border:2px solid #30490B; font-size: 14px; text-align:left; }
/* -----------------------------------nifty CUBE STYLES */
/* -----------------------------------nifty CUBE STYLES */

/* -----------------------------------ROUND BOX STYLES */
/* -----------------------------------ROUND BOX STYLES */
.rndbox {
  background: #ffc;
  width: 700px;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #000033;
}
.rndtop {
  background: url(../images/topright.png) no-repeat right top;
}
.rndbottom {
  background: url(../images/bottomright.png) no-repeat right top;
}
.rndbottom img {
  display:block;
}
.rndbox p {
  margin: 0 0.4em 0 0.4em;
}
/* -----------------------------------ROUND BOX STYLES */
/* -----------------------------------ROUND BOX STYLES */


/* -----------------------------------TABLE HOVER HIGHLIGHT STYLES */
/* -----------------------------------TABLE HOVER HIGHLIGHT STYLES */
.datatable {
	border: 1px solid #CCC;
	border-collapse: collapse;
	width: 90%;
}
.datatable td {
	border: 1px solid #CCC;	
	padding: 0.3em;
}
.datatable th {
	border: 1px solid #CCC;
	background-color: #dfd5b5;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
}
.datatable caption {
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #a71930;
	text-align: left;
	padding: 0.4em 0 0.8em 0;
}

.datatable tr:hover, .datatable tr.hilite {
	background-color: #dfd5b5;
	color: #000000;
}
/* -----------------------------------TABLE HOVER HIGHLIGHT STYLES */
/* -----------------------------------TABLE HOVER HIGHLIGHT STYLES */



/* -----------------------------------FAQ STYLES */
/* -----------------------------------FAQ STYLES */
#faq-list			{ width: 500px; margin: 20px auto; }

dl					{ clear: both; margin: 0 0 60px 0; }

dt					{ border: 8px solid #a71930; padding: 10px; background: white; 
					  position: relative; font-style: italic; position: relative; color: #333; 
					  display: block; width: 100%; height: auto; }
					
dd.answer			{ background: white; color:#333; 
					  position: relative; width: 70%; float: right; text-align: justify; }
dd.answer div		{ padding: 10px; border-left: 8px solid #dedede;
                      border-right: 8px solid #dedede; border-bottom: 8px solid #dedede;
                      margin: 0 0 10px 0; }

.answer-tab		    { background: url(../images/answer-tag.png); display: block; 
                      text-indent: -9999px; width: 105px; height: 50px; cursor: pointer;
                      position: absolute; bottom: -58px; left: 10px;}
					  
					  
					  /* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - */
#about-accordion {
	width: 900px;
	height: auto;
}
span.aboutTip {
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	width: auto;
	color: #a71930;
}
.applemenu{
margin:0 auto;
padding: 0;
width: 900px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(../images/grngradient.png) repeat-x center left;
font: bold 12px Century Gothic;
color: #fff;
display: block;

width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #fff;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../images/brngradienthover.png);
color: #fff;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 330px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
a.applemenu  {
	color: #fff;
	font-weight: bold;
}
	
/* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - *//* - home menu - */



        
         a img                     { border: 0; }
        
         fieldset                  { border: 1px solid #033; padding: 15px; }
         legend                    { border: 1px solid #903; text-transform: uppercase; padding: 2px 6px; }
        .code-selector div         { clear: both; margin: 0 0 25px 0; }
         label                     { font-size: 14px; display: block; width: 120px; float: left; text-align: right; padding: 2px 6px; color:#333; }
        .code-selector select      { border: 1px solid #666; padding: 2px 2px 2px 6px; }
        .code-selector option      { padding: 0 12px; }
        .code-selector textarea    { border: 1px solid #033; padding: 10px; width: 375px; height: 80px; }
        .note                      { font-size: 11px; width: 300px; margin: 0 0 0 130px; color: #666; }
        .example-area              { margin-left: 130px; width: 375px; text-align: center; border: 1px solid #903; padding: 10px; }
        .example-area img          { max-width: 100%; }
	
	.link-holder {
		float: left;
	padding-left: 400px;
	width:166px;
	height:37px;
	}
a.linkbtn {
		width:166px;
	height:37px;
	text-indent:-9999px; 
	display:block;
	cursor: default;
}
a.linkbtn.btn { 
	background:url(../images/linktocvhc.png) no-repeat 0 0;
}
a.linkbtn.btn:hover {
	background:url(../images/linktocvhc.png) no-repeat 0 -37px;
}
a.linkbtn.btn:active  {
	background:url(../images/linktocvhc.png) no-repeat 0 -74px;
}