/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
reset-fonts-base
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* End YUI */

body {
	background:#ffffff url(/images/vab/bg-body.jpg) repeat-x 0 0 ;
	color:#404040;
	font-family: 'Trebuchet MS';
}

#wrapper {
	background: url(/images/vab/bg-wrap.jpg) repeat-y 0 0 transparent;
	font-size:108%;
	line-height:161.6%;
	margin: 0 auto 0 auto; 
	padding: 0 0 20px 0;
	text-align: left;
	width: 950px;
}

#header {
	height: 86px;
	background: url(/images/vab/bg-body.jpg) repeat-x 0 0 #ffffff;
}

#logo {
	float: left;
	width: 260px;
	padding: 24px 0 0 40px;
}
	
	#logo a:link, #logo a:hover, #logo a:active, #logo a:visited  {
		text-decoration: none;
		background: none;
	}

#menu {
	float: right;
	clear: right;
	background-color: #EDF6F9;
	margin: 50px 0 0 0;
	padding: 9px 0 4px 0;
}

	#menu li {
		padding: 0 5px 0 10px;
		display: inline;
		border-left: 1px solid #0088AF;
	}

	#menu li.first { 
		border: none;
	}

	#menu li.login {
		padding: 9px 15px 8px 15px;
		background: #B8ECFF;
	}

	#menu a:link, 
	#menu a:visited { 
		color: #404040; 
		padding: 3px 5px 3px 5px;
	}

	#menu li:hover,
	#menu a:hover,
	#menu a:active { 
		color: #000000;
		background-color: #D8F6FF;
	}
	
/*#menu {
	background-color: #EDF6F9;
	clear: right;
	float: right;
	margin: 50px 0 0 0;
	padding: 9px 0 7px 0;
}

	#menu li {
		border-right: 1px solid #0088AF;
		display: inline;
		margin:0;
		padding: 12px 14px 11px 15px;
	}

	#menu li.login {
		background: #B8ECFF;
		border: none;
		padding-left:15px;
		padding-right:15px;
	}

	#menu a:link, 
	#menu a:visited { 
		color: #404040; 
	}
	
	#menu li:hover,
	#menu a:hover, 
	#menu a:active { 
		background-color: #D8F6FF;
		color: #000000;		
	}*/
	
#banner {
	height: 250px;
	clear: both;
}	

	#banner-starburst {
		width: 200px;
		height: 250px;
		float: left;
		background: url(/images/vab/banner-starburst.jpg) no-repeat 0 0 transparent;
	}

	#banner-center {
		width: 433px;
		height: 250px;
		float: left;		
	}

	#banner-tagline {
		width: 433px;
		height: 163px;
		background: url(/images/vab/banner-tagline.jpg) no-repeat 0 0 transparent;
	}

	#banner-action {
		background: url(/images/vab/banner-action.jpg) repeat-x 0 0 transparent;
		height: 87px;
		width: 433px;
	}

	#banner-action a span {
		display: none;
	}

	a:link#action-sign-up, 
	a:visited#action-sign-up {
		background: url(/images/vab/banner-sign-me-up.jpg) no-repeat 0 0 transparent;	
		display: block;
		_display:inline;
		height: 87px;
		float: left;
		margin-left:141px;
		width: 148px;
	}

	a:hover#action-sign-up, 
	a:active#action-sign-up {
		background: url(/images/vab/banner-sign-me-up.jpg) no-repeat 0 -97px transparent;	
	}

	#banner-sample {
		width: 317px;
		height: 250px;
		float: left;
		background: url(/images/vab/slide-bg.jpg) no-repeat 0 0 transparent;
		overflow: hidden;
	}
		
		#banner-sample ul#slide {
			margin:0;
		}
		
		#banner-sample ul#slide li {
			list-style:none;
		}

#main {
	background: url(/images/vab/wrap-content-inner.jpg) no-repeat top center transparent;
	padding: 15px 0 0 0;
}

	#main:after {
	 	/* Clear floating elements for NN6/7 */
	    clear: both; 
	    content: "."; 
	    display: block; 
		height: 0px;
	    visibility: hidden;
	}

#content {
	float:left;
	padding: 0 31px 25px 31px;
	width:888px;
}

#sidebar {
	display:none;
}

#main.features #content,
#main.has_sidebar #content {
	padding-right:0;
	width:589px;
}
	
#main.features #sidebar,
#main.has_sidebar #sidebar {
	border-left: 1px solid #FF8800;
	display: block;
  	float: right;
	margin: 70px 0 0 0;
	padding: 0 31px 0 20px;
	width: 250px;
}

#footer {
	width: 890px;
	margin: 0 auto 0 auto;
	text-align:center;
	background: #F3F3F3;
	padding: 10px 0 5px 0;
	color: #A9A9A9;
	clear: both;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

	#footer p {
		margin: 0 0 10px 0;
	}

	#footer ul {
		margin: 10px 10px 20px 10px;
	}

	#footer li {
		padding: 0 5px 0 7px;
		display: inline;
		border-left: 1px solid #A9A9A9;
	}

	#footer li.first { 
		border: none;
	}

/*
 * General Definitions
 */

h1 { 
	font-size: 182%;
	color: #FF8800;
	margin: 6px 0 0 0px;
}

h2 { 
	font-size: 108%;
	color: #FF8800;
	margin: 0 0 10px 0;
}

h3 { 
	color: #A9A9A9;
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 20px 0;
}

p { 
	margin: 0 0 18px 0; 
	line-height: 22px;
}

.note {
	background-color: #F3F3F3;
	color: #A9A9A9;
	font-size: 0.9em;
	font-style: italic;
	line-height: 12px;
	padding: 2px 4px 2px 4px;	
}
	
abbr {
	background-color: #D8F6FF;
	border-bottom: 1px solid #009BC8;
	padding: 2px 4px 2px 4px;
}

a:link, 
a:visited {
	color: #FF8800;
	text-decoration: underline;
	outline: none;
}

a:hover, 
a:active {
	color: #FFFFFF;
	text-decoration: underline;
	outline: none;
}

#main a:link, 
#main a:visited,
#footer a:link, 
#footer a:visited	{
	color: #FF8800;
	text-decoration: underline;
	outline: none;
	padding: 2px 5px 2px 5px;
}

#main a:hover, 
#main a:active,
#footer a:hover, 
#footer a:active	{ 
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #009BC8;
}

label {
	font-size: 1.2em; 
	line-height: 30px;
}

fieldset dl {
	padding: 15px 10px 0 20px;
}

fieldset dt {
	display: block;
	width: 130px;
	float: left;
	clear: both;
}

fieldset dd {
	display: block;
	width: 270px;
	float: left;
	margin-bottom: 15px;
	*margin-bottom: 0;
}

input,
textarea,
select,
input[type=text],
input[type=password] {
	background-color: #FFFFFF !important;
	color: #000000;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	margin: 0 0 0 0;
	padding: 2px 0 2px 4px;
	vertical-align: middle;
	width: 240px;
}

fieldset {
	width: 560px;
  	background-color: #F3F3F3;
  	border: 1px solid #CCCCCC;
	position: relative;  
	display: block;
	margin-top: 15px;
	padding-bottom: 20px;
    /* IE Fix */
    *padding: 30px 0 20px 0;
}

legend {
	color: #404040;
	font-size: 1.3em;
	height: 24px;
	line-height: 24px;
	margin-left: 10px;
	padding: 0 5px 0 5px;
	/* IE Fix */
    *position: absolute;
    *top: -10px;
}

.button {
	width: auto;
	padding: 4px 4px 4px 4px;
}

.submit {
	width: auto;
	padding: 4px 4px 4px 4px;
}

.bad {
	clear: both;
	display: block;
	color: red;
}

.good {
	clear: both;
	display: block;
	color: green;
}

/*
 * Tools
 */ 

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.clearfloats:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfloats {
	height: 1%;
}
/* End hide from IE-mac */


/*
 * Javascript Masthead Scroller
 */

#slide-wrapper {
	margin: 0 auto 0 auto;
}

	#slide-container {
		float: left;
	}

	/* IMPORTANT -> If you are going to modify the general css for an element within your scroller make sure you do it for the ####-clone as well */
	#slide li, 
	#slide-clone li {
		margin: 0 0 0 0;
		padding: 0 25px 0 25px;
		/* We apply both padding and margin for the all around effect as this will work for bot horizontal and vertical situations */
		width: 260px;
		height: 250px;
		float: left;
		overflow: auto;
	}

	.slide-element {
		background: url(/images/vab/slide-shadow.gif) no-repeat top center transparent;
	}

	#slide li img, 
	#slide-clone li img {
		margin: 28px 0 0 20px;
	}	

	.slide-fade {
		position: absolute;
		height: 250px;
		width: 310px;
		z-index: 10;
		background: url(/images/vab/slide-fade.png) no-repeat top center transparent;
	}

	* html .slide-fade {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/slide-fade.png' sizingMethod='scale');
	}

/* SHADOWS AND EXTRA STUFF FOR THE FIELDSETS AND SCROLLERS */

#design-category {
	height: 25px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 65px 0 0 0;
}

#design-scroller-shadow {
	clear: both;
	background: url(/images/vab/carousel_container_shadow.jpg) no-repeat 50% 2px transparent;
	height: 75px;
}

#design-color {
	height: 25px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 30px 0 10px 0;	
}

#design-color ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 250px;
	display: inline;
}

#design-color ul li {
	margin: 0 0 0 10px;
	display: inline;
	padding: 8px 0 3px 0;	
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#design-color ul li a:link,
#design-color ul li a:visited {
	padding: 5px 10px 0 10px;	
	border: 3px solid #ffffff;
	background: none;
	text-decoration: none;
}

#design-color ul li a:hover,
#design-color ul li a:active {
	border: 3px solid #ffff99;
}

#design-color ul li a span {
	display: none;
}

#design-actions {
	padding: 10px;
	text-align: center;
}

#design-image-container {
	height: 200px;
}

#design-image-stage {
	width: 200px;
	height: 200px;
	margin: 0 0 0 -100px;
	position: absolute;
	left: 50%;
	overflow: hidden;
}

#design-image {
	width: 200px;
	height: 200px;
}

#design-image img {
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#design-image a:link,
#design-image a:visited {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: none;
	border: 10px solid #ffffff;
	display: block;
	width: 180px;
	height: 180px;
}

#design-image a:hover,
#design-image a:active {
	background: none;
	border: 10px solid #ffff99;	
}

#design-image-loading {
	height: 32px;
	width: 32px;
	position: absolute;
	z-index: 20;
	left: 50%;
	margin: 40px 0 0 -16px;
}

#design-image-shadow, #design-preview-shadow {
	clear: both;
	background: url(/images/vab/theme_image_shadow.jpg) no-repeat 50% 0px transparent;
	height: 52px;	
}

/*
 * Package Choices
 */

#three-easy-steps {
	height: 29px;
	width: 187px;
	background: url(/images/vab/3-easy-steps.jpg) no-repeat 0 0 transparent;
}
	
	#three-easy-steps span {
		display: none;
	}
	
	#main #step-one h2,
	#main #step-two h2,
	#main #step-three h2 {
		text-indent:-999em;
	}

	#main #step-one p a,
	#main #step-two p a,
	#main #step-three p a {
		margin-left:-5px;
	}

#step-one {
	background: #F3F3F3;
	height: 105px;
	float: left;
	margin: 10px 0 22px 0;
	width: 278px;
}

	#step-one-header {
		height: 31px;
		margin: 10px 0 0 10px;
		background: url(/images/vab/header-pick-a-package.jpg) no-repeat 0 0 transparent;
	}
	
	.select_package #step-one-header {
		background-image: url(/images/vab/header-pick-a-package-active.jpg);
	}
	
	
	#five-pack-header {
		background: url(/images/vab/header-smart-pack.jpg) no-repeat 0 0 transparent;
		height: 23px;
		margin: 0 0 20px 0;
	}
	
	#ten-pack-header {
		height: 22px;
		margin: 0 0 20px 0;
		background: url(/images/vab/header-flash-pack.jpg) no-repeat 0 0 transparent;
	}
	
	#ultimate-pack-header {
		height: 22px;
		margin: 0 0 20px 0;
		background: url(/images/vab/header-ultimate-pack.jpg) no-repeat 0 0 transparent;
	}

	#step-one-header span,
	#five-pack-header span,
	#ten-pack-header span,
	#ultimate-pack-header span {
		display: none;
	}
	
	#step-one p {
		margin: 5px 10px 0 52px;	
		line-height: 16px;
		font-size: 13px;
	}
	
	#step-content {
		background: url(/images/vab/bg-packs.jpg) repeat-x 0 0 transparent;
		border: 1px solid #FF8800;
		clear: left;
		width: 888px;
		padding: 0 0 0 0;
		position:relative;
	}
	
	#step-content.step-two,
	#step-content.step-three {
		padding:0 16px;
		width: 852px;
	}
	
	#step-content.step-one h2 {
		margin-top:0;
	}
	
	.step-one #step-content-shim,
	.step-two #step-content-shim,
	.step-three #step-content-shim {
		background-color: #D8F6FF;
		height: 1px;
		position:absolute;
		top:-1px;
		overflow: hidden;
		width: 278px;
	}
	
	.step-one #step-content-shim {
		left:0;
	}
	
	.step-two #step-content-shim {
		left:303px;
	}

	.step-three #step-content-shim {
		left:606px;
	}
	
	#step-content .right a:link,
	#step-content .right a:visited {
		border: 1px solid #FF8800; 
		text-decoration: none;
		display: block;
	}
	#step-content .right a:hover, 
	 	.right a:active {
		text-decoration: none;
		border: 1px solid #D8F6FF;
	}
	
	#five-pack,
	#ten-pack,
	#ultimate-pack {
		width: 375px;
		margin: 30px 0 0 0;
		padding: 0 0 0 50px;
		float: left;
	}
	
	#five-pack .details,
	#ten-pack .details,
	#ultimate-pack .details {
		border: 3px solid #D8F6FF;
		padding: 5px 5px 5px 5px;
		width: 240px;
		margin: 0 0 0 95px;
		line-height: 23px;
	}
	
	#five-pack-starburst { 
		width: 81px;
		height: 123px;
		float: left;
	}
	
	
	#five-pack dl {
		font-size: 12px;
		margin: 30px 0 10px 0px;
	}
	
	#ten-pack dl, 
	#ultimate-pack dl {
		font-size: 12px;
		margin: 30px 0 10px 95px;		
	}
	
	#five-pack dt,
	#ten-pack dt, 
	#ultimate-pack dt {
		color: #009BC8;
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	
	#five-pack dd,
	#ten-pack dd, 
	#ultimate-pack dd {
		background: url(/images/vab/arrow-right.jpg) no-repeat 0 4px transparent;
		margin: 0 0 5px 20px;
		padding: 0 0 0 20px;		
	}
	
	#five-pack-starburst a:link,
	#five-pack-starburst a:visited,
	#five-pack-starburst a:hover,
	#five-pack-starburst a:active {
		width: 81px;
		height: 123px;
		display: block;
		background: url(/images/vab/starburst-smart.jpg) no-repeat 0 0 transparent;
	}
	
	#ten-pack-starburst { 
		width: 81px;
		height: 123px;
		float: left;
	}
	
	#ten-pack-starburst a:link,
	#ten-pack-starburst a:visited,
	#ten-pack-starburst a:hover,
	#ten-pack-starburst a:active {
		width: 81px;
		height: 123px;
		display: block;
		background: url(/images/vab/starburst-flash.jpg) no-repeat 0 0 transparent;
	}
	
	#ultimate-pack-starburst { 
		width: 81px;
		height: 123px;
		float: left;
	}
	
	#ultimate-pack-starburst a:link,
	#ultimate-pack-starburst a:visited,
	#ultimate-pack-starburst a:hover,
	#ultimate-pack-starburst a:active {
		width: 81px;
		height: 123px;
		display: block;
		background: url(/images/vab/starburst-ultimate.jpg) no-repeat 0 0 transparent;
	}
	
	#five-pack-starburst span,
	#ten-pack-starburst span,
	#ultimate-pack-starburst span {
		display: none;
	}
	
#step-two {
	background: #F3F3F3;
	width: 278px;
	height: 105px;
	float: left;
	margin: 10px 0 22px 25px;
}

	#step-two-header {
		height: 31px;
		margin: 10px 0 0 10px;
		background: url(/images/vab/header-select-a-theme.jpg) no-repeat 0 0 transparent;
	}
	
	.select_theme #step-two-header {
		background-image: url(/images/vab/header-select-a-theme-active.jpg);
	}

	#step-two-header span {
		display: none;
	}

	#step-two p {
		margin: 5px 10px 0 52px;	
		line-height: 16px;
		font-size: 13px;
	}

#step-three {
	background: #F3F3F3;
	width: 278px;
	height: 105px;
	float: left;
	margin: 10px 0 22px 25px;
}

	#step-three-header {
		height: 31px;
		margin: 10px 0 0 10px;
		background: url(/images/vab/header-login-and-edit.jpg) no-repeat 0 0 transparent;
	}

	.enter_information #step-three-header,
	.complete #step-three-header {
		background-image: url(/images/vab/header-login-and-edit-active.jpg);
	}

	#step-three-header span {
		display: none;
	}

	#step-three p {
		margin: 5px 10px 0 52px;	
		line-height: 16px;
		font-size: 13px;
	}

.select_package #step-one,
.select_theme #step-two,
.enter_information #step-three,
.complete #step-three {
	background: #D8F6FF;
	border: 1px solid #FF8800;
	border-bottom: none;
	height:127px;
	margin-bottom:0;
}

/* 
 * Theme Color Select
 */

.theme_color {
	position: relative;
	float: left;
	_display: inline;
	padding: 1px;
	margin-right: 16px;
	border: 5px solid #fff;
	text-align: center;
}
.theme_color_offset {
	width: 180px;
	height: 180px;
	background-position: left top;
	background-repeat: no-repeat;
}
#main .theme_color a, #main .theme_color a img {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
.theme_color_preview {
	position: absolute;
	top: 80px;
	left: 40px;
}
.theme_color_preview a {
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
}
.theme_color_select {
	position: absolute;
	top: 100%;
	left: 0;
}
.theme_color_select a {
	width: 180px;
	height: 35px;
	display: block;
	text-align: center;
}

#theme_categories {
	position: absolute;
	top: 10px;
	right: 18px;
}

/*
 * Current Themes Page
 */

.theme-set {
	background-color: #F3F3F3;
	width: 858px;
	margin: 25px 0 0 0;
	padding: 15px 15px 15px 15px;
	clear: right;
}

	.theme-set a:link,
	.theme-set a:visited {
		margin: 0 15px 0 0;
		height: 180px;
		width: 180px;
		display: block;
		float: left;
		padding: 4px 4px 4px 4px;
		background-color: #FFFFFF;
	} 
	
	.theme-set a:hover,
	.theme-set a:active {
		background-color: #009BC8;
	}
	
.right {
	margin: 0 0 25px 0;
}

/*
 * Contact Form
 */

form#contact_form fieldset {
    width: 885px;
}

form#contact_form #business_label,
form#contact_form #business_field {
	display: none;
}

form#contact_form fieldset dd {
	width:575px;
}

form#contact_form .text,
form#contact_form .textarea {
    width: 550px;
}