/*--------------------------------------------------------------

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
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,
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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#e2f5d0 url(/img/ezirange/bg-wallpaper.gif) no-repeat top center;	
	color: #3a3a3a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
  line-height: 1.5; /* Unitless for proper inheritance */
	}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {text-decoration:underline; font-weight:bold; color: #3a3a3a;}
a:hover {text-decoration:none;}
.col a { line-height: 1.7; }
a.padFix { display: block; }
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p           { padding: 0 0 1.5em 0; line-height: 1.7; }
#cols p			{ padding: 5px 0; }
p.last      { padding-bottom:0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0 0 1.5em 1.5em; line-height: 1.7 }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  color:#111; 
	}
/*h1#eziPlug-logo { width: 270px; height: 61px; background: url(/img/ezirange/plug-products.gif) no-repeat; margin-bottom: 10px; }
h1#eziAir-logo { width: 270px; height: 61px; background: url(/img/ezirange/air-products.gif) no-repeat; margin-bottom: 10px; }
h1#eziTent-logo { width: 270px; height: 61px; background: url(/img/ezirange/tent-products.gif) no-repeat; margin-bottom: 10px; }
h1#eziPond-logo { width: 280px; height: 61px; background: url(/img/ezirange/pond-products.gif) no-repeat; margin-bottom: 10px; }
h1#eziools-logo { width: 270px; height: 61px; background: url(/img/ezirange/trim-products.gif) no-repeat; margin-bottom: 10px; }*/
h1, h2 { color: #ff8400; font-style: italic; font-size: 230%; }
h1 span, h2 span { font-weight: bold; }
#cols h1 { padding: 0 0 2px 0; }
#intro h1 { padding-top: 34px; width: 654px; }
h3 { font-size: 1.8em; color: #3a3a3a; font-weight: normal; }
#left-content h3 {line-height: normal; padding-bottom: 20px; }
#intro h3 { padding-bottom: 5px; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#container {
	background: transparent url(/img/ezirange/bg-span.gif) repeat-x 0 113px;
	}
#fixed-width-wrapper {
	position:relative;
	margin:0 auto 0 auto;
	width:936px;
	background: #fff;
	line-height:1.1;
	}
#header {
	position: relative;
	height: 83px;
	}
#intro {
	padding: 0 36px;
	}
#flash-content {
	width: 936px;
	height: 323px;
	position: relative;
	}
#flash-content .wrap {
	position: absolute;
	top: 130px;
	left: 200px;
	}
#flash-content .wrap p {
	float: left;
	padding: 7px 0 0 10px;
	}
a#flash-button {
	display: block;
	background:url(/img/ezirange/get_flash_player.gif) no-repeat;
	width: 112px;
	height: 33px;
	float: left;
	}
a#flash-button span {
	display: none;
	}
#left-content {
	width: 675px;
	float: left;
	}
#right-content {
	width: 189px;
	float: left;
	}
#content #left-content .padFix,
#content #right-content .padFix {
	padding: 20px 0 0 0;
	}
#content .padFix {
	padding: 10px 36px 26px;
	}
#content #left-content .detail {
	padding-right: 36px;
	}
.col {
	margin-right: 36px;
	float: left;
	}
.col.last {
	margin-right: 0;
	}
#cols .col .padFix {
	width: 264px;
	padding: 0;
	}
#cols .col-image {
	border: 2px solid #bdbdbd;
	}
#cols .col-image .padFix {
	height: 69px;
	width: auto;
	}
#cols .col-image.about .padFix {
	background: url(/img/ezirange/aboutUS.jpg) no-repeat;
	}
#cols .col-image.buying .padFix {
	background: url(/img/ezirange/buyingGUIDE.jpg) no-repeat;
	}
#cols .col-image.contact .padFix {
	background: url(/img/ezirange/contactUS.jpg) no-repeat;
	}
#map {
	width: 450px;
	height: 400px;
	}
#map-wrap {
	border: 1px solid #ccc;
	padding: 2px;
	float: right;
	}
.col-buy {
	float: left;
	width: 432px;
	}
.col-buy .padFix {
	padding: 0 30px 30px 0;
	}
.col-buy .padFix.last {
	padding-right: 0;
	}
table { width: 100%; }
thead tr td {
	font-weight: bold;
	}
#calc-col-1, #calc-col-2 {
	float:left;
	width:600px;
	}
#calc-col-1 {
	width:264px;
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header h1 {
	margin:0;
	position:absolute;
	top:21px; left:36px;
	width:190px;	
	height:62px;
	background:transparent;
	}
#header h1 a {
	display:block;
	height:62px;
	background: url(/img/ezirange/ezirange-logo.gif) no-repeat;
	}
#header a span {
	display:none;
	}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer {
	width: 936px;
	margin: 40px auto 12px;
	text-align: center;
	font-size: 80%;
	}
#footer ul {
	list-style: none;
	margin: 0 0 3px 0;
	}
#footer ul li {
	display: inline;
	padding: 0 10px;
	}
#footer a {
	color: #9a9a9a;
	text-decoration: underline;
	}
#footer a:hover {
	text-decoration: none;
	}
#footer p {
	color: #ff8400;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
ul#top-nav {
	position: absolute;
	width: 498px;
	top: 35px;
	left: 413px;
	margin: 0;
	height: 33px;
	list-style: none;
	}
#top-nav li {
	float: left;
	}
#top-nav li.last {
	margin-right: 0;
	}
#top-nav li a {
	display: block;
	height: 33px;
	background-position: 0 -33px;
	}
#header #top-nav li a.current {
	background-position: 0 -99px;
	}
#top-nav li a:hover {
	background-position: 0 0;
	}
#top-nav li a:active {
	background-position: 0 -66px;
	}
#home a {
	width: 70px;
	background: url(/img/ezirange/nav/home.gif) no-repeat;
	}
#product-range a {
	width: 139px;
	background: url(/img/ezirange/nav/product-range.gif) no-repeat;
	}
#where-to-buy a {
	width: 128px;
	background: url(/img/ezirange/nav/where-to-buy.gif) no-repeat;
	}
#about a {
	width: 74px;
	background: url(/img/ezirange/nav/about.gif) no-repeat;
	}
#contact a {
	width: 87px;
	background: url(/img/ezirange/nav/contact.gif) no-repeat;
	}
/*--------------------------------------------------------------
 Product Range Styles
-------------------------------------------------------------*/
#product-range-list {
	margin:0;
	list-style:none;
}
#product-range-list li {
	margin-bottom:7px;
	list-style:none;
}
a.product-range {
	display: block;
	position:relative;
	width: 864px;
	height:145px;
	background: url(/img/ezirange/product-span.gif) repeat-x;
	text-decoration:none;
}
a.product-range span {
	display: block;
}
a.product-range .logo {
	height: 145px;
	width: 429px;
	position:absolute;
	top:0;
	left:0;
}
a.product-range .phrase {
	position:absolute;
	top:32px;
	left:429px;
	width:435px;
	margin:0;
}
a.product-range .text {
	position:absolute;
	top:60px;
	left:429px;
	width:400px;
	line-height: 1.7;
	font-weight: normal;
	text-decoration:none;
}
a.product-range .more {
	height: 32px;
	width: 188px;
	position: absolute;
	top: 113px;
	left: 676px;
	cursor: pointer;
}
#content a.product-range:hover .more {
	background-position: 0 -32px;
}
a.product-range .logo span, a.product-range .more span {
	display: none;
}
#eziPlug .logo {
	background: url(/img/ezirange/eziplug-logo.gif) no-repeat;
}
#eziPlug .more {
	background: url(/img/ezirange/eziplug-more.gif) no-repeat;
}
#eziAir .logo {
	background: url(/img/ezirange/eziair-logo.gif) no-repeat;
}
#eziAir .more {
	background: url(/img/ezirange/eziair-more.gif) no-repeat;
}
#eziTent .logo {
	background: url(/img/ezirange/ezitent-logo.gif) no-repeat;
}
#eziTent .more {
	background: url(/img/ezirange/ezitent-more.gif) no-repeat;
}
#eziPond .logo {
	background: url(/img/ezirange/ezipond-logo.gif) no-repeat;
}
#eziPond .more {
	background: url(/img/ezirange/ezipond-more.gif) no-repeat;
}
#eziTools .logo {
	background: url(/img/ezirange/ezitools-logo.gif) no-repeat;
}
#eziTools .more {
	background: url(/img/ezirange/ezitools-more.gif) no-repeat;
}
/*--------------------------------------------------------------
 Product Listing Styles
--------------------------------------------------------------*/
a.products {
	margin: 20px 36px 0 0;
	float: left;
	display: block;
	text-decoration: none;
	cursor: pointer;
	width: 189px;
	}
a.products img {
	border: 1px solid #dedede;
	margin-bottom: 5px;
	}
a.products:hover {
	color: #FF8400;
	}
a.products:hover img {
	border: 1px solid #FF8400;
	color: #FF8400;
	}
a.products span {
	display: block;
	line-height: 1.6;
	}
a.products span.prod-name {
	font-size: 120%;
	}
a.products span.prod-desc {
	font-weight: normal;
	}
	
#right-content ul li.cat a span { display: none; }
#right-content ul li.cat a {
	display: block;
	height: 58px;
	}
#right-content ul li.cat a.current {
	background-position: 3px -52px;
	}
#right-content ul li.cat a:hover {
	background-color: #f5ca88;
	}
li a.plug {
	background: #eef9e3 url(/img/ezirange/side-plug.gif) no-repeat 3px 3px;
	}
li a.air {
	background: #eef9e3 url(/img/ezirange/side-air.gif) no-repeat 3px 3px;
	}
li a.tent {
	background: #eef9e3 url(/img/ezirange/side-tent.gif) no-repeat 3px 3px;
	}
li a.pond {
	background: #eef9e3 url(/img/ezirange/side-pond.gif) no-repeat 3px 3px;
	}
li a.tools {
	background: #eef9e3 url(/img/ezirange/side-tools.gif) no-repeat 3px 3px;
	}
#right-content ul {
	list-style: none;
	line-height: normal;
	margin: 0;
	padding: 0;
	}
#right-content ul li {
	line-height: 1%;
	}
#right-content ul li.cat ul li a {
	display: block;
	height: auto;
	}
#right-content ul li.light a {
	background: #fafdf7;
	}
#right-content ul li.dark a {
	background: #eef9e3;
	}
#right-content ul li a {
	text-decoration: none;
	color: #3a3a3a;
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 18px;
	}
#right-content ul ul li.cat a.current {
 	background: #40960d;
	color: #fff;
	}
.prod2col {
	margin-top: 20px;
	}
.prod2col.last {
	margin-bottom: 20px;
	}
#content #left-content .prod2col .right, #content #left-content .prod2col .left {
	width: 319px;
	padding: 0;
	float: left;
	}
#content #left-content .prod2col .left .padFix {
	padding: 0 36px 0 0;
	}
#content #left-content .prod2col .right .padFix {
	padding: 0;
	}
.prod2col ul {
	margin-bottom: 0;
	}
/*--------------------------------------------------------------
 Product Detail Styles
-------------------------------------------------------------*/
#list-prod {
	border-top: 4px solid #32531f;
	float: left;
	width: 639px;
	}
#list-prod div {
	padding: 15px 0;
	width: 100%;
	float: left;
	border-bottom: 4px solid #32531f;
	}
#list-prod h4 {
	color: #fff;
	background: url(/img/ezirange/code-bg.gif) no-repeat;
	width: 142px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	}
#list-prod h3 {
	color: #000;
	width: 450px;
	float: right;
	line-height: 28px;
	font-size: 150%;
	padding: 0;
	margin-bottom: 10px;
	}
#list-prod p {
	color: #000;
	width: 450px;
	float: right;
	padding: 0 0 1em 0;
	}
#list-prod ul {
	color: #000;
	width: 450px;
	float: right;
	margin: 0 0 1em 0;
	}
#list-prod ul li {
	margin: 0 0 0 15px;
	}
#list-prod .float-fix {
	border: 0;
	padding: 0;
	}
/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
form.std-form {
	width:490px;
	overflow:hidden;
	padding-top:6px;
}
form.std-form fieldset {
	margin:0 0 13px 0;
	display:block;
	width:480px;
	overflow:hidden;
	border:0;
}
form.std-form legend {
	margin:0 0 12px 0;
	padding:8px 0;
	padding-bottom:0;
	color:#658180;
	font-weight:normal;
	font-size:100%;
	text-transform:capitalize;
}
form.std-form td {
	padding-bottom:6px;
}
form.std-form tr {
	vertical-align:top;
}
form.std-form label {
	display:block;
	color:#676767;
	font-size:100%;
	padding:0 0 6px 0;
}
form.std-form input, form.std-form textarea, form.std-form select {
	display:block;
	color:#658180;
	border-color:#bababa;
	background:#fff url(/img/ezirange/input-back-white.gif) repeat-x bottom;
	padding:3px;
}
form.std-form select option {
	padding:0 18px 0 0;
}
form.std-form textarea {
	font-family:Arial, sans-serif, serif;
	font-size:110%;
}
.input_text, .input_password, textarea, select {
	border-collapse:collapse;
	background:#fff url(/img/ezirange/input-back-white.gif) repeat-x bottom;
	border:1px solid #a3b3bb;
	padding:3px 0;
}
form.std-form td.large input, form.std-form td.large textarea {
	width:380px;
}
form.std-form td.large {
}
form.std-form td select {
	width:auto;
}
form.std-form td.sub {
	padding:8px 0 0 23px;
}
label {
	color:#000;
	font-size:70%;
}
form.std-form fieldset input.input_check, #members-login input.input_check {
	width:auto;
}
label:hover, label.ie_hover {
	color:#666;
}
form.std-form fieldset input.ie_hover, form.std-form fieldset textarea.ie_hover, form.std-form fieldset input:hover, form.std-form fieldset textarea:hover, input.input_text:hover, textarea.input_text:hover {
	border:1px solid #d0c73d;
	background:#FDFDE2;
}
/*.input_text:focus, .input_password:focus, textarea:focus,*/
form.std-form fieldset input.ie_focus, form.std-form fieldset textarea.ie_focus, form.std-form fieldset input:focus, form.std-form fieldset textarea:focus, input.input_text:focus, textarea.input_text:focus {
	border:1px solid #d0c73d;
	background:#FDFDE2;
}
form.std-form input.submit, form.std-form input.submit:hover, form.std-form fieldset input.submit {
	margin:0;
	padding:0;
	border:0;
}
#error {
	border:1px solid #d0c73d;
	background:#FDFDE2;
	font-size:70%;
	padding:10px;
}
#error p {
	font-size:100%;
	color:#9c9307;
	font-weight:bold;
	margin:0;
	line-height:1.8em;
}

form table, form td, form th{
	border: none;
	}

.hide {
	display:none;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
	border: 1px solid #f00;
}
form.std-form fieldset input.validation-passed, form.std-form fieldset textarea.validation-passed {
	border: 1px solid green;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}
/*--------------------------------------------------------------
 styles 
-------------------------------------------------------------*/
#whereto {
	width: 864px;
	height: 170px;
	}
/*--------------------------------------------------------------
 Calculator styles 
-------------------------------------------------------------*/
#calc-header {
	width:600px;
	border:0;
	margin:0;
	}
#calc-header th {
	font-size:110%;
	text-align:center;
	border:0;
	background:#f1f1f1;
	}
.calc-row {
	width:600px;
	margin:0;
	}
.calc-row td {
	padding:4px 0;
	}
.calc-row td input, .calc-row td select {
	margin-left:4px;
	display:inline;
	}
.calc-row td option {
	padding-right:14px;
	}
#subtotalEquip {
	padding-right:4px;
	}
.cell-1 {
	width:300px;
	text-align:left;
	}
.cell-2 {
	width:200px;
	text-align:center;
	}
.cell-3 {
	width:100px;
	text-align:right;
	}
/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {text-align:right;}
.text-align-left{text-align:left;}
.center {text-align:center;}
.float-right {float:right;padding:0 0 14px 14px;}
.float-left {float:left;padding:0 14px 14px 0;}
div.float-fix {overflow:hidden;clear:both;height:0;}
br.float-fix {clear:both;}
.bold {font-weight:bold;}
.hide {display:none;}
img.detailimg { float: right; margin: 25px 0 25px 50px; }

#sitescene a {
	background:transparent url(/img/ezirange/sitescene-logo.gif) no-repeat 0 0;
	display:block;
	float:right;
	height:36px;
	padding:0pt;
	text-decoration:none;
	width:40px;
}
#sitescene a:hover {
	background-position:0pt -36px;
}
#sitescene a span {
	display:none;
}
/*--------------------------------------------------------------
 sIFR Replacements
--------------------------------------------------------------*/
.sIFR-active #intro h1,#content h1, .sIFR-active a.product-range .phrase {
	font-family: Arial, Helvetica, sans-serif;
	line-height:1em;
	visibility:hidden;
	}
.sIFR-active #intro h1, #content h1 {
	font-size:32px;
	}
.sIFR-active a.product-range .phrase {
	font-size:22px;
	}