/* Resets / Base Styling */
* { margin: 0; padding: 0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:small; text-align:center; color: #333; margin:0; padding:0; line-height:1.5em; background:url(images/bg2.gif) top left repeat-x #1F1712; }
div, p, img, a, td, ul, ol { font-size: 1em; }
form, input, fieldset, label { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 { font-size:12px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, h8 a:hover, h9 a:hover, h10 a:hover { text-decoration:none; }
p { padding: 5px 0; color:#666; }
a, a:link, a:visited { text-decoration: none; color:#666; outline:none; border:none; margin:0; padding:0; }
a:hover { text-decoration:underline; }
a img, img { border: none; }
li, ul { list-style: none; margin:0; padding:0; }
hr { display: none; }
.center { text-align: center; }
.clrbt { clear: both; }
.fltrt { float: right; }
.fltlt { float: left; }
.white { color:#909090; }
.hidden { display:none; }

#outer-wrapper { width:995px; margin:0 auto; background:#000; text-align:left; }

	#header { background:url(images/headerbg.jpg) top left no-repeat; height:210px; position:relative; }
		#logo-link { }
			#logo-link a { display:block; width:300px; height:150px; }
		#top-nav { padding:6px 0 0 15px; }
			#top-nav li { float:left; width:157px; text-align:center; }
			#top-nav a { font-size:15px; color:#fff; font-weight:bold; display:block; width:140px; margin-top:9px; }
			#top-nav li.link-2 a { margin:0; }
			#top-nav a:hover { text-decoration:none; }

	#home-content, #content, #configurator-content { background:url(images/content-bg.jpg) top left repeat-y; }
		#home-content h1, #content h1, #configurator-content h1 { font-size:21px; padding:5px 0; }
		#content h1, #configurator-content h1 { border-bottom:1px solid #ccc; margin-bottom:4px; }
		#configurator-content h1 { margin:0 10px 5px; }
		#configurator-content #breadcrumbs { padding-left:12px; }
	#home-content { text-align:center; padding-bottom:10px; }
		#home-bucket-wrapper { width:960px; margin:0 auto;}
			.home-bucket { width:320px; float:left; }
		
	#home-text { text-align:left; display:block; width:920px; margin:0 auto; padding:10px; background:#f0f0f0; }
		.freight { color:#990100; font-size:11px; }
	
	#content, #configurator-content { text-align:left; }
	#content { padding:0 10px 5px 10px; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #content { height: 1%; }

		#content.faqs { padding-bottom:15px; }
			#content.faqs h3.first { padding-top:10px; }
			#content.faqs h3 { font-size:16px; padding:20px 10px 0; }
			#content.faqs p { padding:0 25px; }
			#content.faqs ul { padding:0 0 10px 60px; }
			#content.faqs li { list-style:disc; padding-left:5px; }
			#content.faqs table { margin:10px 0 10px 25px; border:1px solid #999; }
			#content.faqs td, #content.faqs th { padding:5px; border:1px solid #ccc; text-align:center; }

	#configurator-wrapper { }
		/* #configurator-wrapper label { display:none; } */
		
		#marker-size { width:450px; margin:0 auto; text-align:center; padding-bottom:5px; line-height:2em; }
			#marker-size ul { padding-top:5px; }
			#marker-size li { float:left; padding:0 5px; }

		#marker-colors, #marker-designs-vertical, #marker-designs-horizontal, #marker-designs-infant, #marker-view { float:left; text-align:center; }
		#marker-colors { width:136px; padding-left:5px; }
			#marker-colors .step-header { padding-left:8px; }
			#color-list { padding-top:40px; height:365px; line-height:1.21em; width:100%; border-width:1px 1px 0 0; border-style:solid; border-color:#ccc; background:#fdfdfd; }
				#color-list li { height:105px; }
				#color-list li.active { font-weight:bold; }
				
				#color-list img { cursor:pointer; }
					#color-list li.active img { border:2px solid #990000; width:46px; height:46px; }
				#color-list li.last { }
		#marker-view { padding:0 20px; position:relative; width:600px; }

		.step-header { padding-bottom:5px; }
		
			#text-holder { position:absolute; text-align:center; overflow-x:hidden; overflow-y:hidden; color:#000; white-space:nowrap; }	
				#text-holder img { max-width:100%; }
					#text-holder div div { position:relative; }

			.config-1 { width:400px; left:190px; top:115px; height:220px; }
					/* Vertical Artwork */
					#text-holder.config-1 #text-line-1-wrapper.layout-1 div { font-size:54px; height:75px; }
					#text-holder.config-1 #text-line-2-wrapper.layout-1 div { font-size:80px; height:100px; }
					#text-holder.config-1 #text-line-3-wrapper.layout-1 div { font-size:52px; height:50px; }

					#text-holder.config-1 #text-line-1-wrapper.layout-2 div { font-size:64px; height:93px; top:150px; }
					#text-holder.config-1 #text-line-2-wrapper.layout-2 div { font-size:80px; height:65px; top:-90px; }
					#text-holder.config-1 #text-line-3-wrapper.layout-2 div { font-size:52px; top:-68px; }

			.config-2 { width:550px; left:45px; top:200px; height:160px; }
					/* Horizontal Artwork */
					#text-holder.config-2 #text-line-1-wrapper.layout-1 div { font-size:42px; height:52px; }
					#text-holder.config-2 #text-line-2-wrapper.layout-1 div { font-size:62px; height:70px; }
					#text-holder.config-2 #text-line-3-wrapper.layout-1 div { font-size:38px; }

					#text-holder.config-2 #text-line-1-wrapper.layout-2 div { font-size:42px; height:69px; top:120px;  }
					#text-holder.config-2 #text-line-2-wrapper.layout-2 div { font-size:62px; height:51px; top:-65px; }
					#text-holder.config-2 #text-line-3-wrapper.layout-2 div { font-size:38px; top:-50px; }

			.config-3 { width:320px; left:210px; top:140px; height:180px; }
					/* Vertical Artwork */
					#text-holder.config-3 #text-line-1-wrapper.layout-1 div { font-size:50px; height:52px; }
					#text-holder.config-3 #text-line-2-wrapper.layout-1 div { font-size:70px; height:72px; }
					#text-holder.config-3 #text-line-3-wrapper.layout-1 div { font-size:47px; }

					#text-holder.config-3 #text-line-1-wrapper.layout-2 div { font-size:60px; height:66px; top:111px; }
					#text-holder.config-3 #text-line-2-wrapper.layout-2 div { font-size:64px; height:51px; top:-66px; }
					#text-holder.config-3 #text-line-3-wrapper.layout-2 div { font-size:48px; top:-56px; }

			.optima-font { font-family:optima, serif; }
			.zurich-font { font-family:zurich, serif; }
			.times-font { font-family:customtimes, serif; text-transform:uppercase; }

			button.fire { margin-top:10px; }

		#marker-designs-vertical, #marker-designs-horizontal, #marker-designs-infant { width:209px; }
			.design-list { height:375px; overflow-y:scroll; overflow-x:hidden; border-width:1px 0 0 1px; border-style:solid; border-color:#ccc; padding-top:5px; background:#fdfdfd; }
				.design-list li.active img { border:2px solid #000; }
				.design-list li img { max-width:180px; }
		
		#marker-designs-horizontal img { width:180px; }
		#marker-designs-horizontal #logo-j img { width:auto; }
		html > body #marker-designs-horizontal img { width:auto; }

		#configurator-bottom { clear:both; margin:0 5px; border-top:1px solid #ccc; }

				#marker-font, #marker-layout, #marker-input, #checkout { float:left; height:180px; padding:10px 20px; border-right:1px solid #ccc; }
				#checkout { border:none; width:250px; }
						#checkout .step-header img { float:none; padding:0; }
					#checkout label { text-align:right; width:60px; float:left; clear:left; padding:0 20px 0 0; display:block; }
					#checkout textarea { float:left; height:90px; width:250px; }
					#checkout img { clear:both; padding:10px 3px 0 0; float:right; }

				#marker-font { }
				#marker-layout { }
					.layout-list { width:155px; }
						.layout-list p { float:left; text-align:left; display:block; padding:0 0 10px 4px; }
						.layout-list input { float:left; margin-top:3px; clear:both; }
				#marker-input {width: 200px;}
					#marker-input input { margin-bottom:5px; width:200px;}
					#marker-input span {  }

	#EmailForm { padding-left:30px; }
		#EmailForm fieldset { border:none; }
	
	#contact-wrapper { float:left; width:210px; }
	#contact-text { float:left; width:250px; padding:25px 0 0 30px; font-style:italic; line-height:1.8em; display:block; }
	
	#checkout { }
		#checkout h2 { font-size:20px; }	
		#PPcode { }
			#checkout input { visibility:hidden; }
			#checkout .buynow { visibility:visible; margin-top:10px; }

	#footer { background:url(images/footer-bg.jpg) bottom left no-repeat; position:relative; height:35px; }
		#footer-copyright { color:#C84C3A; padding:5px 0 0 20px; font-size:11px; }
		#footer-nav { position:absolute; right:20px; bottom:5px; }
			#footer-nav li { float:left; padding:10px 0; }
			#footer-nav a { padding:0 10px; border-right:1px solid #c84C3A; display:block; color:#C84C3A; font-size:11px; line-height:1em; }
			#footer-nav li.last a { border:none; }
			#footer-nav a:hover { }