

/* ---------------------------------------------------------------------------------- Structure - Main */

body {
	font-family: Helvetica, Arial, san-serif;
	background: #d0fcfd;
	color: #000;
	margin: 0;
	padding: 0;
	}

#main-container {
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 0 0 20px 0;
	}

.spacer {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	}

#header, #button-container, #menu-container, #content-container, #footer-container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}

#button-tape {
	width: 100%;
	min-width: 800px;
	height: 181px;
	background: url(images/button-tape.png) no-repeat top center;
	padding: 0;
	margin: 20px 0 0 0;	
	}	

#iesix {
	display: none;
	}



/* ---------- Structure - Buttons */

#button-container {
	padding-top: 28px;
	}

.button {
	width: 124px;
	height: 124px;
	float: left;
	padding: 0;
	margin: 0;
	}

.button.one {	
	background: url(images/button-one.png) no-repeat top center;
	margin-left: 18px;
	}
	
.button.two {	
	background: url(images/button-two.png) no-repeat top center;
	margin-left: 89px;
	}

.button.twoenter {	
	background: url(images/button-twoenter.png) no-repeat top center;
	margin-left: 89px;
	cursor: pointer;
	}

.twoenter.preload {	
	background: url(images/button-twoenter.png) no-repeat 1000px 1000px;
	height: 1px;
	width: 1px;
	}

.button.three {	
	background: url(images/button-three.png) no-repeat top center;
	margin-left: 89px;
	}
	
.button.four {	
	margin-left: 89px;
	}


/* ---------- Structure - Menu */

#menu-container {
	margin-top: 40px;
	}

.menu-item {
	width: 100px;
	height: 24px;
	float: left;
	padding: 0;
	margin: 0;
	}

.menu-item.one {	
	margin-left: 29px;
	}
	
.menu-item.two {	
	margin-left: 114px;
	}

.menu-item.three {	
	margin-left: 114px;
	}
	
.menu-item.four {	
	margin-left: 114px;
	}

.menu-item img {
	cursor: pointer;
	}

#border-top, #border-bottom {
	background: url(images/border-blob.png) repeat-x top;
	width: 800px;
	height: 9px;
	padding: 0;
	margin: 0;
	}

#border-top {
	background-position: 509px 0;
	}


/* ---------- Structure - Content */

#content-container {
	display: block;
	overflow: hidden;
	background-color: #defdfe;	
	}

#content-slider {
	width: 3200px;
	padding: 0;
	margin: 0;
	}

.content {
	text-align: left;
	width: 740px;
	padding: 30px;
	margin: 0;
	float: left;
	}
	
.column {
	float: left;
	margin:	0;
	padding: 0;
	}

.column.one {
	width: 378px;
	}

.column.two {
	width: 302px;
	padding: 50px 0 0 60px;
	}

.column.three {	
	width: 354px;
	} 

.column.four {
	width: 346px;
	padding-left: 40px;	
	}

.oneinchbut {
	float: left;
	width: 124px;	
	}



/* ---------- Structure - Footer */


#footer-container {
	
	}
	
#border-bottom.bottom-line {	 
	background-position: 380px bottom;
	}

/* ---------- Structure - Pop-Ups */

.pop-button {
	display: none;
	position: absolute;
	top: 316px;
	left: 50%;
	margin: 0 0 0 -151px;
	padding: 0;
	}
		
	
/* ---------------------------------------------------------------------------------- Typography - Main */

h1, h2, h3, h4, h5, h6 {
	color: #000;
	padding-top: 0;
	margin-top: 0;
	}

.upspace {
	padding-top: 10px;
	}

.upspace.extra {
	padding-top: 20px;
	}

.nodownspace {
	padding-bottom: 0;
	margin-bottom: 0;
	}

.downspace {
	padding-bottom: 20px;
	}

h1 {	
	font-size: 28px;
	}

#contact-content h1 {
	padding-top: 30px;
	font-size: 34px;
	text-align: center;
	}

h2 {
	font-size: 24px;	
	}

h3 {
	font-size: 20px;	
	}

h4 {
	font-size: 16px;	
	}

h5 {
	font-size: 14px;	
	}

h6 {
	font-size: 11px;	
	}

p {
	color: #301c45;
	font-size: 11px;
	}

.content, .content p {
	font-size: 13px;
	}

#button-container p {
	color: #fff;	
	}
	
.tempdown {
	float: left;
	padding: 10px 0 0 20px;	
	}

.tempdown p {
	padding: 0 0 10px 0;
	margin: 0;
	}

.tempdown span {
	font-size: 18px;
	display: block;
	font-weight: bold;
	}


#iesix p {
	padding-top: 40px;
	font-size: 24px;
	text-align: center;
	}

/* ---------------------------------------------------------------------------------- Links - Main */

a {
	text-decoration: none;
	-moz-outline-style: none;
	outline-style:none;
	outline: none;
	outline-width:0;
}

a::-moz-focus-inner { 
	border: 0;
}

button { 
	text-decoration: none;
	outline-style:none;
    outline: none; 
	outline-width:0;
	-moz-outline-style: none;
}

button::-moz-focus-inner { 
	border: 0;
}

a:link, a:visited {
	color: #3be5eb;
	}

a:hover, a:active {
	color: #f62745;
	}


/* ---------------------------------------------------------------------------------- Lists - Main */

ul.line-list {
	list-style: none;
	padding: 0;
	margin: 0;
	}
		
ul.line-list li {
	list-style: none;
	font-size: 13px;
	padding: 4px 0 0 0;
	}


/* ---------------------------------------------------------------------------------- Images - Main */

a img {
	border: none;
	}


/* ---------- Images - Homeshow */

#homeshow, #tempshow, #egshow {
	position:relative;
	padding: 0;
	margin: 0;
	}

#homeshow-cont {	
	width: 300px;
	height: 180px;
	}
	
#homeshow {	
	border: 1px solid #301c45;
	width: 300px;
	height: 180px;
	}

#homeshow img, #tempshow img, #egshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity: 0;
	}

#homeshow img.active, #tempshow img.active, #egshow img.active {
    z-index:10;
    opacity: 0;
	}

#homeshow img.current, #tempshow img.current, #egshow img.current {
    z-index:9;
    opacity: 1;
	}

#tempshow, #tempshow-cont {	
	width: 344px;
	height: 152px;
	}

#egshow-cont {	
	width: 738px;
	height: 446px;
	}
	
#egshow {	
	border: 1px solid #301c45;
	width: 738px;
	height: 446px;
	}

.footimgleft {
	margin-right: 40px;
	}

.footimgright {
	margin: 0 0 0 40px;
	}


/* ---------------------------------------------------------------------------------- Forms - Main */



#button-buy input {
	font-family: Helvetica, Arial, san-serif;
	background: none;
	border: none;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0;
	outline: none;
	}

#button-buy #quantity {
	margin-top: 28px;
	width: 120px;
	padding: 0;
	}
	
#quantity.pointme {
	cursor: pointer;
	}
	
#your-total p, #price-ea p {
	margin: 28px 0 0 -6px;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	padding: 0;
	outline: none;
	}

#sign, #cent {
	font-size: 19px;
	}
	
.cents {
	font-size: 12px;
	}

#button-buy #submit {
	border: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 124px;
	height: 124px;	
	background: url(images/button-four.png) no-repeat top center;
	cursor: pointer;
	}

#button-buy #submit span {
	display: none;
	}
	
	
	
	
	