@charset "UTF-8";
/* CSS Document */

/* General */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin:0;
	padding:0;
	display:block;
	color:black;
}

body {
	background:#ffffff url(../images/backgrounds/body.jpg) repeat-x;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

body a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

ul, ol, dl { position: relative; }

h2 {
	color:#5e1c74;
}

li {
	list-style:square; 
}

#wrap {
	width:960px;
	margin:0 auto;
}

/* Header Area */
body #header {
	z-index:1;
	height:135px;
	margin:0 auto;
}

body #header div {
	width:960px;
	margin:0 auto;
	overflow: hidden;
}

.logo {
	float:left;
	margin:15px 0 0 0px;
	width: 300px;
	height:100px;
}

.headright {
	float:right;
	width: 300px;
	padding:50px 45px 0 0;
}

.headright a{
	color:#333333;
	text-decoration:none;
}

ul.benefits{
list-style:circle inside url(../images/bullet_4sq.gif);
}

/* Nav Area */
#nav {
	width:960px;
	height:36px;
	margin:0 10px 20px 10px;
	background:none;
}

#nav ul li img{
	float:left;
	padding:3px 0 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}

#nav ul li a{
	float:left;
	padding:10px 30px 0 30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}
#nav ul li a:hover{
	float:left;
	height:36px;
	padding:10px 30px 0 30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/navhover.gif) repeat-x;  
}

.alive {
	float:left;
	height:36px;
	padding:10px 30px 0 30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	background: url(../images/navhover.gif) repeat-x;  
}

#prodnav {
	height:50px;
}

.subnav p {
	height:50px;
	margin-bottom:20px;
}

.subnav a{
	text-decoration:none;
	color:#FFFFFF;
}

.subbullets {
	list-style-image:url(../images/subbullet.gif);
}

.subbullets li {
	margin:0;
	padding:10px 15px 10px 10px;
	border-bottom:1px #FF6600 solid;
	font-weight:bold;
}

.subbullets a {
	text-decoration:none;
	color:#FFFFFF;
} 

.subbullets li:hover {
	background-color:#FF9900;
} 


/* Content Area */
body #content {
	z-index:1;
	position:relative;
	background:none;
	min-height:500px;
}

body #main {
	z-index:1;
	position:relative;
	background:none;
	min-height:500px;
}

body #container {
	overflow: hidden;
	width:960px;
	margin:0 auto;
	background:none;
	position:relative;
}

#bannerleft {
	float:left;
	margin:5px 0 0 0px;
	width:650px;
}

#left {
	float:left;
	margin:5px 0 0 20px;
	width:650px;
}

#left p {
padding-bottom:10px;
}

.bullets li {
list-style-type:circle;
}

#leftform {
	float:left;
	margin:5px 0 0 20px;
	padding:0 0 0 150px;
	width:450px;
}

#leftsplit1 {
	float:left;
	width:300px;
	margin:0px 0 10px 0px;
}

#leftsplit1 p{
	padding:0 0 15px 0;
}

#leftsplit2 {
	margin:0px 0 10px 0px;
	float:right;
	width:300px;
}

#right {
	float:right;
	margin:5px 0 0 0;
	width:250px;
}

#righttop {
	height:15px;
	background:#ffffff url(../images/backgrounds/righttop.jpg) no-repeat;
}

#rightmid {
	background:#ff8601;
	color:#FFFFFF;
	padding:0 0 0 10px;
	min-height:260px;
}

#rightmidsub {
	background:#ff8601;
	color:#FFFFFF;
	padding:0 0 0 10px;
	min-height:100px;
}

#rightmid p{
	background:#ff8601;
	color:#FFFFFF;
	padding:0 10px 5px 10px;
	clear:both;
}

#rightbot {
	background:#ffffff url(../images/backgrounds/rightbot.jpg) no-repeat;
	height:15px;
	margin-bottom:10px;
}

.smallnotes {
	width:200px;
	font-size:10px;
	font-style:italic;
}

.demo {
	font-size:16px;
	color:#FF6600;
	font-weight:bold;
	text-align:center;
}

#packagelft {
	float:left;
	padding:0 0 0px 0;
	color:#FFFFFF;
	font-size:11px;
	width:160px;
	height:40px;
}

#packagert {
	width:50px;
	margin:0px 0 10px 0px;
	float:left;
	text-align:right;
}

/* checkout */

#costtable {
background-color:#f6f6f6;
padding:5px;
}

#coupon ul li{
float:left;
padding:0 2px 0 0;
}

#coupon input{
float:left;
padding:0 5px 0 0;
}

/* Form things */

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
}

/* Mootools Tooltips */
.questionMark {
position:relative;
height:26px;
width:26px;
background:url(../images/question.gif) top left no-repeat;
}
.toolTip {
position:absolute;
left:26px; /*Moves it to the right beside the question mark*/
top:0;
display:none;
/*The attributes below make it look pretty*/
width:100px;
padding:5px;
border:1px solid #ffffff;
background-color:#eeeeee;
font:10px/12px Arial, Helvetica, sans-serif;
}

/* Footer Area */
#footerwrap {
	z-index:1;
	position:relative;
	height:300px;
	background-color: #333333;
}

#footer {
	width:960px;
	margin:0 auto;
	min-height:200px;
	padding:15px 0 0 0;
	position:relative;
	background-color: #333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}

#footer a {
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}

#foot1 {
	float:left;
	width:250px;
	margin:0 0 0 50px;
	padding:0 5px 0 5px;
}

#foot2 {
	float:left;
	width:300px;
	margin:0 10px 0 10px;
	padding:0 5px 0 5px;
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

#foot3 {
	float:right;
	width:250px;
	padding:0 5px 0 25px;
}

.foothead {
	font-size:14px;
	color: #999999;
	text-decoration:underline;
}

#footdiv {
	float:left;
	width:15px;
}

#footnav p{
	font-size:11px;
	color:#666666;
}

#footnav a {
	color:#666666;
	font-size:11px;
	text-decoration:underline;
}

#socialtab{
	right:1px;
	top:32%;
	width:30px;
	margin:0;
	padding:0;
	position:fixed;
	z-index:1000;}

#socialtab a{
	display:block;
	width:100%;
	height:100%;}


.copyright {
	color:#666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0 0 15px 0;
}

