/* BASIC STYLES */
body {
	background: url(/_images-vs/body_bkgd.png) repeat-x top center;
	font-family: arial, sans-serif;
	font-size: small;
	text-align:center;
	color:#4b4b4b;
}
#header {
	position:relative;
	width:1000px;
	margin:0 auto;
	height:100px;
	/*border:solid 1px red;*/
	text-align:left;
	/*background:transparent url(/_images-vs/slogan.png) no-repeat 230px 64px;*/
	z-index:200;
}
#lefthead {
	position:relative;
	float:left;
	/*border:solid 1px yellow;*/
	text-align:left;
}
.mainput{
	width:160px;
	height:15px;
	/*background:#786964 url(/_images-vs/ma_bkgd.png) no-repeat top left;*/
	color:#ccc;
	padding-left:.25em;
	border:1px solid #504744;
}
#masubdiv{
	text-align:right;
	margin-top:.5em;
}
.masubmit{
	margin:0;
	padding:0;
}
#logo{
	position:relative;
	width:296px;
	height:94px;
	background:transparent url(/_images-vs/vs_logo.png) no-repeat -8px -4px;
	/*border:solid 1px yellow;*/
}
#logo h1 {
	text-indent:-6000px;
	margin:0;
	padding:0;
}
#logo a {
	display:block;
	width:231px;
	height:97px;
}

#content {
	position:relative;
	width:1000px;
	/*border:solid 1px blue;*/
	margin:0 auto;
}
#footer {
	position:relative;
	width:100%;
	/*border:solid 1px green;*/
	margin:0 auto;
	margin-top:2em;
	border-top:solid 8px #ff9933;
	text-align:right;
}
.cright {
	width:962px;
	margin:0 auto;
	text-align:right;
	font-weight:normal;
	font-size:smaller;
	color:#968c8c;
	margin-top:1em;
}
.cright p {
	margin:0;
	font-weight:normal;
	letter-spacing:.1em;
}
.cright a {
	color:#ccc;
}

/* MENU STYLES */
/* HORIZONTAL FREESTYLE MENU LAYOUT */
/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 16px;; 
 margin-top: 16px; /* I'm using ems and px to allow people to zoom their font */
 /*left: -1px;*//*if border uses*/
 left: 24px;
 width: 160px;
 background:#ccc;
 text-align:left;
 border:solid 1px #fff;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background: transparent;
 /*border: 1px solid #330;*/
 /*margin-right: -1px;*/
 width: 130px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 /*margin-bottom: -1px;*/
 width:157px;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:3px;
 border-bottom:solid 1px #fff;
}

.menulist ul>li:last-child {
 /*margin-bottom: 1px;*/ /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #fff;
 text-decoration: none;
}
.menulist ul a {
	border-left:none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #ffcc00;
 /*background-color: #999;*/
}
.menulist a.highlighted {
 color: #ffcc00;
 /*background-color: #adadad;*/
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: inline;
 color:#ff9933;
 padding-right:4px;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */




/* MENU OVERRIDES */
#menu {
	position:absolute;
	width:760px;
	z-index:300;
	left:240px;
	top:54px;
	/*border:solid 1px red;*/
	border-top:solid 1px #666;
	border-bottom:solid 1px #999;
	margin:0;
	padding:0px 0;
	padding-top:6px;
	padding-bottom:6px;
	/*background: #fff url(/_images-voi/nav-repeat.gif) repeat-x;*/
}
.menulist {
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
	margin-left:24px;
}
.menulist li {
	background:transparent;
	width:auto;
}
.menulist ul {
	top:0;
	background:#dbdcde;
	border:solid 6px #babcbe;
	width:200px;
}
.menulist ul li {
	border:none;
	padding:0;
	width:100%;
}

.menulist a {
	/*color:#666;*/
	color: #fff;
	padding:0 10px;
	border-left:solid 1px #ccc;
	margin-left:0;
	font-size:.9em;
	letter-spacing:.1em;
}
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, .menulist a.highlighted {
 	/*color: #d87a1a;*/
 	color:#ff9933;
 	/*background-color: #999;*/
}
.menulist ul a {
	padding:.5em 0;
	padding-left:.5em;
	color:#636465;
}
.menulist ul a:hover, .menulist ul a.highlighted:hover, .menulist ul a:focus, .menulist ul a.highlighted {
 color: #fff;
 background:#f3901e;
}
.current-page { 
	/*color: #d87a1a;*/
	color:#ff9933;
	font-weight:bold;
}
.menulist ul .current-page {
	background:#f3901e;
	color:#fff;
}
#sitemenu .current-page {
	/*color:#d87a1a;*/
	color:#ff9933;
	font-weight:bold;
}
#sitemenu ul .current-page {
	color:#fff;
}
#featuremenu .current-page {
	/*color:#d87a1a;*/
	color:#ff9933;
	font-weight:bold;
}
#accountmenu .current-page {
	/*color:#d87a1a;*/
	color:#ff9933;
	font-weight:bold;
}

/* 1 800 Number sytles */
#mainphone {
	position:absolute;
	top:16px;
	right:12px;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	z-index:200;
}

#mainslogan {
	position:absolute;
	top:16px;
	left:240px;
	z-index:200;
}

/* CONTROL PANEL STYLES */

/* MY ACCOUNT MODULE SPECIFIC STYLES */

#ma-holder {
	position:relative;
	/*border:solid 1px red;*/
	width:1000px;
	margin:0 auto;
	z-index:0;
}
#ma-section {
	border-collapse: collapse;
}
#leftcol {
	/*width:740px;*/
	width:100%;
	vertical-align: top;
	text-align:left;
}
#rightcol {
	/*width:260px;*/
	/*background:#928884 url(/_images-dap/sidebar_bkgd.jpg) repeat-x center top;*/
	vertical-align:top;
	text-align:left;
}





/* CONTENT AREA */

#ma-text {
	padding:0 0px;
	padding-right:12px;
	text-align:left;
}

.pagename {
	position:relative;
	z-index:0;
	text-align:left;
}
.pagename h2 {
	margin:0;
	padding:0;
	margin-bottom:12px;
	color:#ff9933;
	line-height:1em;
	font-weight:bold;
	font-family:"arial black", arial, sans-serif;
	font-variant: small-caps;
	letter-spacing: .2em;
	font-size:18pt;
}

.csection { /*MAIN CONTENT AREA HOLDER*/
	position:relative;
	min-height: 60px;
	/*background:#d5cfc8 url(/_images-vs/cboxbkgd3.jpg) repeat-x top center;*/
	color:#2b2321;
	font-size:10pt;
	line-height:1.5em;
	letter-spacing:.02em;
	/*border:solid 1px red;*/
}

.csection h2 {
	font-family:"Georgia" serif;
	font-size:18pt;
	margin-top:0;
	margin-bottom:.25em;
	color:#000;
	line-height:.9em;
	font-style:italic;
	padding:8px;
}

.padded {
	padding:0 12px;
}

#faqcon {
	/*background: #efefef;
	padding:1em;*/
}

.faqholder {
	padding:12px;
	/*background:#d5cfc8 url(/_images-vs/cboxbkgd3.jpg) repeat-x top center;*/
	/*border:solid 1px #666;*/
	margin:12px;
}

.faqbox h2 {
	font-size:16pt;
	padding:0;
}

.backtotop {
	margin:0;
	padding:0;
	line-height:1em;
}

.csitem {
	margin-bottom:8px;
}

.cshead {
	/*background: #aab300;*/
}
.cshead h2 {
	margin:0;
	padding:0;
	font-family:Arial,sans-serif;
	font-size:14pt;
	font-style:normal;
	margin-left:22px;
	font-weight: bold;
	letter-spacing: .05em;
	padding:8px 0;
	color:#f1fe01;
}
.cscon {
	/*border:solid 1px green;*/
	padding:12px;
	margin-left:8px;
	padding-top:8px;
}
.summaryitem {
	padding:2px 4px;
	background:#e4e4e4;
}
.dtable {
	width:100%;
	border-collapse: collapse;
	vertical-align: top;
}
.dtable td {
	padding:2px 4px;
}
.ralign {
	width:25%;
	text-align:right;
}




/* RIGHT HAND MENU ITEMS */
.sbhead {
	background: #c6c8c9;/* right hand menu header bar background color */
	color:#fff;
	margin:0;
}
.sbhead h2 {
	font-size:1.2em;
	margin:0;
	margin-bottom:.7em;
	margin-left:.5em;
	padding:.3em 0;
	font-weight: lighter;
	letter-spacing: .1em;
}
.sbindent {
	padding-left:1em;
}




/* FORM STYLES */
#cform {
	margin:0;
	padding:0;
	margin-bottom:12px;
}
label {
	display:block;
	margin:0;
	padding:0;
	margin-top:8px;
}
.floatleft {
	float:left;
	margin:0;
	padding:0;
	/*border:solid 1px red;*/
	margin-right:16px;
}
.sinput {
	width:100px;
}
.minput {
	width:240px;
}
.linput {
	width:320px;
}
.cleardiv {
	margin:0;
	padding:0;
	/*border:solid 1px green;*/
	line-height:1px;
	min-height: 0;
}
.clearit {
	clear:both;
}
.fselect {
	width:200px;
}
.required {
	color:#ff0000;
}
.formheading {
	margin:0;
	padding:0;
}
.stext {
	font-size:smaller;
	font-style:italic;
}



/* MY PROFILE STYLES */
.addrbar {
	background:#d5cfc8 url(/_images-vs/checkout_bkgd.png) repeat-x top center;
	color:#fff;
	padding-left:2px;
	margin-top:12px;
}
.addrtxt {
	font-size:smaller;
	font-style:italic;
	margin-left:1em;
	color:#666;
}




/*###### MESSAGE BUSS #######*/
div .msgbuss {
	padding:.75em 0;
	font-size:larger;
	color:#fff;
}
.badmsg {
	padding:.75em 0;
	font-size:larger;
	color:red;
}
/*THANK YOU PAGE */
#thanksid h2{
	margin:0;
	padding:0;
	margin-bottom:12px;
	color:#ff9933;
	line-height:1em;
	font-weight:bold;
	font-family:"arial black", arial, sans-serif;
	font-variant: small-caps;
	letter-spacing: .2em;
	font-size:18pt;
}
#thanksid p{
	font-weight:bold;
	color:#cac4c2;
}
/*SHADOWBOX */
.shadowbox_topnav {
	text-align:center;
	background:#ff9933;
	float:right;
	width:125px;
	min-height: 20px;
	margin-left:8px;
}
.shadowbox_topnav a {
	color:#fff;
	text-decoration: none;
	font-weight:bold
}

.table-chart {
	width:90%;
	border:solid 1px #333;
	text-align:left;
}
.shadedrow {
	background:#e4e4e4;
}

.sbitem {
	width:260px;
}

.sbitem a {
	color:#fff;
	text-decoration:none;
	border-bottom:solid 1px #333;
}
.sbitem a:hover {
	border-bottom:solid 1px #ccc;
}
.backtotop {
	margin:0;
	padding:0;
	line-height:1em;
}

/* SIGNUP STYLE OVERRIDES */

.stepmenu {
	margin-top:1em;
	margin-bottom:0;
	margin-left:1em;
}

.future {
	color: #ccc;
}
.past {
	color:#333;
}
.past a {
	color:#333;
}
.selected {
	color:#d87a1a;
}
.row0col1 {
	background:#c1ced4;
}
.row1col1 {
	background:#b5dc7b;
}
#plantabsnav li.activetab a {
	color:#fff;
}

.acctable td {
	background: #f4f5f7;
}
.nofloat_table td {
	background: #f4f5f7;
}
.subheadrow {
	background:#dde1e2 url(/_images/steparrow.png) no-repeat top left;
	border:solid 1px #dde1e2;
	color: #9d0000;
}
td .subheadrow {
	background:#dde1e2 url(/_images/steparrow.png) no-repeat top left;
	border:solid 1px #dde1e2;
	color: #9d0000;
}
.acctable .subheadrow {
	background:#dde1e2 url(/_images/steparrow.png) no-repeat top left;
	border:solid 1px #dde1e2;
	color: #9d0000;
}
.nofloat_table .subheadrow {
	background:#dde1e2 url(/_images/steparrow.png) no-repeat top left;
	border:solid 1px #dde1e2;
	color: #9d0000;
}
td.continuerow {
	background:#f1b271;
	border:solid 1px #f1b271;
}
.continuerow {
	background:#f1b271;
	border:solid 1px #f1b271;
}
.pagename h2 {
	color:#d87a1a;
}
.passedrow td {
	border:none;
}
.planprice {
	color: #d87a1a;
}
.utilmenu {
	width:962px;
	margin:0 auto;
	margin-top: 1em;
	font-size: smaller;
	color:#968c8c;
}

.utilmenu a {
	color:#968c8c;
}

.nopad {
	margin:0;
	padding:0;
}

/*######### PROMO STYLES ##############*/

#promo {
	margin-bottom:.5em;
	min-height: 150px;
	text-align:center;
}
.promocontent {
	padding:16px;
	padding-bottom:24px;
	padding-left:20px;
}

#promo .sb-inner { 
	background:#e8b27a url(/_images-vs/grad4.png) repeat-x;
}
#promo .sb-border {
	background:#fff;
}
.promohl {
	margin:0;
	padding:0;
	color:#fff;
	font-size:2em;
	line-height:1.1em;
	margin-bottom:.5em;
	font-weight:normal;
	text-shadow: #000 -2px 2px 3px;
}

.float {
	float:left;
	margin-right:8px;
	/*border:solid 1px red;*/	
}

.pholder {
	position:relative;
}
.pinput {
	width:90px;
	color:#666;
}

.pfloat {
	float:left;
}

#cellphones {
	background: transparent url(/_images-vs/cellphones.png) no-repeat 160px top;
}

#cellphones a, #cellphones a:hover {
	font-weight:normal;
}

.cufloatleft {
	float:left;
	margin-right:8px;
}

.cutextarea {
	width:300px;
	height:100px;
}
.spaceabove {
	margin-top:12px;
}
.cusubmit {
	cursor:pointer;
}
.sidebarcp {
	padding-left:8px;
	padding-right:8px;
	margin-bottom:8px;
}
.sblink {
	margin-top:2px;
	margin-bottom:2px;
}
.sidebarcp a {
	color:#990000;
	/*text-decoration:none;*/
	/*border-bottom:none;*/
}
.cpsdesc p {
	margin:0;
	padding:0;
}
.cpsdesc h2 {
	font-size: small;
	margin:0;
	color:#000;
}
.sidebarcphl {
	color:#990000;
	font-weight:bold;
}
td .disclaimer {
	font-size:10px;
	font-style:italic;
}

/*############# STANDARD PLAN STYLES ################*/

#standardplans {
	margin-bottom:24px;
	min-height: 150px;
}
#standardplans .sb-inner { 
	background:#eef2f5 url(/_images-vs/grad5.png) repeat-x;
}
#standardplans .sb-border {
	background:#749aac;
}
.standardplanshl {
	margin:0;
	padding:0;
	color:#5e717c;
	line-height:1em;
	margin-bottom:.5em;
}
.spacebelow {
	margin-bottom:8px;
}