@charset "utf-8";
/* CSS Document still in development */
		body {margin: 0px; zoom: 1.5; overflow: scroll; overflow: overlay; overflow-x: hidden; background-color: #939598;}
		::-webkit-scrollbar {
		width: 50px;}
		::-webkit-scrollbar-track {
  		background: url("images/scrollbkg.png");
		background-size: 100%;
		background-position: bottom left;}
		::-webkit-scrollbar-thumb {	
		background: url("images/scrollthumb.png");
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: bottom left;}
		input:focus, textarea:focus {outline: none;}
		input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		textarea:-webkit-autofill,
		textarea:-webkit-autofill:hover,
		textarea:-webkit-autofill:focus,
		select:-webkit-autofill,
		select:-webkit-autofill:hover,
		select:-webkit-autofill:focus {
 		-webkit-box-shadow: 0 0 0px 1000px #FED488 inset !important;
 		-webkit-text-fill-color: #939598 !important;
		border: 1px solid #939598; outline: none;}
		#wrapper {width: 100%;}
		#header {position: fixed; width: 100%; height: 302px; background-image: url("images/heading.png"); background-position: top center; background-repeat: no-repeat; z-index: 10; top: 0px;}
		#topmenubtn {position: absolute; width: 290px; left: 50%; margin-left: -145px; height: 100px; cursor: pointer; top: 0px; z-index: 30;}
		#menu {position: absolute; width: 100%; height: 150px; top: 690px; display: none;} 
		#largebtns {width: 1000px; height: 200px; position: absolute; left: 50%; margin-left: -500px; margin-top: 200px;}
		.menubtns {color: rgba(255,255,255,0.00); cursor: pointer; line-height: 330px; font-family: sans-serif; font-size: 20px; margin-top: 20px; width: 150px; text-align: center;}
	    #contacthbtn {width: 150px; height: 150px; margin-right: 12px; float: left; text-indent: 13px;}
		#storebtn {width: 150px; height: 150px; margin-right: 12px; float: left; text-indent: 7px;}
		#homebtn {width: 150px; height: 150px; margin-left: 50px; margin-right: 12px; float: left; text-indent: 15px;}
		#faqbtn {width: 150px; height: 150px; margin-right: 12px; float: left; text-indent: 10px;}
		#cartbtn {width: 150px; height: 150px; margin-right: 62px; float: right; text-indent: 30px;}
		.menubtns:hover {color: white;}
		#largemenu {height: 400px; color: white; font-family: sans-serif; font-size: 30px; margin-top: -630px; width: 87%; padding-left: 13%;}
		#largemenu a {text-decoration: none; color: white;}
		#largemenu a:hover {color: #fed388;}
		#links1, #links2, #links3, #links4 {float: left; margin-right: 5%; height: 530px; width: 18%;}
		#tinymenu {width: 500px; margin-left: -440px; margin-top: 200px;}
		.tinybtns {float: left; width: 100px; cursor: pointer;}
		.tinybtns img {width: 100px;}
		#tinymenu {display: none;}
	    #tinymenunames {float: left; width: 200px; margin-top: 16px; color: gray; font-family: sans-serif; font-size: 30px; text-align: left; margin-left: 120px;}
		#dateandtime {width: 205px; float: left; color: gray; font-size: 30px; margin-left: -80px; margin-top: 16px; font-family: 'overtime LCD';}
		#smallheader {display: none;}
		/* SLIDER */
		#slider {width: 100%; height: auto; margin-top: 180px; overflow: hidden;}
		h1 {font-size: 200px; text-shadow: 0 0 15px white; margin-bottom: 0px; margin-right: -13px; font-family: arial; font-weight: 100;}
		h2 {font-size: 75px; margin-top: -30px; margin-bottom: -50px; font-weight: 50;}
		h3 {margin-bottom: 0px; font-weight: 50;}
		.sliderimage {display: none; width: 100.5%; height: auto; font-family: sans-serif;}
		.sliderimage img {width: 100%; margin-bottom: -8px;}
		.slideheading {position: absolute; text-align: right; right: 13%; color: white; top: 300px; font-size: 45px; font-weight: 50;}
		.sliderbutton {position: absolute; z-index: 5; width: 300px; height: 150px; padding-top: 70px; color: white; font-family: sans-serif; text-align: center; left: 50%; margin-left: -150px; margin-top: -93px; background-image: url('images/sliderbutton.png'); background-repeat: no-repeat;}
		.sliderbutton:hover {cursor: pointer;}
		#slidermenu {width: 100%; height: 100px; position: absolute; display: none; z-index: 6; margin-top: -250px;}
		.slidermenuimage {width: 10%; margin-right: 5px; cursor: pointer; margin-top: -25px;}
		.slidermenuimage:hover {filter: opacity(0.9);}
		.slidermenuimage:Active {filter: opacity(0.8);}
		.slidermenumargins {width: 100%; margin-left: 0px;}
		#slides {position: absolute; margin-top: 3px; left: 0px; width: 100%; z-index: 3; display: none; background-size: 100%;}
		/* CONTENT */
		#flyinwrapper {background-color: #939598; background-image: url('images/indexbackground.png'); background-size: 120%; background-repeat: no-repeat; background-position: top center;}
		#flyin {width: 100%; height: 1600px; margin: 0px; overflow: hidden; opacity: 0; transition: opacity 1s ease-in; color: white; font-family: sans-serif; font-size: 25px; padding-top: 200px;}
		#leftimage {float: left; height: 550px; margin-left: -400px; transition: margin 1s ease-in; text-align: right;}
		#leftimage img {width: 800px;}
		#rightinformation {float: right; height: 550px; margin-right: -500px; transition: margin 1s ease-in; text-align: left; padding-top: 300px;}
		#leftinformation {float: left; height: 550px; margin-left: -500px; transition: margin 2s ease-in; text-align: right; padding-top: 300px;}
		#rightimage {float: right; height: 550px; margin-right: -400px; transition: margin 2s ease-in; text-align: left;}
		#rightimage img {width: 800px;}
		.boxes {width: 50%;}		
		.izones {float: left; width: 50%; height: auto; color: white; font-family: sans-serif; font-size: 2em;}
		.izones p {font-size: .7em;}
		#homepagecontent {padding-left: 13%; padding-right: 13%; margin-bottom: -300px; background-color: #939598;}
		#homepagecontent img {width: 800px; margin-top: 200px;}
		#homepagecontent p {margin-bottom: 250px;}
		#elementone {background-color: #939598; height: auto; padding-bottom: 500px; padding-left: 13%; padding-right: 13%;}
		.zones {float: left; width: 25%; height: auto; color: white; font-family: sans-serif; font-size: 2em;}
		.zones p {font-size: .7em; margin-left: 5%; margin-right: 5%;}
		.zones img {margin-top: 200px; width: 35%;}
		.heading {padding-top: 100px;color: white; text-align: center; width: 100%; height: auto; font-family: sans-serif; font-size: 3em;}
		.pheading {padding-top: 100px; color: white; text-align: left; width: 100%; height: auto; font-family: sans-serif; font-size: 50px; background-color: #939598; text-indent: 13%;}
		.pzones {float: left; width: 25%; height: auto; color: white; font-family: sans-serif; font-size: 14px; margin-bottom: 85px; zoom: 2;}
		.pzones p {font-size: .7em; margin-left: 5%; margin-right: 5%; color: #FED488;}
		.pzones img {width: 90%;}
		#productinfo {zoom: .8;}		
		#elementtwo {height: auto; padding-bottom: 400px; margin-top: -50px; background-color: #939598;}
		#storebutton {width: 33%; height: auto; font-size: 2em; font-family: sans-serif; text-align: center; padding: 10px; cursor: pointer; margin-left: auto; margin-right: auto; color: white;}
		#storebutton img {width: 100%;}
		#storecontent {height: auto; background-color: #939598; padding-left: 12%; padding-right: 12%; padding-top: 200px;}
		#storecontent .pzones img {cursor: pointer;}
		.companyinfo p {font-size: 1em; width: 95%; color: #4C4B4C;}
		input[type=image] {width: 150px;}
		.storemenu {position: absolute; right: 13%; color: #4d4b4d; font-size: 50px; font-family: sans-serif; cursor: pointer; margin-top: -58px; text-align: right;}
		.storemenu img {width: 100px; margin-bottom: -12px;}
		#downloadsmsg {background-color: #939598; padding: 125px 13% 0px 13%; font-size: 40px; font-family: sans-serif; color: #FED488;}
		#paymentbuttons {zoom: .6;}
		#supportform {width: 100%;}
		#supportform input[type=text], #supportform textarea {border: none; background-color: #4C4B4C; width: 80%; min-width: 80%; max-width: 80%; height: 50px; text-indent: 20px;}
		#supportform textarea {height: 300px; padding-top: 25px; margin-top: -23px;}
		#supportform input[type=submit] {background-color: #4C4B4C; color: #939598; width: 20%; height: 50px; padding: 5px;}
		#supportform input[type=submit]:hover {background-color: #B0B0B0; color: #ffffff;}
        .formerror::placeholder {color: #FED488;}
		#supportform input[type='submit'] {clear: both; margin-top: 0px;}
		#contactoptions {width: 100%; color: white; font-size: 42px; font-family: sans-serif;}
		.options {float: left; width: 28%;}
		/* FOOTER */
		#footer {width: 100%; height: auto; margin-top: 0px;}
		#contenthead {position: absolute; margin-top: -189px; height: 400px; width: 100%; background-image: url('images/footerbackground.png'); background-position: top center; background-repeat: no-repeat; font-family: sans-serif;}
		#footersides {position: absolute; width: 100%; height: 400px; z-index: 0; background-image: url('images/footerbkgsides.png'); background-repeat: repeat-x; margin-top: -150px;}
		#contentbody {background-color: #606060; min-height: 900px; height: auto;}
		.glow {margin-top: 50px; font-family: sans-serif; color: white; text-shadow: 0 0 15px white;}
		#box1 {position: absolute; margin-left: 13%; margin-top: 200px;}
		.links {font-family: sans-serif; padding: 10px; font-size: 34px; float: left; color: #E2C280;}
		.links a {text-decoration: none; color: #E2C280; font-size: 28px; cursor: pointer;}
		.linksheader {font-size: 34px; color: #939598;}
		#box2 {position: absolute; width: 271px; height: 300px; margin-left: 13%; margin-top: 460px; padding: 10px; color: #939598;}
		form {color: white; font-weight: bold;}
		input {margin: 0px; padding: 5px; width: 262px; border: 0px; background-color: gray; color: white; margin-bottom: 5px;}
		textarea {margin: 0px; padding: 5px; min-width: 262px; max-width: 262px; min-height: 100px; border: 0px; background-color: gray; color: white; margin-bottom: 5px;}
		input[type=submit] {margin: -2px 0px 0px 0px; border: 0px; padding: 5px; width: 272px; cursor: pointer; color: #939598; background-color: #E2C280;}
		.contact {font-family: sans-serif; color: #939598; font-size: 34px; font-weight: normal;}
		::placeholder {color: #E2C280;}
		#ssl {margin-top: 80px; color: #E2C280;}
		#box3 {position: absolute; margin-top: 200px; right: 13%; text-align: right; float: right; color: #939598;}
		#payments {position: absolute; margin-top: -20px; margin-left: -246px; width: 250px; filter: grayscale();}
		#littles {padding-top: 300px; color: #939598;}
		@media all and (min-width: 0px) and (max-width: 300px){
		body {zoom: .05;}
		#contentbody {height: 1800px;}
		#box1 {position: absolute; zoom: 2.3; margin-top: 100px;} 
		#box2 {position: absolute; margin-top: 360px; zoom: 2.3;}
		#box3 {position: absolute; ;zoom: 1.1; margin-top: 788px}
		#payments {position: absolute; margin-top: 30px;}
		#littles {padding-top: 246px; zoom: 1.2; margin-right: 13%; float: right;}
		.zones {width: 100%; font-size: 125px;}
		.izones {width: 100%; font-size: 125px;}
		.zones p {font-size: 115px;}
		.izones p {font-size: 115px;}
		body {padding-top: 500px; background-color: #939598;}
		#header {display: none;}
		#menu {display: none;}			
		#largemenu {display: none;}
		.slideheading {top: 1000px;}
		#smallheader {display: block; position: fixed; color: white; font-size: 10em; font-family: sans-serif; top: 0px; background-color: #606060; width: 100%; height: 700px; z-index: 21;}
		#mobilemenu {display: none; position: fixed; z-index: 20; top: 700px; width: 100%; height: 100%; background-color: #939598; padding-left: 10.5%; padding-top: 5%;}
		.mobilebtns {width: 40%; float: left; cursor: pointer;}
		#tinymenu {display: none;}
		#othermenus {display: none;}
		#slider {top: 500px;}
		#flyinwrapper {zoom: 1.9;}
		::-webkit-scrollbar {
		width: 0px;}
		.pheading {zoom: 5; text-indent: 0; text-align: center; padding-left: 13%; pading-right: 13%; width: 74%;}
		.pzones {float: none; zoom: 4; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 74% !important; font-size: 40px; margin-top: 4px; height: auto;} .warning {zoom: 3;}
		#footer {zoom: 2;}
		.storemenu {display: none;}
		.referto {zoom: 3; padding-left: 13%; padding-right: 13%;}
		#productinfo {font-size: 60px;}
		#downloadsmsg {font-size: 60px; padding-bottom: 34px;}
		.companyinfo {height: auto;}}
		@media all and (min-width: 301px) and (max-width: 600px){
		body {zoom: .1; padding-top: 500px; background-color: #939598;}
		.slideheading {top: 1000px;}
		/* #dateandtime {color: lightgray; zoom: 3; text-align: center; width: 100%; margin-left: 5px; margin-top: -22px;} */
		#smallheader {display: block; position: fixed; color: white; font-size: 10em; font-family: sans-serif; top: 0px; background-color: #606060; width: 100%; height: 700px; z-index: 21;}
		#mobilemenu {display: none; position: fixed; z-index: 20; top: 700px; width: 100%; height: 100%; background-color: #939598; padding-left: 10.5%; padding-top: 5%;}
		.mobilebtns {width: 40%; float: left; cursor: pointer;}
		#tinymenu {display: none;}
		#slider {top: 500px;}
		#flyinwrapper {zoom: 1.7;}
		::-webkit-scrollbar {
		width: 0px;}
		#largemenu {display: none;}
		#menu {display: none;}
		#header {display: none;}
		.companyinfo {height: auto;}
		.pzones {float: none; width: 74% !important; zoom: 5; font-size: 40px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px;}
		.pzones p {font-size: 40px; margin-top: 4px;}
		.pheading {zoom: 5; text-indent: 0; text-align: center; padding-left: 13%; pading-right: 13%; width: 74%;}
		.warning {zoom: 3;}
		#contentbody {height: 1800px;}
		#box1 {position: absolute; zoom: 2.3; margin-top: 100px;} 
		#box2 {position: absolute; margin-top: 360px; zoom: 2.3;}
		#box3 {position: absolute; ;zoom: 1.1; margin-top: 788px}
		#payments {position: absolute; margin-top: 30px;}
		#littles {padding-top: 246px; zoom: 1.2; margin-right: 13%; float: right; text-align: right;}
		.zones {width: 100%; font-size: 125px;}
		.izones {width: 100%; font-size: 125px;}
		.zones p {font-size: 115px;}
		.izones p {font-size: 115px;}
		#footer {zoom: 1.5;}
		.storemenu {display: none;}
		.referto {zoom: 3; padding-left: 13%; padding-right: 13%;}
		#productinfo {font-size: 60px;}
		#downloadsmsg {font-size: 60px; padding-bottom: 34px;}}
		@media all and (min-width: 600px) and (max-width: 1000px) {
		body {zoom: 0.26; padding-top: 500px; background-color: #939598;}
		#header {background-image: none; background-color: #606060; height: 700px;}
		.slideheading {top: 1000px;}
		/* #dateandtime {color: lightgray; zoom: 3; text-align: center; width: 100%; margin-left: 5px; margin-top: -22px;} */
		#smallheader {display: block; position: fixed; color: white; font-size: 10em; font-family: sans-serif; top: 0px; background-color: #606060; width: 100%; height: 700px; z-index: 21;}
		#mobilemenu {display: none; position: fixed; z-index: 20; top: 700px; width: 100%; height: 100%; background-color: #939598; padding-left: 10.5%; padding-top: 5%;}
		.mobilebtns {width: 40%; float: left; cursor: pointer;}
		#tinymenu {display: none;}
		#slider {top: 500px;}
		#flyinwrapper {zoom: 1.7;}
		::-webkit-scrollbar {
		width: 0px;}
		#largemenu {display: none;}
		#menu {display: none;}
		#header {display: none;}	
		.zones {width: 50%; font-size: 62px; float: left; height: 1000px;}
		.izones {width: 50%; font-size: 62px;}
		.izones p {font-size: 57px;}
		.zones p {font-size: 57px;}
		.pzones {width: 50%; zoom: 3; font-size: 20px;}
		.pzones p {font-size: 20px; margin-top: 4px;}
		#contentbody {height: 1800px;}
		#box1 {position: absolute; zoom: 2.3; margin-top: 100px;} 
		#box2 {position: absolute; margin-top: 360px; zoom: 2.3;}
		#box3 {position: absolute; ;zoom: 1.1; margin-top: 788px}
		#payments {position: absolute; margin-top: 30px;}
		#littles {padding-top: 246px; zoom: 1.2; margin-right: 13%; float: right;}
		#footer {zoom: 1.5;}
		.companyinfo p {color: #4C4B4C;}
		.storemenu {display: none;}
		.referto {zoom: 1.5; padding-left: 13%; padding-right: 13%;}
		#downloadsmsg {font-size: 80px;}
		.pheading {zoom: 2; text-indent: 0; text-align: center; padding-left: 0; pading-right: 13%;}}
		@media all and (min-width: 1001px) {
		body {zoom: 0.5;}
		.pzones {width: 33%;}
		#supportform #leftpart {width: 50%; float: left;}
		#supportform #rightpart {width: 50%; float: left; margin-top: 6.5px;}
		#supportform textarea {height: 160px; min-height: 160px; width: 95%; min-width: 95%; max-width: 95%; margin-left: -15%;}
		#supportform input[type='submit'] {margin-top: 40px;}}
		@media all and (min-width: 1400px) {
		body {zoom: 0.6;}
		.pzones {width: 25%;}}
		@media all and (min-width: 1800px) {body {zoom: 0.7;}}
		@media all and (min-width: 2200px) {body {zoom: 1.0;}}
		@media all and (min-width: 3200px) {body {zoom: 1.4;}}
		@media all and (min-width: 3800px) {body {zoom: 1.8;}}