body { background-color: #ffffff; color: #58585a; margin: 0; padding: 0; font-family: helvetica, arial, sans-serif; }

#wrapper { width: 1062px; margin: 0 auto; padding: 0; position: relative; }

span.red { color: Red; text-transform: uppercase; font-weight: bold; }

a img { border: none; }
a#return, a#skip { display: block; position: absolute; top: 10px; right: 115px; font-size: 16px; font-weight: bold; color: #7f4c35; text-decoration: none; z-index: 2000; }
a.materials { width: 225px !important; display: block; text-align: left; font-size: 13px; font-weight: bold; color: #7f4c35 !important; text-decoration: none; padding: 0px; margin: 0px 0 0 -16px !important; }
a#return:hover, a#skip:hover, a.materials:hover { color: #a06146; }
a#arrowPrev { width: 26px; height: 50px; background: url('../images/prev-arrow.jpg') no-repeat top; position: absolute; top: 65px; left: 0px; z-index: 1000; }
a#arrowPrev:hover, a#arrowNext:hover { background-position: bottom; }
a#arrowNext { width: 26px; height: 50px; background: url('../images/next-arrow.jpg') no-repeat top; position: absolute; top: 65px; right: 115px; z-index: 1000; }

#pager { top: 70px; z-index: 3000 !important; /*width: 886px; height: 100px; overflow-x: scroll; overflow-y: hidden; position: absolute; top: 50px; left: 31px; z-index: 100;*/ } 
#pager a { width: 144px; height: 100px; margin-right: 2px; display: inline-block; }
#pager li a.selected { border-bottom: 3px solid #7f4c35; }

#vs-logo_tag { position: absolute; top: 0px; left: 967px; z-index: 100; }

#intro-wrapper { width:700px; height: 640px; position: absolute; left: 50%; margin: 60px 0 0 -350px; }
#text-container { font-family: helvetica, arial, sans-serif; position: absolute; overflow:hidden; z-index: 2000; }
#intro { position: absolute; z-index: 1000; }
.flying-text{ position: absolute; width: 600px; margin-left:-100px; }
h1#slide1 { font-size: 50px; font-weight: normal; color: #fff; position: absolute; top: 200px; left: 75px; } h1#slide1 span { font-size: 18px; } h1#slide1 span.IntroRed { color: red; font-size: 35px; font-weight: lighter; }
h1#slide2 { font-weight: normal; position: absolute; top: 110px; left: 300px; }
h1#slide3 { font-weight: normal; color: #fff; position: absolute; top: 15px; left: 75px; }
h1#slide4 { font-weight: normal; position: absolute; top: 135px; left: 300px; }
h1#slide5 { font-weight: normal; position: absolute; top: 150px; left: 140px; }

.top { width: 1062px; float: left; margin-top: 80px; }

.model { width: 1062px; float: left; }
.modelImg { width: 1062px; height: 396px; float: left; }
.modelName { width: 1062px; height: 30px; float: left; padding: 10px 0px; border-top: 1px solid #58585a; border-bottom: 1px solid #58585a; }
.modelName h2 { font-size: 26px; color: #58585a; margin: 0px; padding: 0px; }
.modelName h2.title { font-weight: bold; float: left; margin-top: -1px; }
.modelName h2.divider { font-weight: lighter; float: left; color: #7f4c35; margin: -2px 10px 0; }
.modelName h2.description { font-size: 20px; font-weight: lighter; float: left; padding-top: 3px; }
.modelName h2.modelNum { font-size: 20px; font-weight: lighter; float: right; padding-top: 3px; color: #7f4c35; }

.bottom { width: 1062px; float: left; margin: 20px 0px; }
.bottom h3 { font-size: 15px; font-weight: normal; color: #7f4c35; margin: 10px 0 3px; }
.bottom a { text-decoration: none; color: #58585a; }
.bottom p { font-size: 13px; margin-top: 0; }
.bottom ul { margin: 0 0 5px; }
.bottom ul li { font-size: 12px; margin-left: -25px; }

.bottomLeft { width: 550px; float: left; margin-right: 79px; }
.bottomRight { width: 433px; float: left; }

.u-swatches, .m-swatches { width: 501px; float: left; margin-bottom: 10px; }
.u-swatches h2 { font-size: 18px; float: left; margin-right:5px; }
.m-swatches h2 { font-size: 18px; float: left; margin-right:12px; }
.u-swatches a, .m-swatches a { width: 30px; float: left; margin: 5px; padding-top: 15px; display: block; font-size: 14px; text-align: center; }
.u-swatches a img, .m-swatches a img { width: 30px; height: 30px; }

.catalogs { width: 501px; float: left; margin-bottom: 10px; }
.catalogs a { display: block; float: left; margin: 10px 10px 0 0; }
.catalogs a img { border: none; }

/* IPAD CSS */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#wrapper {
		padding-left: 15px !important;
	}
}