@import '/styles/shop/shop.css';
@import '/styles/shop/se_measurements.css';

/******************************************
/	Shirt Editor Basics
/******************************************/

.intro_guide {
	position: relative;
	margin: 1em 1% 2em 2%;
	width: 30%;
	float: left;
	border: none;
}


.intro_guide h2 {

	float: right;
	width: 160px;

	font-size: 12px;
	font-weight: bold;
}

.intro_guide h2 a {
	text-decoration: none;
}

.intro_guide p {

	float: right;
	width: 160px;
	
	font-size: 10px;
}

.intro_guide a img {
	border: none;
}

/******************************************
/	Shirt Editor Name
/******************************************/
	
/******************************************
/	Shirt Editor Controls
/******************************************/

#se-controls {

	position: relative;
	clear: both;
	margin: 1em 0 0 0;
	padding: 0 10px;
	border: none;
height: 3em;
}

#se-name {
	position: relative;
	margin:0;
	padding: 0;
	border: none;
	width: auto;
	background: none;
	float: left;
}
	
	#se-name label {
		width: auto;
		margin-top: 5px;
		color: #fff;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1em;
		text-transform:capitalize;
		font-weight: bold;
		text-align: left;
	}
	
	#se-name input.text {
		padding: 2px 4px;
		width: 6em;
		margin: 0;
	}
	
	html body #se-name input.submit {
		display: inline;
		float: none;
		clear: none;
		margin: 0 0 0 0.7em;
		padding: 0 0 0 .5em;
		position: relative;
		top: 3px;

		font-weight: bold;
	}

#se-controls ul.options {
	float: right;
	margin: 2px 10px 1em 0;
	padding: 0;
	list-style: none;
	position: relative;
	border: none;
	
}

#se-controls ul.options li {
	display: inline;
	margin-left: 20px;
	padding: 0;
}

#se-controls a.fancy_link {
	font-size: .9em;
	position: relative;
	border: none;
}

/******************************************
/	Shirt Editor Nav
/******************************************/

	#se-nav {
		clear: both;
		margin: 1em 0 0 0;
		padding: 0;
		list-style: none;
		float: left;
		position: relative; 
	}
	
	#se-nav li {
		float: left;
		display: block;
		width: 135px;
		
		margin: 0 2px 0 0;
		padding: 0 22px 0 0;
		
		background: url( /images/shop/nav/default_incomplete.gif) no-repeat 93% 45% #272727;
		border-top: 2px solid #303030;
		
		text-align: center;
	}
	
	#se-nav li.complete, #se-nav li.locked {
		background-image: url( /images/shop/nav/default_complete.gif);
		background-repeat: no-repeat;
		background-position: 93% 45%;
	}
	
	#se-nav.fabric #se-nav-fabric, 
	#se-nav.styling #se-nav-styling, 
	#se-nav.measurements #se-nav-measurements {
		background: url( /images/shop/nav/selected_incomplete.gif) no-repeat 93% 45% #BF3705;;
		border-top: 2px solid #D76333;
	}
	
	#se-nav.fabric #se-nav-fabric.complete, 
	#se-nav.styling #se-nav-styling.complete, 
	#se-nav.measurements #se-nav-measurements.complete {
		background: url( /images/shop/nav/selected_complete.gif) no-repeat 93% 45% #BF3705;;
		border-top: 2px solid #D76333;
	}
	
	
	#se-nav li span {
		display: block;
		padding: .3em 0 .5em;
		margin: 0;
				
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: .95em;
		font-weight: bold;
		text-transform: uppercase;
		color: #555;
		
	}
	
	#se-nav li span a {
		color: #e8e8e8;
		display: block;
		width: 100%;
		text-decoration: none;
	}


/******************************************
/	Form Overides
/******************************************/

#enter_initials {
	background: none;
	border: none;
}