/* CSS Document */
body{
	margin: 10px 0 10px 0;
	padding: 0;
	font-family: verdana;
	font-size:12px;
	background: url(images2/top_bg.gif) repeat-x #fff;
	background:#fff;
}

a {text-decoration:none; color:#369;}
a:hover{text-decoration:underline;}

a.showU  {text-decoration:underline; color:#369;}
a:hover.showU {text-decoration:none;}

#wrapper{
margin:auto;
border:#369 1px solid;
width:980px;
}

#header
{
border-bottom:#369 3px solid;
clear:right;
height:180px;
background:url(images/header_bg.gif) repeat-x;
}
 
#header a h1{    
display: none;}

#header #hLeft{
	width:237px; 
	float:left;
	text-align:center;
	margin:54px 0 0 0;
	padding:0;
	/* 237x126*/
}
#header #hMiddle {
width:530px;
background: url(images/logo3.gif) no-repeat;
background-position:top center;
float:left;
margin-left: 20px;
padding-top:0;
border:#f00 0px solid;
text-align:justify;
}

#header #hMiddle p.title
{
	margin:0;
	padding:0;
	color:#FFC;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#header #hMiddle p.description
{
	padding:96px 0 2px 0;
}

#header #hRight{
	width:150px;
	background: url(images/callout_bg.gif) no-repeat;
	float:right;
	margin-top:30px;
	height:130px;

}
#header #hRight div
{
	font-weight:bold;
	font-size:18px;
	color:#CC0033;
	text-align:center;
	padding-top:25px;
}

#wrapper #content 
{
	
	clear:both;
	margin-top:7px;
}

/**************************************************************/
#content #left{width:225px; float:left; height:185px; top:0px; right:0px; padding-left:10px; border:#f00 0px solid;}
#content #left ul{width:180px; height:147px; margin:18px 0 0; list-style-type:none; padding:0;}
#content #left ul li{height:30px; border-bottom:1px solid #CBCACA; line-height:29px;}
#content #left ul li a{width:200px; display:block; background:url(images/arrow.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:none; padding:0 0 0 20px;}
#content #left ul li a:hover{background:url(images/arrowhover.gif) 0 50% no-repeat #F6F7E5; text-decoration:none;}
#content #left ul li.underlinenone{height:30px; border-bottom:none; line-height:29px;}

#content #left h2{height:22px; display:block; font:16px/16px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#369; }

/*****************************************************************/
#content #main, #content #mainContent 
{
	margin-left:250px;
	float:left;
	margin:0;
	padding:10px 0 0 20px;
	width:720px;
	background: url(images/mainleft_border.gif) repeat-y ;
	background-position:left;
	border:#006600 0px solid;
}

p.tagLine
{
	color:#000; 
	font-weight:bold;
	text-align:center;
	margin-top:-6px;
	padding:3px;
}

#content #main p.tagLine
{
	color:#000;
	font-weight:bold;
	text-align:center;
	margin-top:-6px;
	padding:3px;
	background-color: #e6e6e6;

	
}

#content #main p.title, 
#content #mainContent p.title {
width:85%;
color:#369;
text-align:center;
font-size:18px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content #mainContent ol li {font-size:14px; font-weight:bold; }

#content #mainContent ol li span {font-size:12px; font-weight:normal;display:block;padding:3px;}

#content #mainContent ol li img {padding:6px;}

#content #mainContent .customizeOptions ul{margin:0; padding:6px; }
#content #mainContent .customizeOptions ul li {margin-left:40px; }

#content #mainContent p.smallerTitle {
width:85%;
color:#369;
text-align:left;
font-size:18px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content #mainContent .currentUsage {
float:left;list-style-type:none;
width:600px;
display:inline;
clear:both;
padding:0;
margin:0; }
#content #mainContent .currentUsage ul li{
	padding:3px;
	width:130px;
	font-size:10px; 
	display:inline;
	float:left;
	}
/******************************/
#content #main #uses ul 
{ 
	float:left;
	margin:0; 
	padding:0; 
	width:280px; 
	border:#f00 0px solid; 
	background:#F6F7E5;
	margin-bottom:5px; 
}

#content #main #uses ul li 
{ 
	height:20px; 
	background:url(images/arrow_li.gif) 0 50% no-repeat #F6F7E5; 
	background-position:middle left; 
	list-style-type: none; 
	padding:3px 0 0 20px; 
	width:250px; 
	border:#f00 0px solid; 
	vertical-align:middle; 
}

#content #main #uses ul li span
{
float:left;
display:block;
width:140px;
padding:0 4px 0 4px;
height:50px;
border:#f00 0px solid;
}


/***********************************/
#content #main2 ul li img
{
margin-top:30px;
border:#f00 1px solid;
}

#content #main p.dotline, #content #mainContent p.dotline
{
	width:620px; 
	background:url(images/dot-line.gif) 0 0 repeat-x #fff; 
	padding:0;
}
#content #main p.capstext, #content #mainContent p.capstext
{
	width:620px; 
	font:18px/20px Georgia, "Times New Roman", Times, serif; 
	font-style:italic; 
	color:#555555; 
}
#content #main p.testimonial
{
	/*width:620px; */
	font:18px Georgia, "Times New Roman", Times, serif; 
	font-style:italic; 
	color:#369;
	padding-top:8px;
}
#content #main p.testimonial span 
{
	font-size:12px; 
}

#content #main p.capstext span {color:#c03;}

/***************************/
#content #main #productDescription {padding:10px; margin-top:50px; font:16px Georgia, "Times New Roman", Times, serif; 	color:#000; font-weight:bold; }
#content #main #productDescription ul {width:270px;float:left; list-style-type:disc; padding:10px;}
#content #main #productDescription ul li {font-size:14px; font-weight:normal; list-style:disc; list-style-type:disc;list-style-position:inside; list-style:disc;}
/***************************/
#content #main #howItWorks 
{
	background:#C5D9EC; 
	margin:-16px 0 0 0; 
	padding:6px; 0 8px 0; 
	font-weight:bold; 
	text-align:center;
}

#content #main #howItWorks .numbers
{
	color:red;
}
#content #main #idea {margin-top:5px;}

#content #main fieldset{padding:6px; border:#ccc 1px solid;}
#content #main fieldset legend{font-size:18px; font-weight:bold; color:#369;}
#content #main form fieldset input
{
	margin-bottom:6px;
	width:200px;
	
}

#content #main form fieldset textarea {clear:both; margin:10px; width:400px; height:60px;}

#content #main fieldset label{width:170px; float:left;}
#content #main fieldset span label {padding-top:10px;width:400px;display:block; clear:right;}
#content #main fieldset div {padding-top:10px;}



#content #main #wonderLabelIllustration {position:relative; margin-left:10px; top:40px;font:11px Verdana;color:#369;}
#content #main #wonderLabelIllustration .mainImage {margin-left:150px;}
#content #main #wonderLabelIllustration .callout1{position:absolute; top:-30px; width:200px; left:420px;}
#content #main #wonderLabelIllustration .callout2{position:absolute; top:40px; width:150px; left:390px;}
#content #main #wonderLabelIllustration .callout3{position:absolute; top:110px; width:190px; left:450px;}
#content #main #wonderLabelIllustration .callout4{position:absolute; top:155px; width:150px; left:50px;}
#content #main #wonderLabelIllustration .callout5{position:absolute; top:50px; width:130px; left:70px;}
#content #main #wonderLabelIllustration .callout6{position:absolute; top:10px; width:100px; left:60px;}
#content #main #wonderLabelIllustration .callout7{position:absolute; top:-40px; width:160px; left:250px;}


/***************************/
.lightBg {background:#ffc;}
.notice
{
	background:#ffc; 
	padding:6px; 
	width:570px; 
	font:18px/20px Georgia, "Times New Roman", Times, serif; 
	font-style:italic; 
	color:#003399;
	text-align:center;
	border:#ccc 1px solid;
	clear:both;
}
.notice a, .sketchNotice a {color:#003399; }
.required {color:#f00;}
.sketchNotice
{
	background:#ffc; 
	padding:6px; 
	width:570px; 
	border:#ccc 1px solid;
	margin:0;
}

.bold{font-weight:bold;}