/* structure */
html {background:#dde7ea;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;	color:#484747; background:url(/images/ui/masthead/sky.jpg) 50% 61px repeat-x;}
#wrapper {background:url(/images/ui/bg-a.png) top center repeat-x;}
#custom-doc {width:881px;text-align:left;margin:0 auto;}
#hd {height:62px; position:relative;}

.home {background:url(/images/ui/sky.jpg) /*50% 61px*/ bottom center repeat-x !important;}
.home #wrapper{background:url(/images/ui/home-bg2.png) top center repeat-x !important;}
.home #tabs {margin-bottom:50px;}
#flashHome {position:relative; left:-52px;}
object {outline:none;}

#tabs {margin-bottom:225px; position:relative; z-index:999;}
.panel-container {position:absolute; width:100%;}
.panel {background:url(/images/ui/panel-bg.png) top center repeat-x; display:none; width:811px; position:relative; z-index:999; padding:20px 35px 0 35px; height:470px; overflow:hidden; color:#000000; font-size:1.1em; line-height:2em;}
.panel h3 {color:#dd5e01; font-size:1.4em; border-bottom:1px solid #a1abab; padding-bottom:16px;}
.panel h3 span {color:#000000;}
.panel h4 {font-size:1.8em; margin-bottom:0.5em;}
.panel img {border:5px solid #e9f3f5; margin:0 0 1em 2em}
a.signUp {background:url(../images/ui/signup-button.png) top center no-repeat; text-align:center; font-size:1.5em; text-decoration:none; color:#000; display:block; float:left; clear:both; width:198px; height:51px; line-height:51px; margin-left:139px; margin-top:-2em;}
#tabs .advertisers, #tabs .retailers {width:407px; height:55px; display:block; position:relative; top:0; text-indent:-9999px; z-index:900;}
#tabs .advertisers {left:-5px; background:url(/images/ui/tab-1.png) top left no-repeat;}
#tabs .retailers {right:-3px; float:right; background:url(/images/ui/tab-2.png) top right no-repeat;}
#tabs .yui-u a.active {background:url(/images/ui/tab-2-open.png) top right no-repeat;}
#tabs .first a.active {background:url(/images/ui/tab-1-open.png) top left no-repeat !important;}

#tabs #advertisers-panel {}
#tabs #retailers-panel {margin-left:-450px;}

#bd {padding:26px 0;line-height:2em; font-size:1.1em;}

#yui-main {width:463px; float:left;}
	.yui-main-full {width:auto !important; float:none !important;}
#sidebar {width:354px; float:right; font-size:0.9em;}	

/* navigational */
#nav {background:url(/images/ui/nav-bg.png) repeat-x top center;}
#nav ul {margin:0;text-align:right;float:right; display:block; overflow:hidden; border-right:1px solid #000000;}
#nav li {list-style:none;display:block;float:left; margin:0; border-left:1px solid #000000; background:url(/images/ui/nav-li-bg.png) top left no-repeat;}
#nav a {color:#c0f09c;text-decoration:none;line-height:61px;display:block; padding:0 14px; }
#nav a:hover, #nav a.active {color:#bef19c; background:url(/images/ui/hover-bg2.png) repeat-x;}

ul#advertiserMenu {clear:both; display:block; width:600px; margin-bottom:10px; border:none;}
ul#advertiserMenu li {background:none; border:none;}
ul#advertiserMenu a {color:#169bb3; padding:0 10px; line-height:20px;}
ul#advertiserMenu a:hover {color:#097e38; background:none;}

#ft {background:url(/images/ui/ft-bg.png) top center repeat-x; color:#aad496; overflow:hidden; border-top:10px solid #c5d1d1; /*position:fixed; width:100%; bottom:0; left:0; z-index:999*/}
#ft-wrapper {margin:0 auto; width:881px; padding:0;}
#ft h1 {background:url(/images/ui/ft-h1-bg.png) no-repeat; margin-top:0; height:53px;}
#ft ul {margin:0; text-align:right; float:right; display:block; overflow:hidden; border-right:1px solid #000000;}
#ft li {list-style:none;display:block;float:left; margin:0; border-left:1px solid #000000; background:url(/images/ui/nav-li-bg.png) top left no-repeat;}
#ft li a {color:#c0f09c;text-decoration:none; line-height:59px; display:block; padding:0 14px;}
#ft li a:hover {color:#bef19c; background:url(/images/ui/hover-bg2.png) repeat-x;}
#ft a.active {color:#bef19c; background:url(/images/ui/hover-bg2.png) repeat-x;}
#ft p.copyright {float:left; font-size:0.8em;line-height:59px; margin:0;}


/* base typography */
h1 {font-size:138.5%; display:block; float:left; line-height:43px; width:324px; height:48px; background:url(/images/ui/vb-logo.jpg) 0 50% no-repeat; margin-top:5px;}
h1 a, h1 a:hover {color:#e4d9ce; text-decoration:none; cursor:pointer; display:block; width:100%; height:100%;}
h1 a span, h1 a:hover span {color:#bef19c; display:block;}
h2 {font-size:138.5%; color:#dd5e01;}
h3 {font-size:108%; color:#015e6f;}
h4 {color:#015e6f;}
h4 span {color:#c95d0e;}
h2,h3, .right span {margin:1em 0;}
.right span {font-size:16px; float:left;}
h3.callout {background:url(/images/ui/rule.png) bottom center no-repeat; padding-bottom:10px; margin-bottom:18px;}
a {color:#169bb3; outline:none;}
a:hover, a:active, a:focus {color:#097e38;}

input.button, a.button {background:url(/images/ui/button.png) top center no-repeat; height:32px; line-height:28px; width:125px; border:none; cursor:pointer; color:#bef19c; float:right; text-align:center;position:relative; float:right; margin:0.5em 0; text-decoration:none;}

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;}
table {font-size:0.9em; width:100%;}
th,td {padding:0.5em;}
th {background:#30363a;	color:#acb3b8; text-transform:uppercase; white-space:nowrap;}
td {color:#38808e; background:#e6eff1; vertical-align:top}
tr.even td {background:#d6e1e3;}
caption {margin-bottom:.5em; text-align:center;}
p,fieldset,table {margin-bottom:1em;}
textarea, input {font-family:Verdana, Arial, Helvetica, sans-serif; resize:none;}
.hide {display:none;}
#javascript {position:fixed;
  bottom:0;
  background:#000;
  width:100%;
  text-align:center;
  color:#FFF;
  z-index:99999;
  -moz-opacity:.70;
  filter:alpha(opacity=.70);
  opacity:.70;
  padding:20px;
}

/* about profiles - not used at the moment */

/*.profiles {border-bottom:1px solid #c5cfd1; display:block; overflow:hidden; padding:20px 0 14px 0;}*/
.profiles {display:block; clear:both; margin-bottom:1em; overflow:hidden;}
.profiles .figure {float:left; width:105px; text-align:right; margin-right:1em}
.profiles .figure img {border:5px solid #e9f3f5; width:91px;}
/*.profiles .bio {float:right; width:235px; color:#74898c; line-height:2em;}*/

/* faq sidebar links */
.faq {font-size:1.1em;}
.faq ul {margin:0;}
.faq li {list-style:none; padding-bottom:2px; line-height:1.5em; display:block; background:url(/images/ui/rule.png) bottom center repeat-x;}
.faq a {padding:11px 32px; display:block; background:url(/images/ui/question-mark.png) 0 50% no-repeat; text-decoration:none;}
.faq a:hover {background:url(/images/ui/arrow.png) 0 50% no-repeat;}

/* feature-box */
.feature-box {margin-bottom:1em;}
.feature-box .yui-u {background:url(/images/ui/feature-box.png) top center no-repeat;}
.feature-box div div {padding:5px 5px 5px 40px; line-height:1.8}
.feature-box h5 {color:#dd5e01;}
.feature-box p {font-size:0.8em; margin-bottom:2em;}

.testimonials blockquote {font-size:0.9em; line-height:1.8; margin:0;}
.testimonials cite {display:block; text-align:right; font-style:italic; color:#92A5AA;}

#sidebar .yui-g {background:url(/images/ui/rule.png) bottom center no-repeat; padding-bottom:10px; margin-bottom:10px;}
#sidebar .yui-g h4 { color:#dd5e01;}
#sidebar .yui-u {text-align:right}
#sidebar .first {text-align:left;}
#sidebar address {font-style:normal; color:#92A5AA;}

/* page header area */
.page-header {background:url(/images/ui/rule.png) bottom center no-repeat; margin-bottom:18px; overflow:hidden; display:block; clear:both;}
.left {width:463px; float:left;}
.right {width:360px; float:right;}

p.callout {color:#015e6f; font-size:1.75em; line-height:1.65em}
#scrollable .copy h3 {display:block; color:#015e6f; font-size:1.5em; line-height:1.65em; margin:0 0 1em 0 !important}
#scrollable .copy h3 span {background:url(../images/ui/tour-no.png) bottom center no-repeat; width:31px; text-align:center; margin-right:0.5em; display:block; float:left;  padding-top:2px;}

textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
table textarea {width:173px; padding:1px;}
table textarea, table input {border:1px solid #38808e; color:#939d9f;}
table input {border:1px solid #38808e; color:#939d9f; margin-bottom:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; width:100px; padding:1px;}

table small {color:#939d9f; font-size:1em;}

/* basic forms */
.form table {width:auto !important}
.form fieldset {margin:0 0 34px 0; padding:0;}
.form fieldset ol {margin:0; background: #e1ebed; padding:7px 5px;}
.form fieldset li {padding:8px 14px; margin-bottom:10px; list-style-type:none; background:#ecf4f6; display:block; clear:both; overflow:hidden;}

.form legend {font-size:0.9em; color:#abb0b5; background:#2e3337; text-transform:uppercase; padding:0px 7px; border:solid 1px #5f676a;}
.form label {position:relative; float:left; width:18em; margin-right:5px; line-height:2.7em; font-size:0.9em; color:#38808e;}
.form li.select-list label {line-height:3.7em;}
.form label span {color:#818e91;}
.form fieldset input {padding:5px; border:3px solid #b2c4c9; background:#ebf1f2 url(/images/ui/textinputbg.png) top left repeat-x; width:190px;}
.form select {padding:5px; width:186px;}
.form fieldset li textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; border:3px solid #B2C4C9; width:170px; background:#F6F9FA url(/images/ui/textinputbg.png) bottom left repeat-x; padding:5px;}

input.submit {width:auto; font-style:normal; color:#cfdadc; border:2px solid #CCCCCC; background:#38808E; cursor:pointer;}


input.submit:hover, input.submit:focus {background:#3895a7;}

.form .locations table {border:none;}
.form .locations .centered fieldset {margin:auto; width:500px;}
.form fieldset li span.error {display:block;}

table.checkboxList input, table.radioButtonList input {width:auto !important; margin-right:5px; border:none !important; background:none !important; cursor:pointer;}
table.checkboxList label, table.radioButtonList label {width:auto !important; float:none !important; cursor:pointer;}
table.checkboxList td, table.radioButtonList td {padding:0 !important}

.form table input, .form table label {line-height:3em !important}
.form table td {vertical-align:top; background:#ECF4F6;}

.subNav {}
.subNav {margin:0;}
.subNav li {display:inline; list-style:none;}
.subNav a {color:#38808f;background:#e5eff0; padding:0.25em; text-decoration:none;}
.subNav a:hover {background:#3a7f8e; color:#bef09d;}

.submitField {background:#d6e1e3; padding:0.5em 1em; margin:1em;}
.submitField input {padding:5px; border:3px solid #b2c4c9; background:#ebf1f2 url(/images/ui/textinputbg.png) top left repeat-x; width:170px; font-style:italic;}

/* tour view */
#tour {position:relative; background:url(/images/ui/tour-view.png) top center no-repeat; height:417px; width:879px; overflow:hidden;}
#scrollable {position:relative;height:417px; width:879px; overflow:hidden;}
.copy {float:left; width:410px; margin:35px 0 0 35px; display:block;}
.video {float:left; width:390px; height:220px; margin:35px 0px 0 10px; display:block;
/*temp*/
text-align:center; background:#f2f6f7; color:#b4b8b8; line-height:220px;
}

/* container for panes */
#panes {
	
/*	border-width:0 1px 1px 1px;*/
	position:absolute;
	width:10000px;
	top:-20px;
	
}

/* single pane */
#panes div.single {
	width:879px;
	margin-top:40px;
	float:left;
}

/***** player style *******/
/* container has a background image */
a.player {	
	display:block;
	background:#373737;
	width:390px; height:220px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:88px;
	border:0;	
}

a.dash-player {display:block; width:400px; height:280px;}

.select-video {position:absolute; bottom:13px; font-size:0.9em; width:100%; clear:both; display:block;}
.select-video ul {margin:0 0 0 45px;}
.select-video li {list-style:none; /*width:156px;*/ padding-right:15px; display:block; float:left; height:35px; margin-right:15px;}
.select-video a {padding-left:30px; background:url(../images/ui/select-video-button.png) top left no-repeat; color:#929fa7; display:block; text-decoration:none; height:35px; /*line-height:1.4*/ line-height:35px; cursor:pointer;}
.select-video a:hover, .select-video li.current a {background:url(../images/ui/select-video-button-hover.png) top left no-repeat; color:#bef19c;}

/*contact form */
.contactForm fieldset {margin:0;}
.contactForm fieldset ol {margin:0;}
.contactForm fieldset ol li {list-style:none;}
.contactForm label {}
.contactForm fieldset input, .contactForm fieldset textarea, .contactForm fieldset select  {display:block; float:left;}
.contactForm fieldset input.text {padding:5px; border:3px solid #b2c4c9; background:#ebf1f2 url(/images/ui/textinputbg.png) top left repeat-x; width:90%; margin-bottom:0.5em}
.contactForm fieldset span {float:left; margin-left:3px;}
.contactForm .yui-u input.text {width:190px;}
.contactForm fieldset textarea.text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; border:3px solid #B2C4C9; background:#F6F9FA url(/images/ui/textinputbg.png) bottom left repeat-x; padding:5px; height:125px; width:98%}
.contactForm fieldset input.submit {padding:5px; margin-top:10px; clear:both;}
.validationSummary, .contactForm .yui-g {display:block; clear:both;}

.success {    
    margin: 10px 0px;
    padding:15px 10px;
    color: #4F8A10;
	display:block !important; width:100%; clear:both; text-align:center;
}

/* the overlayed element */ 
div.overlay {background-image:url(/images/ui/white.png); width:400px; display:none; padding:55px;} 

/* default close button positioned on upper right corner */ 
div.overlay div.close {background-image:url(/images/ui/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}

#javascript {position:fixed; bottom:59px; background:#000; width:100%; text-align:center; color:#FFF; z-index:99999; -moz-opacity:.70; filter:alpha(opacity=.70); opacity:.70; padding:20px;}

#ie6 {position:relative; background:#3895A7; text-align:center; color:#FFF; z-index:99999; filter:alpha(opacity=60); padding:20px;}