/* www.vdiblaster.com | Dave Hanas, Version 1.0, 2009 - Copyright Devon IT 2009 */
@import url(../styles/reset.css);

body{ background: #74BAE1 url(../images/vdi-preheader-stretch-bar.jpg) repeat-x scroll center top; margin: 0px; padding: 0px; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
#pageWrapper{ margin: 0px auto; width: 920px; min-height: 400px; display: block; background: url(../images/vdi-page-background.jpg) no-repeat scroll left top; }
a:link, a:active, a:visited {color:#0098C4; text-decoration: none;}
a:hover{color:#9a8322; text-decoration: underline;}

/* pre-header ----------------------------------------------------------------------*/
#preHeader { display:block; float:none; min-height:85px; width:920px; }
#preHeader #logoLink { display:block; padding-left:16px; padding-top:11px; float: left; }
#preHeader ul#preheaderNav { float:right; font-size: 12px; color: #98BAC4; padding-right:32px; padding-top:13px; }
#preHeader ul#preheaderNav li { display:block; float: left; }
#preHeader ul#preheaderNav li a:link, #preHeader ul#preheaderNav li a:active, #preHeader ul#preheaderNav li a:visited { color:#98BAC4; text-decoration: none; }
#preHeader ul#preheaderNav li a:hover { color: #FDEB10; }

/* Header ----------------------------------------------------------------------*/
#headerWrapper { width: 920px; display: block; padding-bottom:75px; }
#headerWrapper #tagline { background: url(../images/vdi-blaster-tagline.png) no-repeat scroll left top; height: 92px; width: 420px; display:block; margin-left:365px; margin-top:-20px; position: relative; }
#headerWrapper #intro { color:#FFFFFF; display:block; font-size:29px; line-height:34px; margin-left:435px; margin-top:14px; position:relative; width:460px; }
#headerWrapper #intro a { background: url(../images/vdi-blaster-read-more-btn.gif) no-repeat scroll center top; display: block; height: 41px; width: 131px; margin-left: -2px; position: relative; }
#headerWrapper #intro a:hover { background: url(../images/vdi-blaster-read-more-btn.gif) no-repeat scroll center -43px; }

/* Main Navigation */
#navWrapper { width: 920px; height: 64px; display: block; background: url(../images/vdi-blaster-nav-bar-bg.gif) no-repeat scroll center top; position: relative; overflow: hidden; }
#navWrapper ul#mainNav { font-size: 16px; line-height: 21px; padding-right: 1px; padding-bottom: 1px; padding-left: 18px; position: relative; }
#navWrapper ul#mainNav li { display:block; float: left; padding-right:20px; position:relative; padding-top: 19px; z-index: 200; }
#navWrapper ul#mainNav li a:active, #navWrapper ul#mainNav li a:visited, #navWrapper ul#mainNav li a:link { color: #00BCF2; text-decoration: none; padding: 20px 0px; }
#navWrapper ul#mainNav li a:hover, #navWrapper ul#mainNav li#selected a{ color: #FDEB10; }
#navWrapper ul#mainNav li a img { margin-bottom:-8px; margin-right:3px; margin-left: 14px; }
#navWrapper ul#mainNav li#btn-BuyNow { padding-right: 0px; padding-top: 5px;background:transparent url(../images/vdi-blaster-nav-bar-bg.gif) no-repeat scroll center top; }
#navWrapper ul#mainNav li#btn-BuyNow a { background: url(../images/vdi-blaster-buy-now-btn.png) no-repeat scroll center top; display: block; height: 58px; width: 147px; padding: 0px; }
#navWrapper ul#mainNav li#btn-BuyNow a:hover { background: url(../images/vdi-blaster-buy-now-btn.png) no-repeat scroll center -63px; }
#navWrapper ul#mainNav li#btn-BuyNow a#selected { background: url(../images/vdi-blaster-buy-now-btn.png) no-repeat scroll center -63px; }

#navWrapper ul#mainNav li.backLava {z-index: 8;position: absolute;float: none; padding-right: 0px;}
#navWrapper ul#mainNav li.backLava .leftLava {background-color:#666666;width: 99%;height: 44px;float: none;-moz-border-radius: 12px; -webkit-border-radius: 12px; position: relative;margin-top:-10px;}

/* Content Area */
#colWrapper { background: #FFFFFF url(../images/vdi-blaster-content-area-bg.gif) repeat-x scroll left top; width: 852px; display: block; padding-right: 34px; padding-left: 34px; padding-top: 58px; font-size: 13px; line-height: 21px; color:#404040; }
#colWrapper h1 { font-size: 34px; line-height: 38px; font-weight: bold; color: #404040;padding-bottom:13px; }
#colWrapper h2 { font-size: 24px; line-height: 28px; color: #7f7d50; padding-bottom:13px; }
#colWrapper h3 { font-size: 24px; line-height: 28px; font-weight: bold; color: #404040; }
#colWrapper h4 { font-size: 18px; line-height: 21px; color: #7f7d50; padding-bottom:13px; }
#colWrapper h5 { font-size: 18px; line-height: 21px; font-weight: bold; color: #404040; }
#colWrapper h6 { font-weight: bold; color: #7f7d50; }
#colWrapper p { padding-bottom: 13px; }

#btmCurve{ margin: 0px auto; background: url(../images/vdi-blaster-content-area-btm-curve.gif) no-repeat scroll center top; width: 920px; height: 28px; display: block; padding-bottom: 25px; }
#btmCurve a{ background:#FFFFFF url(../images/vdi-blaster-right-col-top.gif) no-repeat scroll center top; display: block; float: right; width: 265px; padding: 5px 24px; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 34px; margin-top:4px; position: relative; }

#colWrapper #leftCol { display:block; float: left; width: 466px; padding-left: 28px; min-height:300px; }
#colWrapper #leftCol ul, #colWrapper #leftCol ol { padding-bottom: 13px; }
#colWrapper #leftCol ul li { background:transparent url(../images/icon-bullet-point.gif) no-repeat scroll 0 0.5em; display:list-item; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 0px 6px; padding:0px 0px 0px 28px; }
#colWrapper #leftCol ol li { margin-left:22px; position:relative; }
#colWrapper #rightCol{ background: #f5f5f5; display: block; float: right; width: 265px; padding: 5px 24px; }
#colWrapper #rightCol #rightColTop{ background:#FFFFFF url(../images/vdi-blaster-right-col-top.gif) no-repeat scroll center top;display:block;height:25px;margin-left:-24px;margin-top:-5px;position:relative;width:313px; }
#colWrapper #rightCol #rightColBottom{ background:#FFFFFF url(../images/vdi-blaster-right-col-bottom.gif) no-repeat scroll center bottom; display:block; height:45px; margin-left:-24px; position:relative; width:313px; margin-bottom: -5px; }
#colWrapper #rightCol ul{padding-bottom:6px;}
#colWrapper #rightCol ul li { background:transparent url(../images/icon-rightcol-bullet-point.gif) no-repeat scroll 0 0.7em; display:list-item; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 0px 0px; padding:3px 0px 3px 28px; border-bottom: 1px solid #e2e5e6; }
#colWrapper #rightCol h5 {padding-bottom: 13px; padding-top:13px;}
#colWrapper #rightCol h5 img{margin-bottom:-16px;position:relative;}

/*home page content area */
#colWrapper #hp-colLeft, #colWrapper #hp-colMiddle { width: 248px; display: block;}
#colWrapper #hp-colLeft{ float: left; padding:; padding: 0px 25px 0px 0px; }
#colWrapper #hp-colMiddle{float: left;}
#colWrapper #hp-colRight{float: right;display: block; width: 313px;}

/*Footer Area */
#footerStretch { margin: 0px auto; width: 100%; min-height: 375px; display: block; background:#273033 ; position: relative;padding-top:13px; }
#footerStretch #footerColWrapper{margin: 0px auto; width: 795px; display: block; font-size: 13px; line-height: 21px; color: #B0B0B0;}
#footerStretch #footerColWrapper h2{ color:#B0B0B0; font-size: 20px; line-height: 32px; font-weight: bold; padding-bottom: 13px;}
#footerStretch #footerColWrapper h2 img{margin-bottom:-6px;position:relative;}
#footerStretch #footerColWrapper h4{ font-weight: bold; color: #FFFFFF;}
#footerStretch #footerColWrapper p{ padding-bottom: 13px; }
#footerStretch #footerColWrapper #fw-leftCol{width: 457px; display: block; float: left;}
#footerStretch #footerColWrapper #fw-rightCol{width: 258px; display: block; float: right;}
#footerStretch #footerColWrapper #fw-rightCol ul {border-top: 1px solid #2a4a53;}
#footerStretch #footerColWrapper #fw-rightCol ul li{ background:transparent url(../images/icon-bullet-point-on-gray.gif) no-repeat scroll 0 0.5em; display:list-item; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 28px; border-bottom: 1px solid #2a4a53;}
#footerNav{margin: 0px auto; width: 920px; display: block; font-size: 11px; color: #525252; padding-top: 25px; height: 50px;}
#footerNav ul{}
#footerNav ul li{ display:block; float: left;}
#footerNav ul li a{ color: #525252;}
#footerNav p{text-align: center; display: block; float: left; width: 100%;}

/*forms */
fieldset { background: #D9E3E9 none repeat scroll 0 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border:3px solid #ebeff1; float:left; margin:0; padding:17px 20px 0 34px; }
dl { margin-top:10px; position:relative; width:400px; }
dd { float:left; margin:0 0 8px; padding-left:6px; width:275px; position: relative; }
dt { clear:both; float:left; padding:3px 0; text-align:right; vertical-align:top; width:90px; }
.label { font-weight: bold; vertical-align:top; }
dt.formSpacer, dd.formSpacer { border-top:1px solid #2a4a53; margin:12px 0 0; position:relative; }
.input { background:#FFFFFF none repeat scroll 0 0; border:1px solid #99BADE; padding:3px; vertical-align:top; }
.select { padding:2px 0; }

/*forms error styling */
label.error { border: 1px solid #CC0000; background: #FFCC99 url(../images/icon-alert.gif) no-repeat scroll 3px top; /*left:170px;*/ margin-left:10px; padding:4px 3px 4px 28px; position:absolute; top:-2px; width:230px; z-index:500; font-size: 11px; line-height: 16px; text-transform: uppercase; }
input.error, select.error { border: 1px solid #CC0000; background: #FFCC99; }
input.valid, select.valid { border: 1px solid #339900; background: #CCFFCC; }

/*btn ID's*/
a#btn-Cart { background: url(../images/btn-add-to-cart.gif) no-repeat scroll left top; display: block; height: 41px; width: 147px; position: relative; margin-left: -5px; margin-top: 13px; }
a#btn-Cart:hover { background: url(../images/btn-add-to-cart.gif) no-repeat scroll left -43px; }

a#btn-FAQ { background: url(../images/btn-FAQs.gif) no-repeat scroll left top; display: block; height: 41px; width: 187px; position: relative; margin-left: -5px; margin-top: 13px; }
a#btn-FAQ:hover { background: url(../images/btn-FAQs.gif) no-repeat scroll left  -43px; }

a#btn-TechSpec{ background: url(../images/btn-tech-specs.gif) no-repeat scroll left top; display: block; height: 41px; width: 216px; position: relative; margin-left: -5px; margin-top: 13px; }
a#btn-TechSpec:hover { background: url(../images/btn-tech-specs.gif) no-repeat scroll left  -43px; }

a#btn-whyVDI{ background: url(../images/btn-why-vdi.gif) no-repeat scroll left top; display: block; height: 41px; width: 205px; position: relative; margin-left: -5px; margin-top: 13px; }
a#btn-whyVDI:hover { background: url(../images/btn-why-vdi.gif) no-repeat scroll left  -43px; }

a#btn-whatVDI{ background: url(../images/btn-what-is-vdi-blaster.gif) no-repeat scroll left top; display: block; height: 41px; width: 204px; position: relative; margin-left: -5px; margin-top: 13px; }
a#btn-whatVDI:hover { background: url(../images/btn-what-is-vdi-blaster.gif) no-repeat scroll left  -43px; }

/* Classes */
.table{ margin: 6px 0px 13px; position: relative; }
.table tr td{border-bottom: 1px solid #2a4a53; padding: 5px;}
.table tr td.heading{font-weight: bold; color: #7f7d50; font-size: 16px;}
.table tr td.grayBg1{ background: #f8f8f8; border-left: 1px dotted #999999;}
.table tr td.grayBg2{ background: #efefef; border-left: 1px dotted #999999;}
.table tr td.blueBg1{ background: #eff8fc;}
.table tr td.blueBg2{ background: #e1f1f8;}

.textIndent { text-indent: -100000px; display: block; }
.textYellow { color: #FDEB10; }

.content-important { border: 1px solid #FDEB10; background: #FFFFCC; position: relative; margin-bottom: 13px;  padding:2px 3px 2px 28px; font-size: 11px; text-transform: uppercase; }
.content-warning { border: 1px solid #CC0000; background: #FFCC99; position: relative; margin-bottom: 13px; background: #FFCC99 url(../images/icon-alert.gif) no-repeat scroll 3px center; padding:2px 3px 2px 28px; font-size: 11px; text-transform: uppercase;  }
.content-success { border: 1px solid #339900; padding: 10px; background: #CCFFCC; position: relative; margin-bottom: 13px; }

.borderTop {border-top: 1px solid #e2e5e6;}
.borderBottom {border-bottom: 1px solid #e2e5e6;}

.padTop{padding-top: 13px;}
.padBottom{padding-bottom: 13px;}

.caption{padding-bottom: 13px; font-size: 11px; display: block; position: relative;}

a.imgRollover img {border: 3px solid #0098C4; margin-top:13px;position:relative;}
a.imgRollover:hover img {border: 3px solid #FDEB10;}

/*Google Checkout Cart & Product display */
#googlecart-widget-spacer {float:right;margin-bottom:20px;margin-right:10px;position: relative;}
#googlecart-widget{position: relative;}
.override #googlecart-widget-head {border: 1px solid #0098C4; background: #FDF9DF; color: #00BCF2; width: 313px;}
.override #googlecart-widget-body {border: 1px solid #0098C4; width: 313px; position: relative;}
.override .googlecart-widget-footertext {float: right;}

div#productSidebar{ border: 1px solid #0098C4; background: #FDF9DF; width: 313px; float:right; margin-right:-1px; position: relative; margin-bottom: 3px; padding:0px; }
div#productSidebar img#product-image-sidebar{ padding: 13px; }
div.product {background:#FDF9DF none repeat scroll 0 0;border:1px solid #0098C4;margin-bottom:3px;margin-right:-1px;position:relative;width:343px;float: left;padding: 12px;}
div.product .product-image {float: left; padding-right: 30px;}
div.product span.product-title{font-weight: bold;}
div.googlecart-add-button { float: left;margin-left:-2px;margin-top:13px;position:relative;}

/*Pushup CSS*/
#pushup { position: fixed; top: 10px; right: 10px; margin: 0; padding: 4px; background: #ffffc6; border: 1px solid #b0dfc8; z-index: 9999; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
* html #pushup { position: absolute;  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');}

#pushup * { margin: 0; padding: 0; border: 0; background: none; }
.withReminder { padding-bottom: 6px; }
#pushup a { outline-style: none; text-decoration: none; }
#pushup .pushup_messageLink { float: left; position: relative; color: #4293cd; font-size: 12px; cursor: pointer; }
#pushup .pushup_icon { position: relative; float: left; height: 22px; width: 22px; margin-right: 5px; overflow: hidden; vertical-align: middle; }
#pushup .pushup_message { position: relative; float: left; margin-right: 3px; line-height: 22px; vertical-align: middle; }
#pushup .pushup_reminder { float: left; clear: both; font-size: 10px; color: #84a2ac; margin-left: 27px; cursor: pointer; }
#pushup .pushup_messageLink:hover, #pushup .pushup_reminder:hover { text-decoration: underline; }

/* Thick box CSS*/
* { padding: 0; margin: 0; }

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window { font: 12px Helvetica, Arial, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Helvetica, Arial, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:1000000; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(../images/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 1000001; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; width: 375px; float: right; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:1000002; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }