/* CSS Johnsons For You - HOME */
* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	margin: 0 auto;
	font-family: arial;
	font-size:90%;
	color:black;
	background:url(../images/background/bg_home2.jpg) repeat-x center top;
	background-color:#ebf2f9;
}
div#container {
	width:995px;
	margin: 0 auto;
	position:relative;
}
/* CSS HEADER */
div#header {
	position:absolute;
	top:0px;
	left:0px;
	width:995px;
	height:119px;
	z-index:3;
}
div#header img.logo1 {
	left:0;
	top:0;
	width:260px;
	height:60px;
	position:absolute;
	z-index:4;
}
div#header img.logo2 {
	left:0;
	top:60px;
	width:275px;
	height:59px;
	position:absolute;
	z-index:4;
}
div#aba_header {
	left:649px;
	top:100px;
	width:300px;
	height:19px;
	position:absolute;
}
div#middle_base01 {
	left:35px;
	top:488px;
	width:160px;
	height:70px;
	position:absolute;
}
div#middle_base02 {
	left:482px;
	top:488px;
	width:427px;
	height:52px;
	position:absolute;
	z-index:8;
}
div#espanol {
	left:195px;
	top:498px;
	width:183px;
	height:52px;
	position:absolute;
	z-index:19;
}
div#media {
	left:378px;
	top:498px;
	width:104px;
	height:52px;
	position:absolute;
	z-index:18;
}
/* DISCLAIMER from HEADER */
#disclaimer_escapestress {
	background-image:url('../images/background/bg-disclaimer.png');
	width:190px;
	height:117px;
	display:none;
	position:absolute;
	margin-left:-150px;
	z-index:999999;
	top:-500px;
	text-align:center;
}
* html #disclaimer_escapestress { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/background/bg-disclaimer.png", sizingMethod="crop");
}
#disclaimer_escapestress img { margin-top:38px; }
/* CSS MENU */
div#menu {
	margin:0px 0 0 260px;
	z-index:20;
}
#header_menu1 {
	width: 565px;
	height: 60px;
	position: relative;
	top: 0;
	left: -5px;
}
#header_menu1 li {
	float:left;
	display: inline;
}
#menu_1 {
	width: 85px;
	height: 60px;
}
#menu_1 a {
	text-indent: -10000px;
	width: 85px;
	height: 60px;
	position: relative;
	top: 0;
	display: block;
	overflow: hidden;
	background: url(../images/menu/menu01.jpg) no-repeat;
}
#menu_1 a:hover { background-position: 0 -60px; }
#menu_2 {
	width: 170px;
	height: 60px;
}
#menu_2 a {
	text-indent: -10000px;
	width: 170px;
	height: 60px;
	position: relative;
	top: 0;
	display: block;
	overflow: hidden;
	background: url(../images/menu/menu02.jpg) no-repeat;
}
#menu_2 a:hover { background-position: 0 -60px; }
#menu_3 {
	width: 80px;
	height: 60px;
}
#menu_3 a {
	text-indent: -10000px;
	width: 80px;
	height: 60px;
	position: relative;
	top: 0;
	display: block;
	overflow: hidden;
	background: url(../images/menu/menu03.jpg) no-repeat;
}
#menu_3 a:hover { background-position: 0 -60px; }
#menu_4 {
	width: 110px;
	height: 60px;
}
#menu_4 a {
	text-indent: -10000px;
	width: 110px;
	height: 60px;
	position: relative;
	top: 0;
	display: block;
	overflow: hidden;
	background: url(../images/menu/menu04.jpg) no-repeat;
}
#menu_4 a:hover { background-position: 0 -60px; }
#menu_5 {
	width: 100px;
	height: 60px;
}
#menu_5 a {
	text-indent: -10000px;
	width: 100px;
	height: 60px;
	position: relative;
	top: 0;
	display: block;
	overflow: hidden;
	background: url(../images/menu/menu05.jpg) no-repeat;
}
#menu_5 a:hover { background-position: 0 -60px; }
/* CSS MENU - rolover page */
#ico1 #menu_1 a, #ico1 #menu_1 a:link, #ico1 #menu_1 a:visited, #ico1 #menu_1 a:hover { background-position: 0 -60px; }
#ico2 #menu_2 a, #ico2 #menu_2 a:link, #ico2 #menu_2 a:visited, #ico2 #menu_2 a:hover { background-position: 0 -60px; }
#ico3 #menu_3 a, #ico3 #menu_3 a:link, #ico3 #menu_3 a:visited, #ico3 #menu_3 a:hover { background-position: 0 -60px; }
#ico4 #menu_4 a, #ico4 #menu_4 a:link, #ico4 #menu_4 a:visited, #ico4 #menu_4 a:hover { background-position: 0 -60px; }
#ico5 #menu_5 a, #ico5 #menu_5 a:link, #ico5 #menu_5 a:visited, #ico5 #menu_5 a:hover { background-position: 0 -60px; }
/* CSS UTILITY NAVIGATION */
div#header ul#nav_utility {
	position:absolute;
	background:url(../images/background/utility_bg.jpg) repeat-x center top;
	width:162px;
	height:75px;
	top:0;
	left:833px;
}
div#header ul#nav_utility { padding-top:9px; }
div#header ul#nav_utility li {
	list-style-type:none;
	margin: 0 0 2px 11px;
	_margin-top:-1px;
	font-size:75%;
}
div#header ul#nav_utility li a {
	color:#4a2f8e;
	text-decoration:none;
	text-align:left;
}
div#header ul#nav_utility li a:hover {
	text-decoration:underline;
	text-align:left;
}
/* CSS MIDDLE */
div#middle {
	position:absolute;
	top:119px;
	left:0px;
	width:995px;
	height:368px;
	z-index:1;
}
div#middle img.product {
	position:absolute;
	top:106px;
	left:0px;
	width:392px;
	height:263px;
	z-index:5;
}
div#middle img.checkout {
	position:absolute;
	top:99px;
	left:65px;
	width:260px;
	height:35px;
	z-index:7;
}
div#middle p.t_midlle {
	position:absolute;
	top:60px;
	left:47px;
	width:372px;
	height:27px;
	z-index:6;
	color:#625b35;
	font-size:85%;
}
div#middle p span {
	font-weight:bold;
	font-style:italic;
}
div#flashcontent {
	position:absolute;
	top:-61px;
	left:2px;
	width:710px;
	height:516px;
	z-index:6;
}

#banner_home {
	position:absolute;
	top:-36px;
	left:-4px;
	width:710px;
	height:516px;
	z-index:6;
}
/* CSS MIDDLE RIGHT CORNER - RIBBON MAIN */
div#ribbon {
	position:absolute;
	top:0;
	left:704px;
	width:288px;
	height:369px;
	z-index:7;
	background: url(../images/background/ribbon_bg3.jpg) no-repeat left top;
}
div#ribbon p {
	font-size:75%;
	margin:6px 0 0 20px;
	z-index:4;
	color:#333;
	line-height:14px;
	width:140px;
}
div#ribbon img.t_sara { margin-left:14px; }
div#ribbon img.t_science { margin:2px 0px 0px 3px; }
div#ribbon img.t_find { margin:10px 0px 0px 4px; }
div#ribbon p a:link, div#ribbon p a:visited {
	color:#333;
	text-decoration:none;
}
div#ribbon p a:hover { text-decoration:underline; }
div#ribbon p.tx_ribbon_02 {
	width:138px;
	margin-left:8px;
	line-height:15px;
	_line-height:16px;
}
div#ribbon p.tx_ribbon_02 span.fixed {
	font-style:normal;
	_line-height:17px;
	font-weight:normal;
}
div#ribbon span.tx_ribbon_02 a {
	position:absolute;
	top:85px;
	left:190px;
	/*z-index:4;*/
font-size:80%;/*z-index:40;
border:1px solid red;*/
}
div#ribbon span a:link, div#ribbon span a:visited {
	font-weight:bold;
	color:#e6a20b;
	text-decoration:none;
}
div#ribbon span a:hover { text-decoration:underline; }
div#ribbon select {
	border: solid 1px #83B2DA;
	height: 20px;
	margin: 7px 0 0 7px;
	width: 155px;
	font-size:60%;
}
div#ribbon select.choose { margin: 8px 0 0 19px; }
div#ribbon form img {
	position:absolute;
	top:328px;
	_top:320px;
	left:165px;
	width:37px;
	height:22px;
}
/* QUIZ IN RIBBON */
div#ribbon img.t_quiz {
	margin:5px 5px 0px 5px;
	_margin-top:0px;
}
div#ribbon p.tx_quiz {
	top:115px;
	left:107px;
	margin-left:107px;
	_margin-left:107px;
	width:138px;
	font-size:75%;
	color:#333;
	line-height:14px;
}
div#ribbon p.tx_quiz span.fixed {
	font-style:normal;
	_line-height:17px;
	font-weight:normal;
}
div#ribbon span.tx_quiz {
	position:absolute;
	top:230px;
	left:115px;
	font-size:80%;
	_line-height:17px;
}
div#ribbon img.quiz_home { margin-left:6px; }
.gecko div#ribbon img.quiz_home { margin-top:3px; }
/* CSS Footer */
div#footer {
	position:absolute;
	top:558px;
	left:0;
	height:120px;
	width:998px;
}
div#footer img {
	position:absolute;
	top:28px;
	left:20px;
	width:137px;
	height:34px;
}
div#footer p {
	position:absolute;
	top:72px;
	left:24px;
	width:750px;
	color:#999;
	font-size:10px;
	line-height:13px;
}
div#footer ul {
	position:absolute;
	top:36px;
	left:167px;
	height:20px;
	font-size:75%;
	text-align:right;
}
div#footer ul li {
	list-style-type:none;
	text-align:right;
	display:inline;
	margin:0 5px;
	color:#999;
}
div#footer ul li a, div#footer ul li a:link, div#footer ul li a:visited {
	color:#dc8906;
	text-decoration:none;
	text-align:right;
	margin:0 2px;
}
div#footer ul li a:hover {
	text-decoration:underline;
	text-align:right;
}
div#splash {
	text-decoration:underline;
	text-align: center;
	display:block;
	margin: 150px auto;
	width:800px;
	height:300px;
	position:relative;
	z-index: 99999;
}

/*div#form {display: none;}*/

div#overlay {
	position: fixed;
	_position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

html, body {
	height: 100%;
	min-height: 100%;
}

/* DISCLAIMER */
div#disclaimer {
	width:350px;
	height:250px;
	text-align:center;
	display:none;
	position:absolute;
	background:URL(../images/background/disclaimer.gif) center no-repeat;
	top: 100px;
}
iframe#disclaimer-iframe {
	width:350px;
	height:250px;
	display:none;
	border:0;
	position:absolute;
	z-index:5;
}
div#disclaimer div#disclaimer-txt {
	font-size:1em;
	color:#000;
	line-height:20px;
	margin-top: 125px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}
div#disclaimer-buttons {
	width:300px;
	height:auto;
	text-align:center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
