/* Curvesinformation Screen CSS */



/* Overarching Tag Rules */
/* 2008 redesign styles*/

body {
	background: #c3a4e8 url(/images/bg1d.jpg) repeat-x; 
	color: #000;
	text-align: center;
	margin: 0px auto 10px auto; }
	
#contentContainer {
	margin: 0px auto;
	width: 770px;
	padding-bottom:10px;
	background: transparent url(/images/home_bg_repeat.gif) repeat-y; 
	text-align: left; 
	position: relative;}
	
#secondaryContentContainer {
	margin: 0px auto;
	width: 770px;
	height: 471px;
	background: transparent url(/images/home_bg_repeat.gif) repeat-y; 
	text-align: left; 
	position: relative;}
	
#circuitdemoContentContainer {
	margin: 0px auto;
	width: 770px;
	background: transparent url(/images/home_bg_repeat.gif) repeat-y; 
	text-align: left;
	overflow: auto;
	position: relative; }

#content {
	margin: 0px auto;
	background: transparent url(/images/home_bg.gif) no-repeat;
	width: 770px;
	position:relative;
	/* height: 473px; */ }
	
#content_tour {
	margin: 0px auto;
	background: transparent url(/images/home_bg_tour.gif) no-repeat;
	width: 770px;
	/* height: 473px; */ }
	
#secondaryContent ul {
	font-family: arial, helvetica, sans-serif; 
	margin: 0px 0px 50px 12px; } 
	
#secondaryContent ul ul {
	margin: 10px 34px 12px -10px;} 
	
#secondaryContent ul li, #secondaryContent ul ul li {
	font-size: 13px;}
	
#secondaryContent {
	margin: 0px auto;
	background: transparent url(/images/secondary_bg.gif) no-repeat;
	width: 770px;
	height: 471px; }
	
#circuitdemoContent {
	margin: 0px auto;
	background: transparent url(/images/location_bg.gif) no-repeat;
	width: 770px; }
	
#content p, #content_tour p {
	font-family: arial, helvetica, sans-serif; 
	margin: 0px 40px 14px 33px; 
	font-size: 12px;
	background-color: transparent;}
	
td.main  {
	font-family: arial, helvetica, sans-serif; 
	height: 350px; 
	font-size: 12px;
	background-color: transparent;}
	
#secondaryContent p {
	font-family: arial, helvetica, sans-serif; 
	margin: 0px 40px 14px 33px; 
	width: 400px;
	font-size: 12px;
	line-height: 1.4em;
	background-color: transparent;}
	
#secondaryContent h1, #circuitdemoContent h1 {
	font-family: arial, helvetica, sans-serif; 
	margin: 0px 0px 20px 51px;
	padding-top: 14px;
	font-size: 24px;
	color:#FFFFFF;
	letter-spacing: 0.1em;
	font-weight: normal;}
	
#flash_container {
	margin: 23px 10px 20px 113px;}
	
h2 {
	font-family: arial, helvetica, sans-serif; 
	margin: 0px 0px 10px 51px;
	padding-top: 0px;
	font-size: 16px;
	color:#000000;
	letter-spacing: 0.1em;
	font-weight: normal;}

	
#logo {
	margin: 0px 0px 0px 33px;
	padding-top: 12px; }
	
#secondaryContent a, #circuitdemoContent a {
	text-decoration: underline;
	color:#FF6600; }
				
#secondaryContent a:hover, #circuitdemoContent a:hover {
	text-decoration: none;
	color: #FF6600; }	


/* Nav */

	#nav {
		font-family: arial, helvetica, sans-serif;
		font-size: 13px;
		width: 409px;
		height: 22px;
		background-color: transparent;
		margin: 0 0 -3px 30px;
		padding-top: 3px;
		color: #663366;
		clear: both; }
			
		#nav a {
			text-decoration: none;
			color: #663366;}
				
		#nav a:hover { 
			color: #999933; }

#flash {
	float: left;
	margin: 6px 0px 0px 64px; }
	
#tagline {
	clear: both;
	margin: 0px 0px 20px 33px;
	padding-top: 12px; }
	
#hd1 {
	margin: 2px 0px 20px 51px;
	padding-top: 12px; }
	
div.hr {
	clear:both;
	height: 22px;
	width: 416px;
	background: #fff url(/images/dots.gif) no-repeat scroll center;
	margin: 0px 0px 20px 20px;}

div.hr hr {
	display: none;}
	
span.on {color: #999933;}

.main-img {
	float: left;
	margin: 4px 11px 0px -3px;}
	
#btn-circuit {
	margin:6px 0 0px 0;
	padding: 0px;
	height:41px;
	border:none;}
	
#secondaryContent p.zeroTop {
	margin-top:-3px;}


/* Form */

	#form {
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		position: absolute;
		left: 465px;
		top: 60px;}	
		
	#form a:link, #form a:visited {
		color: #039;
		}	
		
	#formContainer {
		width:250px;
		margin: 0px 0px 0 10px;}
		
	table#formLayout {
		margin: -3px 20px 0 0;		
		width: 248px;
		}
		
	table#formLayout td {
		vertical-align: middle;
		padding: 3px;
		}
		
	#callPhone {
		width: 245px;
		height: 81px;
		margin: 0px 0px 0px 6px;
		padding-bottom: 0px;
		background: transparent url(/images/phone_bg.gif) no-repeat;
		text-align:center;}	
		
	
	#callPhone h4 {
		font-family: arial, helvetica, sans-serif; 
		font-size: 18px;
		color:#003399;
		letter-spacing: 0.05em;
		font-weight: normal;
		padding-top: 10px;}
		
	#formPersonal { 
		width:250px;
		margin: 24px 0px 0 0px;}
		
	#formPersonal #callPhone {margin: 0 -16px 0 16px ! important; position: relative; display:block;}
		
	#formPersonal p { 
		padding-left: 16px;}
		
	#locations_form {
		position:relative;
		left:10px;
	}
	body#body_locations
	#locations_form
	.locations_left {
		border-bottom:1px solid #fff;
		margin:0 0 0 18px;
		padding:4px 0 4px 0;
		width:70px;
	}
	body#body_locations
	#locations_form
	td.locations_right {
		font-weight: normal;
		text-align:left;
		border-bottom:1px solid #fff;
		padding:4px 0 4px 4px;
		margin:0;
		line-height:11px;
		font-size:11px;
	}
	table#locationsPersonal {
		position:relative;
		left:20px;
		margin: 0px 0px 0px 0px;
		padding-right:15px;}
	
	table#locationsPersonal td.right img {
		display:block;
	}
	table#locationsPersonal td.right {
		border-bottom:1px solid #ffffff;
	}
	table#locationsPersonal .curves_smart_indicator {
		margin-top:3px;
		display:block;
	}		
	#formTwostep {
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		margin: 14px 0px 0 0px; }
		
	#formContainerTwostep { 
		width:250px;
		margin: 0px 12px 0 12px;}
		
	/* #formThreestep {
		width:250px;
		margin: 0px 0px 0 10px;}
		
	#formThreestep #locations {
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		/*width: 770px;
		text-align: center;
		margin: 10px 0px 10px 12px;}*/
		
	#formContainerThreestep {
		width:250px;
		margin: 0px 12px 0 0px;}
		
		
	#formContainerThreestep #callPhone {margin: 0 -16px 0 16px ! important; position: relative; display:block;}
	
	#formContainerThreestep #contact {	
		margin: 0px 0px 0 16px;}
		
	
		
	#steppos {
	margin:8px 0 0px 80px;}
	
	#steppos1 {
		margin:12px 0 4px 80px;}
		
	#steppos2 {
		margin:20px 0 4px 70px;}
		
	#steppos3 {
		margin:20px 0 0px 80px;}
		
	
		
	span.phone {
		color:#FF6600; 
		font-style:italic;}
		
	.req {
		font-size: 10px;
		color:#FF6600; 
		font-weight: bold;}
		
	.note {
		font-size: 10px;
		font-weight: bold; }
		
	p.note {padding-right: 5px}
		
	.textfield {
		width: 110px;}	
	
	.phone3 {
		width: 27px;}	
		
	.phone4 {
		width: 38px;}
		
	input#Zipcode {font-size:11px;}
	
	.disclaimer {
		font-size: 10px;
		line-height:1em;
		color:#666666;}
		
	#error {
		color: red;
		font-weight: bold;
		text-align: center;
		margin: 14px 0px 10px 30px;
		width: 80%;}
		
	#zipcode {
		margin: 0px -10px 0 10px;}
		
	#user_info {
		margin: 30px 0 0 0;}
		
	#formPersonal {
		margin: 30px 0 0 0px;}
		
	#formPersonal #user_info {
		padding: 30px 0 0 20px;}
		
	/* #locations {
		margin: 10px 0 -10px 10px;
		padding:0;} */
		
	#contact {
		margin: 0px -10px 0px 10px;
		padding:0;}
		
	#thankYou {
		width:250px;
		margin: 30px 0px 0 20px;
		font-weight: normal;
		}
		
	/* Personal Touch - "Start Here Position" */	
	.start {
	position: absolute;
	left: 3px;
	z-index:0;}
	
	.nextstep {
	position: absolute;
	top: 18px;
	left: 3px;
	z-index:0;}
	
	.last {
	position: absolute;
	left: 10px;
	top: 25px;
	z-index:0;}
	
	/* If Error */
	.nextstep-error {
	position: absolute;
	top: 0;
	left: 3px;
	z-index:0;}
	
	.last-error {
	position: absolute;
	left: 10px;
	top: 0;
	z-index:0;}
	
	
	/* Two Step - "Start Here Position" */	
	#formContainerTwostep .start {
	position: absolute;
	left: 3px;
	top: 110px;
	z-index:0;}
	
	/* Personal Touch - Step one Position */
	#name .formspace {
	margin: 20px 0 0 0;
	padding: 0 0 0 50px;	
	text-align: center;
	z-index:1;
	position: relative;}
	
	/* Two-Step - Step one Position */
	#formContainerTwostep .formspace {
	margin: 20px 0 0 0;
	padding: 18px 0 0 0;
	z-index:1;
	position: relative;}
	
	.nameTXT {
	color:#a90f85;
	font-size:1.5em;
	}

	.formTXT {
	color:#ff8112;
	font-size:1.45em;
	}
	
/* End Form */

#circuitdemos {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	/*width: 770px;*/
	text-align: center;
	padding:0px 0 20px 0px;
	margin: 0px auto 40px auto;}
	
td.right {text-align: right;}

#circuitdemos td {padding: 4px;}

/*#locations {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	/*width: 770px;
	text-align: center;
	padding:0px 0 20px 0px;
	margin: 0px auto 40px auto;}*/
	
li {
	font-size: 11px;
	list-style-type: none;
	margin: 0 0 10px 0; }

#locations td {padding: 4px 0 4px 0;}

/* Footer */

#ftr {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	width: 770px;
	height: 67px;
	clear: both;
	background: transparent url(/images/ftr_bg.gif) no-repeat;
	color:#330066;
	text-align: center;
	padding:40px 0 0 0;
	margin: 0px auto 10px auto;
	position: relative; }

#ftr a {
	text-decoration: none;
	color:#330066; }
				
#ftr a:hover {
	text-decoration: underline;
	color: #ffffff; }	
	
#ftrphone {
	position:absolute;
	top:0px;
	left:33px;
	font-size:12px;
}
#ftrlink {
	position:absolute;
	top:0;
	left:637px;
	font-size:12px;
	width:100px;
	text-align:right;
}
#ftrlink a:hover {
	color:#330066;
	text-decoration:underline;
}

/* Lead console */
 
 
#leadform table.border {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	border: 1px solid #6363B4;
	background: #fbecf0;
	margin: 0 0 20px 30px;
	padding: 10px 0 0 10px;
	width: 500px;
}
 
#leadform table.border th, {
	margin: 0;
	padding: 5px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	background-color: #f5cdd8;
	text-align: left;
	border-bottom: 1px solid #6363B4;
	}
	
#leadform table.border td {
	margin: 0;
	padding: 5px;
	}
	
input.printButton {
	margin: 0 0 0 75px;}
	
div#curvessmart_images {
	float: left;
	margin: 0px 2px 0px 30px;
	width: 165px; }

div#curvessmart_images img {padding-bottom:10px;}

div#curvessmart_text {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float: right;
	margin: 0px 324px 0px 0px;
	width: 240px; }
	
.do_not_call_disclaimer 
{ 
	font-size: 9px;
	line-height:1em;
	color:#666666;
}
body#body_locations
#steppos {
	margin-top:4px;
	margin-bottom:0;
}
body#body_locations
#callPhone h4 {
	margin-bottom:0;
	padding-bottom:0;
}
body#body_locations
#locations td {
	padding:0 0 4px 4px;
}
body#body_locations
td.right {
	width:80px;
	padding-left:10px;
}
body#body_locations
#user_info {
	margin-top:0px;
}
body#body_locations
p.do_not_call_disclaimer {
	margin-left:20px;
}
body#body_locations
#formThreestep
.req {
	margin-left:20px;
}
body#body_locations
#formThreestep #formLayout
.req {
	margin-left:0;
}
#home_curvessmart {
	margin-top:5px;
}

/* */
#flash {
	float: left;
	margin: 6px 0px 0px 64px;
	height:346px;
	width:356px;
	background:#fff;
	/*border:1px solid #000;
	border-width:1px;*/
	/*padding:51px 0 0 0;*/
	_position:relative;
	_top:-1px;
}
#flash img {
	_display:block;
}
#tracking {
	position:absolute;
}
#body_home
table#locationsPersonal {
	left:20px !important;
}
.formPersonal_radios {
	padding-left:14px;
}
#personal_touch_conf
#formPersonal {
	width:260px;
}
#contact_preference p {
	font-size:11px !important;
}
.formPersonal_radios {
	margin:0 !important;
	padding:0 0 0 14px !important;
	font-size:11px !important;
}
#contact_preference div {
	margin:0;
	padding:0;
}
p#other_country {
	position:absolute;
	left:481px;
	top:438px;
	width:250px;
	margin:0 !important;
	padding:0 !important;
	font:11px Arial, Helvetica, sans-serif;
	color:#003399;
	font-weight:bold;
}
p#other_country a {
	text-decoration:underline;
	color:#b81d8e;
}
p#other_country a:hover {
	text-decoration:none; 
	color:#b81d8e;
}