@import url("tools.css");

body{  margin: 0;padding: 0;border: 0;overflow: hidden;height: 100%; max-height: 100%; }
#framecontentLeft, #framecontentTop{	position: absolute;	top: 0px;	left: 0;	width: 130px; /*Width of left frame div*/	height: 100%;	/*overflow: hidden;Disable scrollbars. Set to "scroll" to enable*/ background-color: #FFF;	color: white;}
#framecontentTop{ /*without this teh scrol bars disapear CD */	left: 172px; /*Set left value to WidthOfLeftFrameDiv*/	right: 0;	width: auto;	height: 86px; /*Height of top frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/	background-color: navy;	color: white;}

#maincontent{position: fixed;	left: 200px; /*Set left value to WidthOfLeftFrameDiv*/	top: 90px; /*Set top value to HeightOfTopFrameDiv*/	right: 0;	bottom: 0;	overflow: auto;	background: #fff;}
.innertube{
	margin: 1px 15px 15px15px;
	text-align: center;
} /*Margins for inner DIV inside each DIV (to provide padding)*/
html body{ 	/*IE6 hack - took star off frount and helps view in dreamweaver*/	padding: 120px 0 0 130px; }/*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/

* html #maincontent{ /*IE6 hack*/ height: 100%; width: 100%;}
* html #framecontentTop{ /*IE6 hack*/ width: 100%;}



/*****Mouse Over CSS added below CD*****/ 

h1 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}
h1 a {font-family: Verdana, Arial, Helvetica; font-size: 26px; font-weight: bold; font-style: normal; text-decoration: none; color: #000000; }
h2 {font-family: Verdana, Arial, Helvetica; font-size: 16px; font-weight: bold; }
h3 {font-family: Verdana, Arial, Helvetica; font-size: 14px; font-weight: bold; }
pre { background-color: #eeeeff; font-size: 10px; }

.black {color: #000;} /*on the styles page to make style stand out*/
.xLarge {font-size: 20px}
.xxLarge {font-size: 40px}
.LargeMaroon {	color: #800000;	font-size: 18px;	font-weight: bold;}
.LtGrey {padding-right: 9px; color: #9F9D9D;	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold;	font-style: normal;	}
.White {color: #F5F6F6;	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold;	font-style: normal;	}
.Medium {font-size: medium}
.SmallMaroon {color: #800000; font-size: medium; font-family:"Times New Roman", Times, serif }
.SmallMaroon2 {color: #993333; font-size: medium; font-family:"Times New Roman", Times, serif; font-weight: bold}
.LargeLtGreen {color: #669966; font-size: large; font-family: "Times New Roman", Times, serif }
.SmallBlue {color: #0000FF; font-size: small; font-family:"Arial Helvetica", Times, serif}
.Smallblack {color: #000000; font-size: small; font-family:"Arial Helvetica", Times, serif; padding-left: 0px}
.MediumBlue {color: #0033CC; font-size: medium; font-family:"Times New Roman", Times, serif; font-weight: bold }
.Blue {color: #330066}
.small {font-size: small}
.strike {TEXT-DECORATION: line-through; }

/******         ******/
.ieShadow { FILTER: Shadow(Color=#666666, Direction=135); WIDTH: 220px; HEIGHT: 80px}

A {	border-bottom-color: #0000FF; }A:ACTIVE {}A:LINK {}A:VISITED {
	text-align: right;
}

a.linkDie:LINK {	color: #000000;	text-decoration: none;}
a.linkDie:VISITED {	text-decoration: none;	color: #000000;}
a.linkDie:hover {	text-decoration: none;	color: #000000;}
a.linkDie:active {	text-decoration: none;	color: #000000;}

A.boxLINK { color:#0033CC; border-bottom-color: #3366FF; border-bottom-style: double; }
A.boxLINK:VISITED { color:#CC6600}
A.boxLINK:HOVER { color: #00CCCC; font-size: 12px;}

A.TextLink {	color : #3333CC;	font-size: 14px;	font-family: Arial, Helvetica, sans-serif;	background : transparent;	border-bottom-style: none;	border-bottom-color: #3399FF;}
A.TextLink:HOVER {	font-size: 15px;	font-family: Arial, Helvetica, sans-serif;	border-bottom-color: #B57B46;	border-bottom-style: solid;	background : transparent;	color: #0000FF;}				

A.LargeLink {	color : #CC9900;	font-size: 24px;	font-family: Arial, Helvetica, sans-serif;	background : transparent;	font-weight: bold;}
A.LargeLink:HOVER {	color : #696323;			 		font-size: 24px;	font-family: Arial, Helvetica, sans-serif;	border-bottom-color: #B57B46;	border-bottom-style: solid;	border-bottom-width: 1px;	background : transparent;}				
A.MeadiumLink {	color : #CC9900;	font-size: 20px;	font-family: Arial, Helvetica, sans-serif;	background : transparent;	font-weight: bold;}
A.MeadiumLink:HOVER {	color : #696323;	 	font-size: 20px;	font-family: Arial, Helvetica, sans-serif;	border-bottom-color: #B57B46;	border-bottom-style: solid;	border-bottom-width: 1px;	background : transparent;
}

.pricebox {  text-align:center;   background:#fff;   border:1px solid #555;  font-weight:normal;}

/*** Body table - adjusted Casey*****/
TABLE.site {		width: 850px;	border: 0px 0px 0px 0px;		padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px; }
TD.body {		color : Black;	font-family : Arial,Helvetica,Sans-serif;	font-size : 12px;	text-align:left;	padding: 5px 5px 5px 5px;	width: 100%;	background-color: #F7F8FD;	border-right-width: 1px;	border-right-color: #578BEA;	border-right-style: solid;	text-align:center; }

/************** content tag styles **************/
TABLE.content {	text-align: left;	 }
TD.content {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: Black;	border-color: #D6E1FD;	border-style: solid;	border-width: 1px 1px 1px 1px;	background-color: #F8F8F8;		padding: 10px 10px 10px 10px;	text-align:center;}
.title {    font-family: Verdana,sans-serif;		font-weight: normal;	font-size: 14pt;	font-style: normal;    color: Black;}
.text	  {	font-family: Verdana,sans-serif;		font-weight: normal;	font-size: 8pt;	font-style: normal;	color: Black;	}

#topLinks{		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 12px;	font-style: normal;	font-weight: bold;	text-align: left;	text-indent: 8px;	margin: 0px;	padding: 0px;	white-space: nowrap; /*background-color: #F8F8F8;*/ }
#topLinks a:link, #topLinks a:visited {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 12px;	font-style: normal;	font-weight: bold;	text-align: left;	display: block;	border-top: 1px solid #ffffff;	border-bottom: 1px solid #cccccc;	border-right: 1px solid #cccccc;	padding: 0px 0px 0px 0px;		color: #2A5276;	width: 180px;}
#topLinks a:hover{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 16px;	font-style: normal;	font-weight: bold;	text-align: left;	border-top: 1px solid #cccccc; 	border-bottom: 1px solid #cccccc;	border-right: 0px;	background-color: #B39471;		text-decoration: none;	width: 180px;}	
#center{	text-align:center;	align:center;	padding: 2px 2px 2px 2px;}
.phone {	position:absolute;	right: 22px;	top:-1px;	z-index:99;	float: right;	width: 193px;	height: 62px;	padding-left: 7px;	background-color: white;}
.spanish {	position:absolute;	right: 34px;	top: 88px;	z-index:1315;	width:142px;	height:19px;	float: right;	background-color: white;	padding-left: 7px;}
.contact {	position:absolute;	width:102px;	height:72px;	z-index:1001;	left: 77px;	top: 1px;	background-color: white;	padding: 5px;}
#paypal {
	position:absolute;
	width:150px;
	height:20px;
	z-index:2000;
	left: 10px;
	top: 15px;
	text-align: center;
	background-color: #FFFFFF;
}

#logo {POSITION: absolute;	DISPLAY: block;	FONT-SIZE: 40px;	Z-INDEX: 12;	OVERFLOW: hidden;	float: Center;	float: middle; left: 326px;	top: 3px;float:right;left:30%;text-align:left;}
#nav {	DISPLAY: block;	FONT-WEIGHT: bold;	FONT-SIZE: 14px;	Z-INDEX: 95;	LEFT: 21px;	OVERFLOW: visible;	WIDTH: 126px;	LINE-HEIGHT: 10px;	FONT-FAMILY: arial, verdana, sans-serif;	POSITION: fixed;	TOP: 701px;	HEIGHT: 87px;	right:0px;	border-right-style: none;}
HTML #nav {	POSITION: absolute}
#nav DIV {	MARGIN-TOP: 2px; FONT-SIZE: 30px; COLOR: #000}

/************** Navagation div tags **************/
#NavagationPosition {	position:absolute;	width:200px;	height:115px;	z-index:1003;	left: 10px;	top: 125px;}
#Bar {
	position:absolute;
	height:26px;
	z-index:1000;
	top: 62px;
	background-image: url(../Images/Buttons/topbar.gif);
	background-repeat: repeat;
	background-position: center;
	left: 0px;
	right: 0px;
	width: 99.9%;
}
#SecureSeal {
	position:absolute;
	width:143px;
	height:39px;
	z-index:50;
	left: 29px;
	top: 531px;
	background-color: #FFFFFF;
}
#time {
	position:absolute;
	width:143px;
	height:18px;
	z-index:51;
	left: 29px;
	top: 573px;
	background-color: #FFFFFF;
}
#Guarentee {	position:absolute;	width:107px;	height:101px;	z-index:1002;	left: 26px;	top: 879px;}
#audio {
	position:absolute;
	width:149px;
	height:49px;
	z-index:11;
	left: 262px;
	top: 6px;
}
#subscribe {	position:absolute;	width:156px;	height:250px;	z-index:1;	left: 18px;	top: 478px;	/*background-color: #B39471;*/	text-align:center;}

#topleftEmail {position:absolute; top: 37px; width:249px; right:0px;  height:18px;z-index:100;left: 3px;}
#topleftlogo{	position:absolute;	width:140px;	height:48px;	z-index:120;	top: 5px;	float: right;	right: 230px;}


img {border:0;}
 
A.thumbnail:hover img { filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 1.00; opacity:1;
 }
 
/*A.thumbnail {BORDER-RIGHT: rgb(0,0,0) 2px solid; BORDER-TOP: rgb(0,0,0) 2px solid; DISPLAY:  rgb(35,35,35); FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  BORDER-LEFT: rgb(0,0,0) 2px solid; WIDTH: 70px;  BORDER-BOTTOM: rgb(0,0,0) 2px solid; HEIGHT: 10px}
A.thumbnail:link {BORDER-RIGHT: rgb(0,0,0) 2px solid; BORDER-TOP: rgb(0,0,0) 2px solid; DISPLAY: rgb(35,35,35); FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  BORDER-LEFT: rgb(0,0,0) 2px solid; WIDTH: 70px;  BORDER-BOTTOM: rgb(0,0,0) 2px solid; HEIGHT: 10px}
A.thumbnail:active {BORDER-RIGHT: rgb(0,0,0) 2px solid; BORDER-TOP: rgb(0,0,0) 2px solid; DISPLAY:  rgb(35,35,35); FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  BORDER-LEFT: rgb(0,0,0) 2px solid; WIDTH: 70px;  BORDER-BOTTOM: rgb(0,0,0) 2px solid; HEIGHT: 10px}
A.thumbnail:hover {BORDER-RIGHT: rgb(95,121,216) 2px solid; BORDER-TOP: rgb(95,121,216) 2px solid;  BACKGROUND: rgb(32,32,32); FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  BORDER-LEFT: rgb(95,121,216) 2px solid; WIDTH: 70px;  BORDER-BOTTOM: rgb(95,121,216) 2px solid; HEIGHT: 10px}
*/


/*********** Box with curved corners  **********/
DL.curved {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/box/c_tl.gif) #7f7f9c no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; WIDTH: 99%; PADDING-TOP: 0px}
DL.curved DT {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: url(images/box/c_tr.gif) no-repeat right top;
	PADDING-BOTTOM: 10px;
	COLOR: #FFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 25px;
	PADDING-TOP: 10px;
	TEXT-ALIGN: center;
}
DL.curved DD {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(images/box/c_bl.gif) #eee no-repeat left bottom;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	text-align: right;
}
DL.curved DD P {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 10px}
DL.curved DD P.last {	BACKGROUND: url(images/box/c_br.gif) no-repeat right bottom}

#topleftEmail {position:absolute; top: 37px; width:249px; right:0px;  height:18px;z-index:100;left: 3px;}
#topleftlogo{	position:absolute;	width:140px;	height:48px;	z-index:120;	top: 5px;	float: right;	right: 230px;}


 /*Stu fixed so works with Explorer 7 and erlier Below*/ 
html {height:100%; overflow:hidden;}
#framecontentLeft {z-index:1000;  margin-top:90px; background:transparent;}
.navigation {z-index:1}
.innertube{
	text-align: center;

}
#NavagationPosition {top:30px;}
.slide img {border:2px solid #fff;}
 /*Stu fixed so works with Explorer 7 and erlier Above*/