/*
Title:		VINgraving Kit styles
Author:		D2 Media, reinvent@d2media.com
Updated:	September 01, 2006
Notes:		None
-------------------------------------------------- */


/* =ROOT HTML TAGS
-------------------------------------------------- */
img { border: 0; }
p { margin: 24px 0 0 3px; }


/* =CONTENT TABS
-------------------------------------------------- */
#step1 { display: none; }
#step2 { display: none; }

/* =HEADER CLASSES
-------------------------------------------------- */
.vin-header {
	width: 551px;
	height: 218px;
}
#vin-tab {
	width: 551px;
	top: 2px;
	background-color: #3C3C3C;
	background-image: url(/assets/images/vin/vin-background.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-bottom: 20px;
	text-align: left;
	position: relative;
}
.vin-tab-success {
	width: 551px;
	top: 2px;
	background: #3C3C3C url(/assets/images/vin/vin-success-back.gif) repeat-x;
	margin-bottom: 20px;
	text-align: left;
	position: relative;
}
#vin-second {
	display: none;
}
.vin-form {
	margin-top: 2px;
	padding-left: 30px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 309px;
	float: left;
	position: relative;
}
.vin-form p em {
	font-size: 10px;
}
.vin-full {
	margin-top: 2px;
	padding-left: 30px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	float: left;
	position: relative;
}
.vin-full h3 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	padding: 0;
}
.vin-full p {
	margin-left: -1px;
	margin-bottom: 10px;
}
.vin-form p strong {
	font-weight: normal;
	color: #A0A0A0;
}
.vin-form p em {
	font-style: italic;
	font-size: 10px;
}
.vin-tab-full {
	padding-left: 30px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 500px;
	float: left;
	position: relative;
}
.vin-tab-full p { margin: 10px 0 24px 0; }


/* =SIDE NOTIFICATION DIVS
-------------------------------------------------- */
.vin-error {
	background: url(/assets/images/vin/error-top.gif) no-repeat;
	width: 183px;
	float: left;
	left: 18px;
	top: 47px;
	position: relative;
}
.vin-error p {
	background: url(/assets/images/vin/error-bot.gif) bottom no-repeat;
	margin: 0;
	padding: 14px 10px 24px 38px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 14px;
}
.vin-note {
	background: url(/assets/images/vin/note-top.gif) no-repeat;
	width: 183px;
	float: left;
	left: 18px;
	position: relative;
	margin-top: 58px;
}
.vin-note p {
	background: url(/assets/images/vin/note-bot.gif) bottom no-repeat;
	margin: 0;
	padding: 14px 10px 24px 38px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 14px;
}
.vin-success {
	background: url(/assets/images/vin/success-top.gif) no-repeat;
	width: 183px;
	float: left;
	left: 18px;
	position: relative;
	margin-top: 58px;
}
.vin-success p {
	background: url(/assets/images/vin/success-bot.gif) bottom no-repeat;
	margin: 0;
	padding: 14px 10px 24px 38px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #213B02;
	line-height: 14px;
}


/* =MISC ITEMS
-------------------------------------------------- */
.vin-check {
	margin-top: 14px;
	width: 180px;
	float: left;
}
.vin-cont {
	margin: 14px 0;
	float: right;
	text-align: right;
}

/* =FORM STYLES
-------------------------------------------------- */
.forms {
	width: 300px;
	height: 20px;
	background-color: #F5F5F5;
	border: 1px #000 solid;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	padding: 4px;
}
.fCity {
	width: 220px;
	height: 20px;
	background-color: #F5F5F5;
	border: 1px #000 solid;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	padding: 4px;
}
.fZip {
	width: 90px;
	height: 20px;
	background-color: #F5F5F5;
	border: 1px #000 solid;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	padding: 4px;
}
.dropLong {
	width: 310px;
	height: 27px;
	background-color: #F5F5F5;
	border: 1px #000 solid;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	padding: 4px;
}
.dropShort {
	width: 80px;
	height: 27px;
	background-color: #F5F5F5;
	border: 1px #000 solid;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	padding: 4px;
}
.dropShorter {
	width: 55px;
	height: 27px;
	background-color: #F5F5F5;
	border: 1px #000 solid;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #929292;
	padding: 4px;
}
#vin-form-city {
	float: left;
	position: relative;
	width: 230px;
	margin-bottom: 20px;
}
#vin-form-pa {
	float: right;
	position: relative;
	width: 70px;
	margin-bottom: 20px;
}