/* v1.0 | 20080212 from Eric Meyer */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
/*  end reset */

.column_container:after, .clear_insides:after, .tabs:after, .col2:after, .col3:after, .col4:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column_container{display:inline-block;}
.column_container{display:block;}
.column_container, .clear_insides, .tabs, .col2, .col3, .col4{_zoom:1;}
.column{float:left;}
.column.first{clear:both;}
.column.last{float:right;}

.grid1{width:73px;}
.grid2{width:154px;}
.grid3{width:235px;}
.grid4{width:316px;}
.grid5{width:397px;}
.grid6{width:478px;}
.grid7{width:559px;}
.grid8{width:640px;}
.grid9{width:721px;}
.grid10{width:802px;}
.grid11{width:883px;}
.grid12{width:964px;}
.grid12.container{padding:0px 8px;} /* grid12 + 16px padding */
.col2, .col3. .col4{width:100%;}

html{padding:0;margin:0;background:#eee url(../images/main_bg_gradient.gif) repeat-x top left;}
body{font-family:"Arial Unicode", Arial, sans-serif;font-size:12px;color:#000;line-height:1.4em;}
a{color:#065fa3;text-decoration:none;}
h1{font-size:20px;padding:4px 0;font-weight:normal;line-height:1.3em;}
h2{font-size:18px;padding:4px 0;font-weight:normal;line-height:1.3em;}
p{padding:6px 0;}
#thewrapper{margin:0 auto;background-color:#fff;position:relative;}
#internalwrapper{margin:0 auto;background-color:#fff;position:relative;}
#backtomain{float:right;padding:20px 0;font-size:12px;}
#backtomain a{color:#065fa3;font-weight:normal;}
#backtomain a:hover{color:#666;}
#featurespace{overflow:hidden;}
#javascriptlocale{color:#065fa3;font-weight:bold;cursor:pointer;text-align:right;padding-bottom:5px;}
#thefooter{margin:0 auto;text-align:center;padding:10px 0 20px;}
#footer{font-size:11px;}
.gradient{background:url(../images/LVX_tab_gradient.gif) repeat-x top left;}
.gradient2{background:url(../images/TRYLV_hoverstate_gradient.gif) repeat-x top left;}
.gradient3{background:#fff url(../images/rainfall-gradient.gif) repeat-x top left;}
.inversegradient{background:#fff url(../images/landing-background.jpg) repeat-x top left;}


.internalpadding{padding:20px 80px;}
td.img{width:175px;}
td.spacer{width:60px;}
div.spacer{height:40px;}
.primarycta{font-size:18px;padding:50px 0 0;text-align:center;}
.overview{padding:0 0 10px;}
.centered{margin:0 auto;padding:20px 0;}

.curvedtop{background:transparent url(../images/curved-top.gif) no-repeat top left;height:5px;overflow:hidden;}
.curvedbottom{background:transparent url(../images/curved-bottom.gif) no-repeat top left;height:5px;overflow:hidden;}
.curvedcontent{border:1px solid #ccc;border-width:0 1px;position:relative;}

span.curvedtop{background:transparent url(../images/try-top.gif) no-repeat top left;height:11px;overflow:hidden;display:block;}
span.curvedbottom{background:transparent url(../images/try-bottom.gif) no-repeat top left;height:11px;overflow:hidden;display:block;}

#tryit td{text-align:center;}
#tryit td div div{border:1px solid #B3B3B3;border-width:0 1px;}
#tryit td div div div{border:1px solid #B3B3B3;border-width:1px 0 0;padding:10px;text-align:left;}
#tryit td div div div.theimage{border-width:0;text-align:center;height:125px;}
.imgtitle{padding-left:25px;}

#pagearea ul{margin:10px 0;padding:0;list-style-type:none;}
#pagearea ul li{background:url(../images/bullet_nopad.gif) no-repeat 3px -1px;padding-left:14px;line-height:1.2;margin-bottom:6px;font-size:12px;font-family:Arial, Helvetica, sans-serif;}

.image{border:1px solid #ccc;background-color:#fff;}
.gutterleft{margin-left:20px;}
.standardgutter{padding:8px;}

/* --  Primary Grey Gradient Tabs -- */
.cap{clear:left;}
/* tabs */
.tabs li a, .tabs li a span { display: block; padding: 0px 5px; background: url(/images/global/neutral/tabs/gradient_tabs_on_white.gif) no-repeat; }
.tabs { list-style: none; margin: 0; padding:0; }
.tabs li { float: left; min-width: 90px; margin-right: 6px; cursor: pointer;}
.tabs.blue li { min-width: 65px; }
.tabs li.ui-tabs-selected { margin-top: 0px;}
.tabs li a { margin: 0; outline: 0; z-index: 2; padding-left: 0px; position: relative; top: 1px; line-height: 1.2; text-align: center; white-space: nowrap; }
.tabs li a span {
width: 64px; height: 37px; /*IE treats these as min- */
min-width: 64px; min-height: 37px;
padding: 3px 17px 0px 17px;
}

/* * > .tabs li a span {} overrides the width, height given to IE6 in .tabs li a span for Firefox / Safari */
* >.tabs li a span { width: auto; height: auto; }
.tabs .ui-tabs-selected a span { padding-bottom: 1px; font-weight: bold;}
.tabs li a { background-position: 100% -180px; }
.tabs li a span { background-position: 0px -60px; }
.tabs .ui-tabs-selected a { background-position: 100% -120px; font-weight: bold; }
.tabs .ui-tabs-selected a span { background-position: 0px 0px; }

.tabs li a:hover {background-position: 100% -120px; text-decoration: none; }
.tabs li a:hover span { background-position: 0px 0px; }
/* pop the selected tab */
.tabs li { margin-top: 5px; } /* pushes non-selected tabs back down sucka. Needs to be the padding-top on the selected span - 3px*/
.tabs li.ui-tabs-selected { margin-top: 0px; }
.tabs .ui-tabs-selected a span { padding-top: 8px; } /* the top padding gives the illusion of the tab being popped */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide { display: none; }
}
/* /tabs */