BODY {
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: #000000;
background:url(/images/lines_bg.gif) repeat 0 0;
}
h4 {line-height:1;}

h4 {padding: 2px; cursor:pointer; color: #999900; display:block; text-decoration:none; margin:0; margin-top:5px;font-size: 10pt;}  
h4 a {color: #000; text-decoration:none;}
.col {float: left; width:180px; margin-right:6px;}
.active {  background-position: 100% -21px;}

*html h4 a {zoom:1;}

TD {
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt; 
}
A {
color: #3204CB;
text-decoration: none;
}
A:hover {
color: #3204CB;
border-bottom: 1px dotted #3204CB;
cursor: pointer;
}

h1, h2, h3 {
	color: #586BAA;
}
H1
{
color: #586BAA;
font-size: 1.8em;
padding-left: 0px;
font-weight: normal;
margin-bottom: 0px;
margin-top: 0px;

}
H2
{
	color: #586BAA;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	font-size: 1.5em;



}


H3
{
color: #586BAA;
font-size: 1em;
padding-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: bold;
}

.story {
	padding: 20px 20px 10px 20px;
	background: url(/images/img07.gif) repeat-x;
	text-align: left;
}

.strike{
text-decoration: line-through;
}


.title {
	padding: 5px 0 0 20px;
	font-size: 2em;
	font-weight: normal;
}
.redstrike{
	text-decoration: line-through;
	color:red;
	font-size: large;
}

LI { list-style-type: square; }

div#wrapper {
	
	width: 780px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	background: #ffffff;
	}
	
.wrapper {
position:relative;
margin:0 auto;
text-align:left;
}
TD.heading
{
    BORDER-RIGHT: #ffffff 1px solid;
    FONT: bold 70%;
    BACKGROUND-COLOR: #dbe4f2
}
TD.cellShade
{
    BORDER-RIGHT: #ffffff 1px solid;
    FONT: 70% ;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #f5f7fb
}

TD.spotlight_content_home
{
margin: 10px 0 0 10;
padding: 5px 5px;
font-size: 8pt;
}

TD.cell
{
text-decoration: none; 
font-size: 10pt; 
font-weight : normal;			
VERTICAL-ALIGN: bottom;


}
TD.cellTop
{
text-decoration: none; 
font-size: 10pt; 
font-weight : normal;			
VERTICAL-ALIGN: top;

}

table{
  BACKGROUND-COLOR: #ffffff
}

TABLE.main{
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}

TABLE.footer{
border-bottom: 1px solid #999999;
}

.maincontent{
border-style:solid;
border-width:1px; 
border-color:#999999; 
text-align:left
}

.greytext {
font-family: Arial, Helvetica, sans-serif; 
color: #5C5C5C;
font-size: 9pt;
}
.greytextlarge {
	font-family: Arial, Helvetica, sans-serif;
	color: #E4E4E4;
	font-size: 14pt;
}	
.boldtext{
font-weight: bold;
}
.topmenu{
font-weight: bold;
text-decoration:none;
color: #4E4E4E;
font-size: 10pt;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left: 5px;
}

.topmenu A:link {text-decoration:none;}
.topmenu A:visited {text-decoration:none;}
.topmenu A:active {text-decoration:none;}
.topmenu A:hover {border-bottom: 1px dotted #5C5C5C;color: #5C5C5C;}


.quicknav{


color: #5C5C5C;
font-size: 10pt;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:15px;

}
.quicknav A:link {text-decoration:none;}
.quicknav A:visited {text-decoration:none;}
.quicknav A:active {text-decoration:none;}
.quicknav A:hover {border-bottom: 1px dotted #5C5C5C;color: #5C5C5C;}


.bottomnav{

text-decoration:none;  
color: #5C5C5C;
font-size: 9pt;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:3px;

}
.bottomnav A:link {text-decoration:none;}
.bottomnav A:visited {text-decoration:none;}
.bottomnav A:active {text-decoration:none;}
.bottomnav A:hover {border-bottom: 1px dotted #5C5C5C;color: #5C5C5C;}


.titletext {
color: #5C5C5C;
font-size: 12pt;
padding-left: 5px;
}
.green, a.green, a.green:hover {
	color: #999900;
	margin-left: 20px;
	text-align: left;
}
.forminput {
text-decoration: none; 
font-size: 7pt; 
font-weight : normal;
background: #E4E4E4;
}

.smallnote {
text-decoration: none; 
font-size: 7pt; 
font-weight : normal;

}

div.spotlight_content_home {
margin: 10px 0 0 10;
padding: 5px 5px;
font-size: 8pt;
}

div.spotlight_content {
margin: 10px 0 0 10;
padding: 5px 5px;
font-size: 8pt;
border-left: 1px solid #5C5C5C;
}


div.slogan {
width:280;
heigth:100;
margin: 125px 0 0 223;
color: #5C5C5C;
font-size: 9pt;
}	

.nonlinkurl { font-size: 8pt;cursor: text; color: #00DC00; text-decoration: none; }

/*with a gradient*/
#gradient-wrapper {
   background:url(/images/lines_bg.gif) repeat 0 0;
}

#maintable{
  
	background-color:#ffffff;
	opacity:100;
	filter:alpha(opacity=100);
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100 );
  -moz-opacity: 100%;

}

/*with a gradient*/
#gradient-box{
   background:url(/images/lines_bg.gif) repeat 0 0;
   font-weight: bold;
font-size: 1em;
color:#FFF;
padding-left:10px;

}


#gradient-box a{
   background:url(/images/lines_bg.gif) repeat 0 0;
   font-weight: bold;
font-size: 1em;
color:#FFF;
padding-left:10px;

}


#gradient { 

font-weight: bold;
font-size: 1.8em;
color:#FFF;
     
/* For WebKit (Safari, Google Chrome etc) */ 

    
background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff)); 
     
/* For Mozilla/Gecko (Firefox etc) */ 
       
background: -moz-linear-gradient(top, #00f, #fff); 
       
/* For Internet Explorer 5.5 - 7 */ 
       
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B71200, endColorstr=#FFFFFFFF); 
    
/* For Internet Explorer 8 */ 
    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)"; 
  
} 

.error
{
	background:Red;
	font-weight:bold;
	color:White;
	font-size: x-small;
	}

.centerimage {
	text-align: center;
}

.shadowbox { /* this styles the box that looks like the lower right corner is turned up */
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.sbcontent { /* shadow box content styles */
	padding: 15px;
	border: 1px solid #E2E2E2;
	background-color: #F3F3F3;
	background-image: url(images/shadowbox-corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sbshadow { /* div for page curl shadow below box */
	background-image: url(images/shadowbox-shadow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
}


/*** Pricing Table ***/

div#price_table {
	float:left;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border: 1px solid #dedede;
	margin-bottom: 21px;
	width:100%; /* Changing this value will widen the table, you may also need to adjust the #price_table .column width*/
	background: #f1f4f8; /* This is to fix the left and right borders if the box is too wide */
	margin-top:21px;
	font-size: 13px;
	
}
#price_table div {
	float: left; 
	width: 100%;
}
#price_table #border {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-top:1px solid #FFFFFF;
}
#price_table .column {
	float:left;
	width:19%; /* 19% will work for 5 boxes, down to the #price_table width of 960px. You may need to adjust this if you adjust the #price_table Width */
	margin-left: 1px;
}
#price_table .column.secondary {
	background: #f1f4f8;
	width:30%;
}
#price_table .column.primary {
	background: #f9fbfc;
	width:30%;
}
#price_table .column.featured {
	-moz-border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 4px 6px rgba(0, 0, 0, 0.25);
	-webkit-border-radius:3px 3px 3px 3px;
	-webkit-shadow:0 4px 6px rgba(0, 0, 0, 0.25);
	background:none repeat scroll 0 0 white;
	border:5px solid #4c72a5;
	margin-bottom:-17px;
	margin-top:-23px;
	padding:15px;
	z-index: 5;
	position: relative;
		width:30%;
}
#price_table #best_deal {
	background:url("../images/best_deal.png") no-repeat scroll 0 0 transparent;
	display:inline;
	float:right;
	height:72px;
	margin-bottom:-56px;
	margin-right:-18px;
	margin-top:-18px;
	width:72px;
	position: relative;
}
#price_table .header {
	border-bottom:1px solid #e3e3e3;
	font-size:27px;
	font-style:normal;
	letter-spacing:-1px;
	padding-bottom:22px;
	margin-bottom:0;
	font-weight: bold;
	color:#455F84;
	margin-top:15px;
	text-align: center;
}
#price_table .header span{
	width: 100%;
	clear: both;
	float: left;
	font-size: 18px;
	line-height:15px;
	color: #616161;
}

#price_table .footer {
	height: 30px;
	border-top: 1px solid white;
	padding-bottom:20px;
	padding-top:20px;
	text-align: center;
	
}	
#price_table .included {

}
#price_table .column ul, #price_table .column ol {
	list-style:none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#price_table .column li {
	list-style:none;
	background:url("/images/checkmark.png") no-repeat scroll 14px 6px transparent;
	border-bottom:1px solid #e3e3e3;
	border-top:1px solid white;
	line-height:24px;
	padding: 0;
	padding-left:39px;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	display: list-item;
	text-align: -webkit-match-parent;
}
.signup_button span{
	-moz-border-radius:14px 14px 14px 14px;
	-webkit-border-radius:14px 14px 14px 14px;
	display:block;
	line-height:1;
	padding:6px 15px 9px;
	font-weight: bold;
}
.signup_button {
	-moz-border-radius: 5px 5px 5px 5px;	
	-webkit-border-radius: 5px 5px 5px 5px;	background-image:url("/images/button_gradient.png");
	background-position:0 0;
	background-repeat:repeat-x;
	border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
	border-style:solid;
	border-width:1px;
	font-size:13px;
	line-height:1;
	padding:0;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.signup_button:hover {
	background-position:0 -42px;
	color: #d2e2f7;
}

/*** End Pricing Table ***/
#wysija_unsubscribe {
	text-align: left;
	}