/* Vinyl Lettering Order Form CSS */

/* Document Styles */

body {
	background: #ccc;
	font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: #666;
	margin: 15px;
	text-align: center; /* For IE */
	}

p {
	margin: 0 0 5px 0;
	}

p.p1 {
	font-size: 13px;
	line-height: 20px;
	}

h3 {
	color: #18d;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 30px 0 2px 0;
	}

a:link, a:visited {
	color: #9c0;
	text-decoration: none;
	}

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

ul {
	margin: 0;
	padding: 0 23px 10px 27px;
	list-style: none;
	line-height: 1.2em;
	}

li {
	padding-bottom: 7px;
	}

acronym {
	font-style: normal;
	border-bottom: 1px dotted #666;
	}

.accesskey {
	text-decoration: underline;
	}
.price-screen {
	background:#FFF url(../img/price-screen.gif) no-repeat center;
	height:92px;
	width:186px;
	}
p.prcscrn {
	margin:0px 0px 0px 15px;
	padding-top:20px;
	font:normal 1.5em/100% Terminal;
	color:#33CC00;
	}

/* Container Styles */

#container {
	position: relative;
	width: 720px !important;
	width /**/: 750px;
	background: #fff;
	border: 15px solid #fff;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* For IE, see above */
	}

/* Intro Styles */

#pageHeader {
	width: 720px;
	height: 125px;
	background: #18d url(../img/title.jpg) no-repeat right;
	}
#pageHeaderBoats {
	width: 720px;
	height: 125px;
	background: #18d url(../img/boat-header.jpg) no-repeat right;
	}

#pageHeader h1, #pageHeader h2 {
	text-indent: -999em;
	margin: 0;
	}

#quickSummary {
	width: 720px;
	height: 39px;
	border-top: 1px solid #fff;
	background: #147;
	}

#quickSummary p.p1 {
	position: absolute;
	left: -999em;
	}

#quickSummary p.p2 {
	height: 28px !important;
	height /**/: 39px;
	color: #6cf;
	margin: 0;
	padding: 11px 0 0 27px;
	}

#quickSummary a:link, #quickSummary a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	}

#quickSummary a:hover, #quickSummary a:active {
	text-decoration: underline;
	background: transparent;
	}

.condensedLayout {
	padding:5px;
	font-size:10pt;
	border:1px solid #000;
	}
/* Supporting Text Styles */
#layout-form {
 	margin: 0 50px 0 50px;
	}
#layout-form h2, h1 {
	color:#18d;
	font-size:2em;
	}
#layout-form ul {
	list-style:none;
	margin:0px;
	padding:0;
	padding-top:25px;	
	}
#layout-form li {
	list-style:none;
	display:inline;
	margin:0;
	padding:10px 10px 10px 0px;
	}
#layout-form li a:link, #layout-form li a:visited, #layout-form li a:active {
	background-color:#18d;
	padding:4px;
	color:#fff;
	font:bold 10px/100% Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-transform:uppercase;
	}
#layout-form li a:hover {
	color:#000;
	text-decoration:underline;
	
	}
#layout-form img {
	border:0;
	}
#preview-screen {
	width: 100%;
	background-image:url(../img/preview-screen-bg.gif);
	background-repeat: repeat;
	padding:0;
	height: 1em;
	}
#stepa, #stepb, #stepc {
margin-left:40px;
	text-align:center;
	float:left;
	width:150px;
	height:150px;
	background:url(../img/circle.gif) no-repeat center;
	}
#stepa h4, #stepb h4, #stepc h4 {
	color:#000;
	font-size:2em;
	margin:0;
	padding: 15px 2px 2px 2px;
	}
#stepa p, #stepb p, #stepc p {
	color:#fff;
	margin:10px 10px 10px 10px;
	font:normal 12px/120% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	
	}
#quantity {
	margin:25px 0 0 40px;
	float:left;
	width:225px;
	height:150px;
	}
.clearer {
	clear:left;
	}
#layout-form .warn {
	text-align:center;
	padding:5px;
	border:1px #18d solid;
	font:normal 9px/120% arial;
	color:#18d;
	}
#layout-form .warn2 {
	font:bold 10px/120% arial;
	color: #FF0000;
	}
#layout-form #customer {
	float:left;
	width:200px;
	color: #000;
	
	padding:5px;
	}
#layout-form #shipAddress {
	float:left;
	width:200px;
	margin-left:200px;
	color: #000;
	padding:5px;
	}	
#layout-form table {
	clear:left;
	}
#explanation, #participation, #benefits, #requirements, {
	margin: 0 50px 0 320px;
	}

#footer {
	width: 708px !important;
	width /**/: 720px;
	height: 24px !important;
	height /**/: 30px;
	background: #18d;
	margin-top: 15px;
	padding: 6px 12px 0 0;
	border-top: 1px solid #fff;
	text-align: right;
	}

#footer a:link, #footer a:visited {
	text-transform: uppercase;
	color: #fff;
	}

#footer a:hover, #footer a:active {
	color: #83829D;
	background: #fff;
	}
#vcart {
	margin:10px;
	background:#fff;
	width:600px;	
	}
#vcart img {
	float:left;
	display:inline;	
	}
#vcart h2 {
	padding-top:15px;
	color:#f11761;
}
#vcart table {
	clear:both;
	margin:10px;
	width:580px;
	border:#000000 1px solid;
	}
#vcart th {
	background:#18d;
	font:bold 12px/100% arial;
	color:#fff;
	}
#vcart td {
	padding:5px;
	background:#fff;
	font: 12px/100% arial;
	color:#000;
	border-bottom:#000 1px solid;
	text-align:left;
	}
#vcart td img{
	padding:5px;
	border:#000 solid 1px;
	
	}
#vcart td.total {
	background:#18d;
	font:bold 12px/100% arial;
	color:#fff;
	text-align:right;
	border:0;
	}
#vcart p {
	padding-top:15px;
	color:#666;
}
#vcart p a, a:link, a:active, a:visited {
	color:#f11761;
	text-decoration:underline;
}
#vcart p a:hover{
	color:#f11761;
	text-decoration:underline;
	background:#fff;
}
fieldset {
	margin-top:15px;
	border:#18d solid 1px;
	}
fieldset h1 {
	color:#18d;
	}