body {
	background-color: white;
	margin: 0 auto;
	position: relative;
	text-align: center;
	}
#container {
	background-color: #2C475B;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	top: 0px;
	width: 792px;
	height: 1060px;
	text-align: left;
	}
#container2 {
	background-color: #2C475B;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	top: 0px;
	width: 792px;
	height: 1196px;
	text-align: left;
	}
#container3 {
	background-color: #2C475B;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	top: 0px;
	width: 792px;
	height: 1106px;
	text-align: left;
	}
#logo_text {
	background-image: url(images/header.gif);
	position: absolute;
	top: 0px;
	left: 86px;
	width: 774px;
	height: 83px;	
	}
.fb {
	position: absolute;
	top: 29px;
	left: 525px;
	}
.tw {
	position: absolute;
	top: 29px;
	left: 570px;
	}
.f420j {
	position: absolute;
	top: 29px;
	left: 615px;
	}
#bg_right {
	background-image: url(images/bg_right.gif);
	position: absolute;
	top: 313px;
	right: -181px;
	width: 165px;
	height: 243px;
	}
#shadow_right {
	background-image: url(images/shadow_right.gif);
	position: absolute;
	top: 110px;
	right: -16px;
	width: 18px;
	height: 835px;
	}
#top_right {
	position: absolute;
	top: 0px;
	left: 259px
	}
#top_nav {
	position: absolute;
	top: 83px;
	left: 79px;
	}
.nav_home a {
	background: url(images/home.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 7px;
	width: 56px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_home a:hover {
	background-position: 0 -27px;
	}
.nav_store a {
	background: url(images/store.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 63px;
	width: 48px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_store a:hover {
	background-position: 0 -27px;
	}
.nav_faq a {
	background: url(images/faq.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 111px;
	width: 42px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_faq a:hover {
	background-position: 0 -27px;
	}
.nav_our_story a {
	background: url(images/our_story.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 153px;
	width: 82px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_our_story a:hover {
	background-position: 0 -27px;
	}
.nav_contact a {
	background: url(images/contact.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 235px;
	width: 68px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_contact a:hover {
	background-position: 0 -27px;
	}
.nav_photo_video a {
	background: url(images/photo_video.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 303px;
	width: 100px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_photo_video a:hover {
	background-position: 0 -27px;
	}
.nav_blog a {
	background: url(images/blog.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 403px;
	width: 46px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_blog a:hover {
	background-position: 0 -27px;
	}
.nav_cart a {
	background: url(images/cart.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 449px;
	width: 43px;
	height: 27px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_cart a:hover {
	background-position: 0 -27px;
	}
.nav_extra a {
	display: none; /* this can be used in the future to add a navigation button */
	background: url(images/cart.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 393px;
	width: 0px;
	height: 22px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
.nav_extra a:hover {
	display: none; /* this can be used in the future to add a navigation button */
	background-position: 0 -22px;
	}

.nav_right {
	position: absolute;
	top: 0px;
	left: 492px;
	height: 27px;
	}
#left_menu {
	background-color: white;
	position: absolute;
	top: 124px;
	left: 15px;
	width: 165px;
	height: 818px;
	}
#left_menu_img1 {
	position: absolute;
	top: 90px;
	left: 80px;
	width: 84px;
	height: 100px;	
	}
#left_menu_img2 {
	position: absolute;
	top: 202px;
	left: 80px;
	width: 84px;
	height: 100px;	
	}
#left_menu_img3 {
	position: absolute;
	top: 306px;
	left: 80px;
	width: 84px;
	height: 100px;	
	}
#left_menu_img4 {
	position: absolute;
	top: 478px;
	left: 107px;
	width: 57px;
	height: 113px;	
	}
#left_menu_classics {
	position: absolute;
	top: 68px;
	left: 0px;
	}
#left_menu_strains {
	position: absolute;
	top: 205px;
	left: 0px;
	}
#left_menu_latch {
	position: absolute;
	top: 310px;
	left: 0px;
	}
#left_menu_buttons {
	position: absolute;
	top: 400px;
	left: 0px;
	}
#left_menu_scope_logo {
	position: absolute;
	top: 422px;
	left: 0px;
	}
#left_menu_scope {
	position: absolute;
	top: 482px;
	left: 0px;
	}
#left_menu_accessories {
	position: absolute;
	top: 594px;
	left: 0px;
	}
#bottom_left {
	background-color: none;
	position: absolute;
	top: 715px;
	left: 15px;
	width: 165px;
	height: 64px;
	}
#welcome {
	background-color: black;
	position: absolute;
	top: 124px;
	left: 191px;
	width: 572px;
	height: 242px;
	font-family: verdana;
	font-size: 13px;
	color: white;
	}
#main {
	background-color: black;
	position: absolute;
	top: 383px;
	left: 191px;
	width: 390px;
	height: 560px;
	}
#main_left {
	background-color: white;
	position: absolute;
	top: 44px;
	left: 0px;
	width: 115px;
	height: 511px;
	padding-top: 5px;
	}
#main_right {
	background-color: white;
	position: absolute;
	top: 44px;
	left: 115px;
	width: 265px;
	height: 506px;
	color: #333333;
	font-family: verdana;
	font-size: 13px;
	line-height: 1.06em;
	letter-spacing: -.045em;
	padding: 5px;
	/* overflow-y: scroll; */
	}
#main_right p {
	margin-top: 0px;
	margin-bottom: 10px;
	}
#comments {
	background-color: white;
	position: absolute;
	text-align: left;
	padding-left: 4px;
	padding-right: 2px;
	top: 383px;
	left: 598px;
	width: 159px;
	height: 560px;
	font-family: verdana;
	font-size: 13px;
	color: #333333;
	}
#bottom {
	background-color: white;
	position: absolute;
	bottom: 10px;
	left: 15px;
	width: 748px;
	height: 110px;
	font-family: verdana;
	font-size: 13px;
	color: #333333;
	}
#bottom1 {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 175px;
	height: 90px;
	}
#bottom2 {
	position: absolute;
	top: 26px;
	left: 200px;
	width: 175px;
	height: 90px;
	}
#bottom3 {
	position: absolute;
	top: 26px;
	left: 385px;
	width: 175px;
	height: 90px;
	}
#bottom4 {
	position: absolute;
	top: 26px;
	left: 570px;
	width: 175px;
	height: 90px;
	}
h2 {
	margin: 0 0 0 5px;
	font-family: helvetica;
	font-size: 20px;
	}
#left_menu h3 {
	margin: 0 0 0 10px;
	font-family: verdana;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	}
a:link {
	color: #578DB6;
	text-decoration: none;
	}
a:visited {
	color: #578DB6;
	text-decoration: none;
	}
a:hover {
	color: #578DB6;
	text-decoration: underline;
	}
img {
	border: 0px;
	}
em {
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	}

	
	/* Item Pages in the Store */
#item {
	background-color: white;
	position: absolute;
	top: 124px;
	left: 191px;
	width: 572px;
	height: 818px;
	font-family: verdana;
	font-size: 13px;
	}
#item_pic {
	position: absolute;
	top: 66px;
	left: 20px;
	width: 250px;
	height: 300px;
	}
#sale_420 {
	position: absolute;
	top: 120px;
	left: 28px;
	font-family: verdana;
	font-size: 13px;
	color: #578DB6;
	word-spacing: -1px;
	letter-spacing: normal;
	}
#change_size {
	position: absolute;
	top: 364px;
	left: 28px;
	font-family: verdana;
	font-size: 11px;
	color: #578DB6;
	word-spacing: -1px;
	letter-spacing: normal;
	}
#black_friday {
	position: absolute;
	top: 84px;
	left: 58px;
	font-family: verdana;
	font-size: 11px;
	color: #578DB6;
	word-spacing: -1px;
	letter-spacing: normal;
	}
#zoom {
	position: absolute;
	top: 362px;
	left: 78px;
	font-family: verdana;
	font-size: 11px;
	color: #578DB6;
	word-spacing: -1px;
	letter-spacing: normal;
	}
#item_title {
	background-image: url(420_jars/images/item_title.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute;
	top: 66px;
	left: 291px;
	width: 248px;
	height: 45px;
	font-family: verdana;
	font-size: 18px;
	font-weight: normal;
	padding: 9px;
	color: white;
	}
#item_title_cc1, #item_title_cc2, #item_title_cc3 {
	display: none;
	background-image: url(420_jars/images/item_title.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute;
	top: 66px;
	left: 291px;
	width: 248px;
	height: 45px;
	font-family: verdana;
	font-size: 18px;
	font-weight: normal;
	padding: 9px;
	color: white;
	}
#item_info {
	position: absolute;
	top: 111px;
	left: 291px;
	width: 244px;
	height: 255px;
	border-style: solid;
	border-width: 2px;
	border-color: #71A64B;
	}
#item_info_new {
/* for member-only new jars */
	position: absolute;
	top: 111px;
	left: 291px;
	width: 244px;
	height: 285px;
	border-style: solid;
	border-width: 2px;
	border-color: #71A64B;
	}
#item_info_box {
	position: absolute;
	top: 10px;
	left: 7px;
	width: 230px;
	font-size: 12px;
	}
#item_info1 {
	position: absolute;
	top: 7px;
	left: 7px;
	font-weight: bold;
	}
#item_info2 {
	position: absolute;
	top: 7px;
	left: 67px;
	}
#item_info2_cc1, #item_info2_cc2, #item_info2_cc3 {
	display: none;
	position: absolute;
	top: 7px;
	left: 67px;
	}
#item_info3 {
	position: absolute;
	top: 7px;
	left: 162px;
	}
#item_info_desc {
	position: absolute;
	top: 90px;
	left: 7px;
	width: 230px;
	font-size: 12px;
	}
#item_info_desc_write, #item_info_desc_cc, #item_info_desc_cc1, #item_info_desc_cc2, #item_info_desc_cc3, #item_info_desc_sale {
	display: none;
	position: absolute;
	top: 90px;
	left: 7px;
	width: 230px;
	font-size: 12px;
	}
#item_info_price {
	position: absolute;
	top: 185px;
	left: 7px;
	font-size: 18px;
	}
#item_info_price_write, #item_info_price_cc, #item_info_price_cc1, #item_info_price_cc2, #item_info_price_cc3, #item_info_price_sale {
	display: none;
	position: absolute;
	top: 185px;
	left: 7px;
	font-size: 18px;
	}
#item_info_price_sale {
	color: red;
	}
#item_info_price2, #item_info_price_400 {
	position: absolute;
	top: 215px;
	left: 7px;
	font-size: 18px;
	}
#send_friend {
	position: absolute;
	top: 215px;
	left: 4px;
	font-size: 12px;
	}
.item_select {
	position: absolute;
	top: 185px;
	left: 105px;
	border: #71A64B 1px solid;
	font-family: verdana;
	font-size: 13px;
	width: 135px;
	}
.item_select2 {
	position: absolute;
	top: 215px;
	left: 105px;
	border: #71A64B 1px solid;
	font-family: verdana;
	font-size: 13px;
	width: 135px;
	}
.strain_select {
	position: absolute;
	top: 185px;
	left: 90px;
	border: #71A64B 1px solid;
	font-family: verdana;
	font-size: 13px;
	width: 150px;
	}
.april20_select1 {
	position: absolute;
	top: 115px;
	left: 90px;
	border: #71A64B 1px solid;
	font-family: verdana;
	font-size: 13px;
	width: 150px;
	}
.april20_select2 {
	position: absolute;
	top: 140px;
	left: 90px;
	border: #71A64B 1px solid;
	font-family: verdana;
	font-size: 13px;
	width: 150px;
	}
.april20_select3 {
	position: absolute;
	top: 165px;
	left: 90px;
	border: #71A64B 1px solid;
	font-family: verdana;
	font-size: 13px;
	width: 150px;
	}
.april20_select4 {
	position: absolute;
	top: 190px;
	left: 90px;
	border: #71A64B 1px solid;
	font-family: verdana;
	font-size: 13px;
	width: 150px;
	}
#item_jar_preview {
	position: absolute;
	top: 381px;
	left: 22px;
	width: 517px;
	height: 267px;
	line-height: 0px;
	}
#item_jar_preview_designs {
	text-align: justify;
	}
#item_jar_preview_designs img {
	padding-left: 7px;
	}
.preview_strains a {
	background: url(420_jars/images/strain_designs.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 330px;
	width:187px;
	height:28px;
	text-indent:-1500px; /* hides text */
	overflow:hidden;
	}
.preview_strains a:hover {
	background-position: 0 -28px;
	}
.preview_strains2 a {
	background: url(420_jars/images/strain_designs2.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 312px;
	width:205px;
	height:28px;
	text-indent:-1500px; /* hides text */
	overflow:hidden;
	}
.preview_strains2 a:hover {
	background-position: 0 -28px;
	}
.preview_classics a {
	background: url(420_jars/images/classic_designs.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 330px;
	width:187px;
	height:28px;
	text-indent:-1500px; /* hides text */
	overflow:hidden;
	}
.preview_classics a:hover {
	background-position: 0 -28px;
	}
.preview_classics2 a {
	background: url(420_jars/images/classic_designs2.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 0px;
	left: 312px;
	width:205px;
	height:28px;
	text-indent:-1500px; /* hides text */
	overflow:hidden;
	}
.preview_classics2 a:hover {
	background-position: 0 -28px;
	}
#item_rezblock_info {
	position: absolute;
	top: 381px;
	left: 22px;
	width: 517px;
	height: 267px;
	font-family: verdana;
	font-size: 13px;
	color: black;
	}
#item_scope_info {
	background: url(420_scope/images/scope_info.gif) 0px 0px  no-repeat;
	position: absolute;
	top: 381px;
	left: 22px;
	width: 517px;
	height: 267px;
	line-height: 0px;
	}
#scope_slideshow {
	position: absolute;
	top: 35px;
	left: 10px;
	width: 290px;
	height: 150px;
	line-height: 10px;
	}
#scope_slides {
	position: absolute;
	top: 35px;
	left: 10px;
	width: 290px;
	height: 150px;
	line-height: 0px;
	}
#scope_optics {
	position: absolute;
	top: 28px;
	left: 330px;
	width: 180px;
	line-height: 0px;
	}
#scope_links {
	position: absolute;
	top: 190px;
	left: 320px;
	width: 180px;
	height: 150px;
	color: black;
	line-height: 15px;
	}


	/* Other Pages on 420 Science */
#content {
	background-color: white;
	position: absolute;
	top: 124px;
	left: 191px;
	width: 572px;
	height: 818px;
	font-family: verdana;
	font-size: 13px;
	overflow: none;
	}
#faq_story {
	position: absolute;
	top: 44px;
	left: 0px;
	height: 774px;
	width: 420px;
	margin-left: 22px;
	padding-right: 130px;
	overflow: auto;
	}
#photo_video {
	position: absolute;
	top: 44px;
	left: 0px;
	height: 613px;
	width: 500px;
	margin: 10px 0 0 0;
	overflow: none;
	}
.photo_column {
	width: 120px;
	margin: 10px 0 8px 0;
	text-align: center;

	float: left;
	}
#photo {
	position: absolute;
	top: 44px;
	left: 0px;
	height: 613px;
	width: 500px;
	margin-left: 36px;
	overflow: none;
	}
#faq_story h2 {
	margin: 10px 0 5px 0;
	font-family: helvetica;
	font-size: 20px;
	color: #578DB6;
	}
#back_top1 {
	position: absolute;
	top: 644px;
	left: 430px;	
	}
#back_top2 {
	position: absolute;
	top: 1250px;
	left: 430px;	
	}
#back_top3 {
	position: absolute;
	top: 1650px;
	left: 430px;	
	}
#back_top4 {
	position: absolute;
	top: 2250px;
	left: 430px;	
	}
#back_top5 {
	position: absolute;
	top: 2780px;
	left: 430px;	
	}
#back_top6 {
	position: absolute;
	top: 3200px;
	left: 430px;
	height: 30px;
	}
#contact_aim {
	position: absolute;
	top: 50px;
	left: 375px;
	margin: 25px 0 0 48px;;
}


	/* Store Page on 420 Science */
#store_jar_info {
	background-color: #79a4c5;
	position: absolute;
	top: 44px;
	left: 0px;
	width: 96px;
	height: 264px;
	}
#store_00,#store_10,#store_20,#store_30,#store_60,#store_05,#store_15,#store_25,#store_35,#store_65 {
	background-color: #79a4c5;
	display: none;
	position: absolute;
	top: 140px;
	left: 0px;
	width: 96px;
	height: 100px;
	color: white;
	text-align: center;
	}
h4 {
	margin: 5px 0 5px 0px;
	font-family: verdana;
	font-size: 15px;
	line-height: 10px;
	font-weight: normal;
	}
#store_jar_selection {
	position: absolute;
	top: 44px;
	left: 96px;
	width: 476px;
	height: 264px;
	}
#store_selection {
	position: absolute;
	top: 44px;
	left: 0px;
	width: 572px;
	height: 611px;
	}
#store_scope {
	background: url(images/store_420_scope.jpg) no-repeat;
	position: absolute;
	top: 10px;
	left: 7px;
	width: 105px;
	height: 200px;
	padding: 5px 0 0 63px;
	font-family: verdana;
	font-size: 11px;
	}
#store_5x {
	background: url(images/store_5x.jpg) no-repeat;
	position: absolute;
	top: 10px;
	left: 178px;
	width: 105px;
	height: 200px;
	padding: 5px 0 0 64px;
	font-family: verdana;
	font-size: 11px;
	}
#store_3x {
	background: url(images/store_3x.jpg) no-repeat;
	position: absolute;
	top: 10px;
	left: 348px;
	width: 106px;
	height: 200px;
	padding: 5px 0 0 101px;
	font-family: verdana;
	font-size: 11px;
	}
#store_pipe_wipes {
	background: url(images/store_pipe_wipes.jpg) no-repeat;
	position: absolute;
	top: 220px;
	left: 7px;
	width: 175px;
	padding: 5px 0 0 68px;
	font-family: verdana;
	font-size: 11px;
	}
#store_hats {
	background: url(images/store_hat.jpg) no-repeat;
	position: absolute;
	top: 220px;
	left: 250px;
	width: 190px;
	padding: 5px 0 0 110px;
	font-family: verdana;
	font-size: 11px;
	}
#store_scope a.store1 {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 43px;
	height: 140px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
#store_5x a.store2 {
	position: absolute;
	top: 5px;
	left: 7px;
	width: 45px;
	height: 142px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
#store_3x a.store3 {
	position: absolute;
	top: 15px;
	left: 7px;
	width: 80px;
	height: 130px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
#store_pipe_wipes a.store4 {
	position: absolute;
	top: 2px;
	left: 3px;
	width: 55px;
	height: 65px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
#store_hats a.store5 {
	position: absolute;
	top: 0px;
	left: 3px;
	width: 95px;
	height: 70px;
	text-indent: -1500px; /* hides text */
	overflow: hidden;
	}
	
/* CSS for LightBox used on Cannabis Cup page */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.420science.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.420science.com/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* Slightly Stoopid Jars */
.ss_body {
	background-color: black;
	margin: 0 auto;
	position: relative;
	text-align: center;
	}
#ss_container {
	background-color: black;
	margin: 0 auto;
	position: relative;
	top: 0px;
	width: 802px;
	text-align: left;
	}
#ss_top, #ss_jars, #ss_info, #ss_bottom {
	margin: 0 auto;
	padding: 0;
	position: relative; top: 0;
	} 
#ss_info {
	background: url(stoopid/body_text.jpg) 0px 0px no-repeat;
	width: 802px;
	height: 165px;
	font-family: verdana; font-size: 13px; color: white;
	}
p.stoopid {
	padding: 20px 354px 0 20px;
	}
/* Katastro code - mostly uses SS, custom below: */
#kat_info {
	background: url(katastro/body_text.jpg) 0px 0px no-repeat;
	width: 802px;
	height: 165px;
	font-family: verdana; font-size: 13px; color: white;
	}