@charset "UTF-8";

.guiliguili { cursor: pointer; }
.container {
	height: 460px;
	width: 670px;
	position: absolute;
	left: 50%;
	top: 50%;
	right: 50%;
	bottom: 50%;
	margin-top: -220px;
	margin-left: -335px;
}
.ProductImage {
	height: 140px;
	width: 140px;
	position: relative;
	left: 0px;
	top: 30px;
}
#welcomeText {
	width: 180px;
	left: 0px;
	top: 30px;
}
#optionsContainer {
	width: 465px;
	position: absolute;
	height: 435px;
	left: 200px;
	top: 0px;
	background-image: url(../images/options-bg.gif);
	overflow: hidden;
	z-index: 1;
}
.optionsBoxBorder {
	height: 435px;
	width: 1px;
	position: absolute;
	left: 665px;
	top: 0px;
	background-color: #e5e5e5;
}
#leftslide {
	position: absolute;
	height: 434px;
	width: 430px;
	left: 440px;
	background-image: url(../images/grey-px.gif);
	background-repeat: repeat-y;
	background-position: 25px;
	top: 1px;
}
#leftslideCover {
	position: absolute;
	height: 434px;
	width: 430px;
	left: 470px;
	background-image: url(../images/grey-px.gif);
	background-repeat: repeat-y;
	background-position: 25px;
	top: 1px;
	background-color: #CCC;
}
#slideContent {
	height: 400px;
	width: 405px;
	position: absolute;
	left: 28px;
	background-color: #FFFFFF;
	padding: 15px;
	z-index: 10;
}
.moreProducts {
	position: absolute;
	right: 1px;
	top: 140px;
}
.options {
	width: 360px;
	position: absolute;
	top: 120px;
	left: 30px;
}
.downloads {
	float: right;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#scrollContainer {
	position	: absolute;
	top			: 10px;
	width		: 80px;
	height		: 400px;
	overflow	: hidden;
	right: 4px;
	border-left-width: 1px;
	border-left-color: #E5E5E5;
	border-left-style: solid;
}

#scrollContent {
	position	: relative;
	width		: 75px;
	left		: 5px;
	text-align: center;
}
#scrollArea {
	position	: absolute;
	top			: 10px;
	height		: 398px;
	width		: 28px;
	overflow	: hidden;
	right: -28px;
}

#scroller {
	position	: absolute;
	top			: 1px;
	width		: 28px;
	background-image: url(../images/scroll-tab-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.ProductName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0055a4;
	top: 70px;
	position: absolute;
	width: 250px;
	left: 30px;
	font-size: 10px;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
.ASLogo {
	height: 29px;
	width: 71px;
	position: absolute;
	left: 48px;
	top: 311px;
	background-image: url(../images/autospec-logo.gif);
}
.arrow {
	height: 21px;
	width: 40px;
	position: absolute;
	left: 160px;
	top: 75px;
	background-image: url(../images/arrow.gif);
}
.DeroLogo {
	height: 19px;
	width: 119px;
	position: absolute;
	left: 300px;
	top: 445px;
}
#pullTab {
	top: 110px;
	float: left;
	position: absolute;
}
.drawerProductBox {
	margin: 3px;
	height: 95px;
	width: 60px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999999;
	text-align: center;
}
#closeTab {
	visibility: hidden;
	position: absolute;
	top: 0px;
}
#upslideContents {
	height: 350px;
	width: 400px;
	overflow: auto;
	border: 1px solid #CCCCCC;
}
#upslide {
	padding: 12px;
	background-color: #FFFFFF;
	position: absolute;
	left: 10px;
	top: 440px;
	width: 440px;
}
.closeSpecs {
}
.selectText {
	float: left;
	width: 200px;
}
.Finish {
	background-color: #CCCCCC;
	height: 160px;
	width: 160px;
	background-image: url(../images/galvanized.gif);
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#upslidecover {
	padding: 12px;
	background-color: #FFFFFF;
	position: absolute;
	left: 10px;
	top: 440px;
	width: 440px;
}
.cartContent {
	margin-top: 16px;
	margin-left: 40px;
	width: 350px;
}