/********************************************* RESET *****************************************/

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, legend, table, caption, tbody, tfoot, thead, tr, th, td { 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; } /* only redefine a focus styles, not other ones (namely, input) bc browsers highlight them differently and we shouldn't mess with that*/ a: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 */ table { border-collapse: collapse; border-spacing: 0; }


/******************************************** FONTS *****************************************

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
*/

/***************************************** BASE STYLES ***************************************/

/* body */
body {
font-size: 62.5%; /* 10px default font */
font-family: 'Helvetica Nueue', Helvetica, Arial, Verdana, sans-serif;
background-image:url(../img/bg_gradient.jpg);
background-repeat:repeat-x;

/*
background: url('http://www.ethanresnick.com/reportLA/baseline.gif');
*/

line-height: 1.8em;
_text-align:center; /*IE 5.5*/
}

html>body {
font-size: 10px; /*ie will ignore this rule, but it sets the base font size explicitly for newer browsers that resize pixel-sized text, were the default font-size they use ever to change in the future */
}

.page {width:897px;  margin: 0 auto; _text-align:left; /*background-image:url(baseline.gif);*/ overflow:hidden; }
.body{_zoom:1; clear:both; }

/*lists*/
ol, ul {list-style-position:inside; }
ol li {list-style-type: decimal; display:list-item; }
ul, ul li {list-style-type: disc; }

/* links (default color is blue, with green on hover) */
a { color:#1D8DDD; text-decoration: none; }
a:focus, a:hover { color:#37a600 !important; }
a:focus {outline:1px dotted #333; }


/*formatting + images */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}


/*acronyms and abbreviations */
abbr, acronym 
{
	border-bottom-width:1px;
	border-bottom-style:dashed;
}



/****************************************** TEMPLATE *****************************************/

.column {margin-right:21px; float:left; display:inline; } /*floating and the gutter */

.oneUnitCol {width:81px; }
.twoUnitCol {width:183px; }
.threeUnitCol {width:285px; }
.fourUnitCol {width:387px; }
.fiveUnitCol {width:489px; }
.sixUnitCol {width:591px; }
.sevenUnitCol {width:693px; }
.eightUnitCol {width:795px; }
.fullWidthCol {width:897px; }

.lastCol, .lastColAndInContainer {margin-right:0; }

.body {padding-bottom:7.2em; margin-top:-1px; /*border compensation */}
.body > .sixUnitCol {padding-left:102px; }

.leadTop {padding-top:1.8em; }
.leadTop2 {padding-top:3.6em; }
.leadBottom {padding-bottom:1.8em; }

/*************** EXTENDERS *******************/
.imgReplace {text-indent:-1000em; }
.accessibility {position:absolute; left:-1000em; }
.center {margin-left:auto; margin-right:auto; display:block; }

ul.simpleList li, ol.simpleList li {list-style-type: none; }
ul.navThree li, ol.navThree li {width:32%; }
ul.navFour li, ol.navFour li {margin-right:1.6153846em; }
ul.navFour li.lastLI, ol.navFour li.lastLI {margin-right:0; }
ul.navThree li a, ol.navThree li a {width:100%; height:100%; }
.clearFix {clear:both; width:100%; overflow:hidden; _zoom:1; }

ul.miscFunctionLinks li {float:left; display:inline; }
ul.miscFunctionLinks li a {color:#aaa; }

.presentationalBold {font-weight:bold; }
.indentFromRule {margin-left:4px; }

.left {float:left; display:inline; }
.right {float:right; display:inline; }

/****************************************************** ETHAN OVERIDES ********************************************************/


/******* ELEMENTS ******/
/*TO COMPENSATE FOR ALL CAPS, MULTIPLY BY 61/49), set line height to 1 and multiply the margin/paddings to compensate */

.h1 {font-weight:bold; font-size:240%; color:#636363; line-height:1em; width:500px; } /*900% = 1em in margin */
.h1.leadBottom {margin-bottom:.75em; }
.h1.leadBottomOneThird {margin-bottom:.25em; }
.h1.leadTop {margin-top:.75em; }
.h1.leadTop3 {margin-top:2.25em; }
.h1.leadEven {margin:.375em 0 .375em 0; }
.ruleBottomWidthOne .h1.leadBottomOneThird {margin-bottom:.208333em; }

.h2 {font-size:170%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; line-height:1.058823em; text-transform:uppercase; color:#37a600!important; text-align:left; }
.h2.leadBottom2 {padding-bottom:2.117647em;  }
.h2.leadTop3 {padding-top:3.17647em; }

.h3 {font-size:160%; font-weight:800; line-height:1.125em; text-transform:uppercase; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; }
.h3.leadTop {padding-top:1.125em; }
.h3.leadTopIrregular {padding-top:3.871248em; } /* 3.444111 lines bc logo = 4.333 lines, and h3 = 16/18 lines and (4.333-(16/18)) = 3.444111 * (18/19.9) = 3.1155 */
.h3.leadBottom {padding-bottom:1.125em; }

.h4 {font-size:170%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; line-height:1.058823em; color:#a88c00!important; text-align:left; font-style:italic; display:inline; }
.h4.leadBottom {padding-bottom:1.058823em; }
.h4.leadTop {padding-top:1.058823em; }
.h4.leadTop2 {padding-top:2.117647em; }
	
	
.h5 {font-size:130%; font-style:italic; line-height:1.384615em; color:#1D8DDD; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; }
.h5.leadTop {padding-top:1.5em; }


.h6 {display:inline; font-size:130%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; line-height:1.384615; color:#a88c00!important; text-align:left; margin-left:1.2em;  margin-right:1.2em; position:relative; top:1px; }


.nav {font-size:145%; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:800; text-transform:uppercase; line-height:1.2413793em; color:#707070; }
.nav.leadTopOneThird {margin-top:.4137889em; /* (18/16.183674)  * .333333 */ }

.nav a {font-size:100%; padding:0; margin:0; }



ul.nav li, ol.nav li {float:left; }
.nav a {color:#707070; }
.nav li.active, .nav li.active a {color:#1D8DDD; }
.nav li:hover, .nav li:hover a {color:#37a600; } 


em {font-size:120%; color:#404040; font-style:italic; }
em.leadTop2 {padding-top:3em; display:block; }
.bodyText p em {font-size:100%; }

blockquote .h2 {font-weight:normal; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; }

strong, .strong {font-weight:bold; font-size:100%; }
.bodyText .strong.leadTop {padding-top:1.5em; }

.bodyText p
{
	font-size: 130%;
	line-height: 1.3846153em;
	margin-bottom: 1.3846153em;
	text-align: left;
	color:#404040;
	display:block;
}

form
{
	font-size: 120%;
	line-height: 1.5em;
	text-align: left;
	color:#404040;
}

label {vertical-align:top; }

.bodyText ul li
	{
		font-size: 130%;
		line-height: 1.3846153em;
		text-align: left;
		color:#404040;
	}

.bodyText ul {margin-left:2em; margin-bottom: 1.3846153em; }

.ruleDotted {border-style:dotted; border-width:0; }
.ruleDoubleBorder {border-style:double; border-width:0;  }
.ruleSolid {border-style:solid; border-width:0;  }

.ruleTopWidthTen {border-top-width:10px; }
.ruleTopWidthOne {border-top-width:1px; }
.ruleTopWidthThree {border-top-width:3px; }

.ruleBottomWidthTen {border-bottom-width:10px; }
.ruleBottomWidthOne {border-bottom-width:1px; }
.ruleBottomWidthThree {border-bottom-width:3px; }

.ruleColorBlue {border-color:#06237c; }
.ruleColorDarkerGray {border-color:#666; }
.ruleColorDarkGray {border-color:#888; }
.ruleColorLightGray {border-color:#aaa; }


.miscFunctionLinks {color:#aaa; font-size:110%; line-height:1.636363em; text-transform:uppercase; margin-right:0; font-family: 'VAG Rounded', 'Arial Rounded', 'Arial Rounded MT', 'Arial Rounded MT Bold', 'Helvetica Rounded', 'Lucida Sans', 'Lucida Sans Unicode', Tahoma, sans-serif; font-weight:600; } 
.miscFunctionLinks li {float:left; color:#aaa; margin-right:1.9em; }
li.lastLI {margin-right:4px; }






/****** UNIQUE BAD PRACTICE STUFF ******/

/********* MASTHEAD ****************/

.head h1 {background-image:url(../img/logo.gif); background-repeat:no-repeat; float:left; display:inline; }
.head h2 {float:right; display:inline; }

#backToSite {position:absolute; left:-2px; right:0; top:4.2em; /*2.3333 lines at 10px font */ _zoom:1; }

/* ALL CAPS COMPENSATIONS */


/* COUNTRY SUGGESTION FORM */
#countryFormContainer {background-color:#d6f97e; border:1px solid #538cda; width:180px; -moz-border-radius:8px; -webkit-border-radius: 8px; border-radius:8px; padding:1em; position:absolute; top:14.4em; left:auto; margin-left:16.3em; _top:13.4em; _left:26.3em; }
#close {background-image:url(../img/close.gif); height:21px; width:21px; background-repeat:no-repeat; text-indent:-1000em; position:absolute; top:-11px; left:-10px; }
#close.png {background-image:url(../img/close-2.gif); } /*add a png class to override the default give used on window close boxes */
	
#boxHeader {position:absolute; text-indent:-1000em; background-image:url('../img/coupon_code.gif'); width:110px; background-repeat:no-repeat; height:22px; left:70px; top:-10px; }

#countryFormContainer tr:hover {color:#1D8DDD; cursor:pointer; }
#countryFormInstructions {font-weight:600; display:block; text-align:center; line-height:1.1em; font-size:.95em; margin-bottom:.8em; }
#enterCountry {width:98%; margin-bottom:1em; }


/* BACKGROUNDS */
.bg-format {/*background-image:url(../img/bg_2.gif);*/ background-position:600px 0px; background-repeat:no-repeat; }
.buy {background-image:url(../img/buyButtons.gif); background-position:-86px 0; background-repeat:no-repeat; text-indent:-1000em; height:23px; width:86px; display:block; margin-top:-4px; position:relative; top:2px; }
a.buy:hover {background-position:0px 0px; }


/** PRODUCT PAGE **/
#quoteContainer {margin-left:102px; /*one grid unit*/ }
#quoteContainer p {padding-right:40px; /*so it doesn't go right up to the edge, stops midway under the orb*/ }

.trailerButton {display: block; height:36px; text-indent:-1000em; background:url('../img/trailer.gif'); background-repeat:no-repeat; margin-left:480px; position:relative; top:4px; margin-top:-20px; }

.underhangLeftBadge {margin-left:55px; /*an arbitrary number to cover the badge overhang */}
#questImg {position:relative; left:55px; }
#comboHeadings {margin-left:-80px; /*-55 to get it back on the same line and then a 30px pull */} 


/************************************************ NEOFLIX STYLES **************************************************/
a.addlink, a.addlink:hover, a.addlink:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;

  padding: 1px 3px 1px 24px;
  margin-left: 5px;
  margin-right: 5px;

  width: 80px;
  display: block;

  background-color: #FF6600;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url('images/cart.gif');
}

a.delete {
  display: block;
  height: 20px;
  width: 20px;
  background-position: 0px -20px;
  background-repeat: no-repeat;

  background-image: url('../images/delete.png');
}
a.delete:hover {
  background-position: 0px -80px;
}

@media screen {
  .noscreen {
    display: none;
  }