@charset "UTF-8";
/* SMITH CITY STYLES */

/* RESET */
#content * {
	position: absolute;
}

/* TRADE IN GRAPHICS */
#trade1 {
	left: 45px;
	top: 108px;
	width: 211px;
	height: 103px;
}
#fill {
	left: 3px;
	top: 1px;
	display: none;
}
#arrow {
	width: 82px;
	height: 82px;
}

#circle {
	left: 10px;
	top: 10px;
	width: 71px;
	height: 71px;
}

#toptext {
	left: 29px;
	top: 20px;
	width: 106px;
	height: 22px;
}
#bottomtext {
	left: 21px;
	top: 37px;
}

#trade2 {
	left: 147px;
	top: 7px;
	width: 128px;
	height: 52px;
}

#toptext2 {
	left: 20px;
	top: 5px;
	width: 81px;
	height: 16px;
}
#bottomtext2 {
	left: 14px;
	top: 18px;
}
#fill2 {
	left: 25px;
	top: 10px;
}
#circle2 {
	width: 45px;
	height: 45px;
}
#arrow2 {
	width: 42px;
	height: 41px;
}

/* PRODUCT */
#product1{
	width: 100%;
	height: 100%;
	background-color: #fff;
}
#productimg {
	width: 100%;
	height: 100%;
	background: url("smithscity-product.jpg") no-repeat scroll center bottom;
}
#greybar{
	width: 100%;
	height: 100px;
	background-color: #efefef;
	top: 60px;
}
#productprice {
	left: 25px;
	top: 15px;
	width: 101px;
	height: 26px;
}
#productregularprice{
	width: 105px;
	height: 10px;
	left: 23px;
	top: 45px;
	background-position: -23px -124px;
}

#productdescr {
	width: 100%;
	height: 50px;
}

/* GENERAL GRAPHICS */
#logo {
	width: 172px;
	height: 44px;
	top: 30px;
	left: 64px;
	background-position: -64px -70px;
}
#logo, #legal, #productdescr, #productregularprice {
	background-image: url(smithscity-spritesheet.png);
	background-repeat: no-repeat;
}

#cover {
	background-color: #ffec00;
	width: 100%;
	height: 100%;
}
#over {
	width: 100%;
	height: 100%;
	background-color: #ae2639;
	opacity: 0;
}
#sc_bg {
	background-color: #ffec18;
	width: 100%;
	height: 100%;
}
#easypay {
	width: 214px;
	height: 30px;
	left: 43px;
	top: 100px;
}
#legal {
	width: 180px;
	height: 11px;
	top: 136px;
	left: 60px;
	background-position: -60px -56px;
}
#button * {
	position: relative;
}
#button {
	width: 300px;
	height: 90px;
	background-color: #29235c;
	top: 160px;
	text-align: center;
	padding-top: 20px;
}


body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
/* Div layer for the entire banner. */
#container {
	display: block;
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	left: 0px;
	margin: auto;
}
#content {
	position: absolute;
	width: 298px;
	height: 248px;
	border: 1px solid #efefef;
	bottom: 0px;
	left: 0px;
	background-color: #FFF;
	z-index: 100;
	background-color: #fff;
	overflow: hidden;
}
/* Invisible button for background clickthrough. */
#exit {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 400;
}