/* WizTeach CSS */

/*------------------------------------ LAYOUT -------------------------------------*/


* {
	margin:0;
	padding:0
} 

html {
background:url(../images/body_bg.jpg);
background-repeat:repeat-x;
height: 100%;
width:100%;
margin-bottom: 1px;
background-color:#678814;
}

body {
/*background-image:url(../images/bg.gif);
background-repeat:repeat-x;
background-position:bottom center;*/
font-family:Helvetica, Arial, sans-serif;
margin: 0;
height: 100%;
}
/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/
html>body {
 min-height: 100%;
 height: auto;
}



#container {
	width:900px;
	margin:0px auto;
	background-color:#FFFFFF;

	
}

/*--------- HEADER -----------*/

#header {
	float:left;
	width:900px;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	height:133px;
	
}

#logo {

	float:left;
	width:165px;
	height:100px;
	margin:0px;
	padding:7.5px;
	background-image:url(../images/wizT.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:3px;
}

#help {
	float:right;
	width:100px;
	height:100px;
	margin:0px;
	cursor:pointer;
	display:inline;

	
}

#pan_logo {
	float:left;
	width:250px;
	height:50px;
	margin:20px 0px 0px 20px;
	padding:0;
	background-image:url(../images/pan_logo.jpg);
	background-repeat:no-repeat;
}

#nec_logo {
	float:left;
	width:250px;
	height:50px;
	margin:20px 0px 0px 20px;
	padding:0;
	background-image:url(../images/nec_logo.jpg);
	background-repeat:no-repeat;
}

#tb_logo {
	float:left;
	width:54px;
	height:54px;
	margin:20px 0px 5px 20px;
	padding:0;
	background-image:url(../images/tb_logo.gif);
	background-repeat:no-repeat;
}

#poly_logo {
	float:left;
	width:250px;
	height:75px;
	margin:10px 0px 0px 10px;
	padding:0;
	background-image:url(../images/poly_logo.jpg);
	background-repeat:no-repeat;
}


#topnav {
	float:right;
	font-size:0px;
	margin:0px;
	margin-top:4px;
	/*padding:40px 0px 0px 0px;*/
	background:#99cc00;
	/*background-image:url(../images/navIcons.jpg);
	background-repeat:no-repeat;*/
}

#topnav img {
	float:left;
	font-size:0px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

/*--------- MAIN CONTENT -----------*/

#mainContent {
	float:left;
	width:900px;
	background-image:url(../images/page_bg.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#flashcontent {
	float:left;
	background-color:#678814;
	width:900px;
	height:300px;
	margin:0px;
}

.user {
	float:left;
	background-color:#fff;
	width:470px;
	height:425px;
	padding:10px 50px 10px 0px;
	margin:0px;
}


#password {
	float:left;
	width:900px;
	height:200px;
	margin:0px;
}

/*--------- SIDEBAR -----------*/

#sidebarLeft {
	float:left;
	width:274px;
	margin:0px;
	padding:26px 0px 4px 25px;
}

#topimage {
	float:left;
	width:249px;
	margin:0px;
	padding:8px 0px 0px 25px;
	height:23px;
	background-color:#99cc00;
	color:#FFFFFF;
}

#trial_btn {
	display:block;
	height:50px;
	background:url(../images/trial.jpg);
	_display:inline;
	width:251px;
	background-color:#F0F0F0;
	margin:5px 0px 0px 0px;
	margin-bottom:5px;
	padding:8px;
	padding-right:15px;
	overflow:hidden;
}

#uGuide_btn {
	display:block;
	height:50px;
	background:url(../images/userGuide.gif);
	_display:inline;
	width:251px;
	background-color:#F0F0F0;
	margin:5px 0px 0px 0px;
	margin-bottom:5px;
	padding:8px;
	padding-right:15px;
	overflow:hidden;
}

#uGuide_btn:hover {
	display:block;
	width:251px;
	height:50px;
	_display:inline;
	background:url(../images/userGuideOver.gif);
	margin:5px 0px 0px 0px;
	margin-bottom:5px;
}

#trial_btn:hover {
	display:block;
	width:251px;
	height:50px;
	_display:inline;
	background:url(../images/trialOver.gif);
	margin:5px 0px 0px 0px;
	margin-bottom:5px;
}

#demo_btn {
	display:block;
	height:50px;
	background:url(../images/liveDemo.gif);
	_display:inline;
	width:251px;
	background-color:#F0F0F0;
	margin:5px 0px 0px 0px;
	margin-bottom:5px;
	padding:8px;
	padding-right:15px;
	overflow:hidden;
}

#demo_btn:hover {
	display:block;
	width:251px;
	height:50px;
	_display:inline;
	background:url(../images/liveDemoOver.gif);
	margin:5px 0px 0px 0px;
	margin-bottom:5px;
}

#googlecart-widget-control {
	text-decoration:underline;
	height:25px; 
	margin-top:15px; 
	color:#FFFFFF;
	float:left; 
	background-image:url(../images/cartTitle.jpg); 
	background-position:right; 
	background-color:#99CC00; 
	background-repeat:no-repeat; 
	width:254px; 
	padding-left:20px;
	padding-top:5px;
	font-size:15px;
	font-family:'Helvetica', Arial, Verdana;
	line-height:18px;
	text-decoration:none;
	font-weight:bold;
}

#midcont {
	float:left;
	width:227px;
	margin-top:5px;
	margin-bottom:10px;
	padding:15px 20px 15px 20px;
	border:1px solid #F3F3F3;
}

#midcont1 {
	float:left;
	width:227px;
	margin-top:5px;
	margin-bottom:10px;
	padding:15px 20px 15px 20px;
	border:1px solid #F3F3F3;
}

#leftfoot {
	float:left;
	width:251px;
	background-color:#F0F0F0;
	margin:5px 0px 0px 0px;
	margin-bottom:5px;
	padding:8px;
	padding-right:15px;
	border:1px solid #F3F3F3;
}

/*--------- CONTENT -----------*/

#content {
	float:left;
	width:552px;
	margin:0px 0px 0px 20px;
	padding:18px 0px 4px 3px;
}


/*--------- FOOTER -----------*/

#footer {
	float:left;
	width:900px;
	margin:0px;
	padding:0px 0px 0px 0px;
	background-color:#678814 !important;
}

#foottop {
	float:left;
	width:900px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	
	margin:0px;
	padding:0px 0px 50px 0px;
}


/*------------------------------------ TEXT -------------------------------------*/
#header h1{
	float:left;
	width:165px;
	height:100px;
	margin:0px;

}


h1 span, h2 span, h3 span, h4 span, h5 span {
	display:none;
}


h1 a {
	color:#678814;
	text-decoration:none;
}

h1 a:hover {
	text-decoration:none;
	color:#99cc00;
}



p a {
	color:#678814;
	text-decoration:underline;
}

p a:hover {
	text-decoration:none;
	color:#99cc00;
}

/*--------- SIDEBAR -----------*/

#topimage h3 {
	font-size:15px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:18px;
}


#midcont p {
	float:left;
	width:223px;
	font-size:15px;
	text-align:left;
	line-height:18px;
	line-height:17px;
	color:#513D2C;
	margin:0px;
	padding:0px;
	padding-bottom:25px;
}

#midcont p span {
	float:right;
	font-size:13px;
	text-align:right;
	color:#678814;
	font-weight:bold;
}

.refresh {
	float:left;
	font-size:9px;
	text-align:left;
	color:#999999;
	padding:5px;
}


#leftfoot p {
	font-size:12px;
	color:#6B5F58;
	margin:0px;
	padding:5px 0px 5px 15px;
}

#leftfoot h4 {
	font-size:15px;
	font-weight:bold;
	color:#6B5F58;
	margin:0px;
	padding:5px 0px 5px 15px;
}

.thumb {
	float:left;
	margin-left:10px;
	margin-right:10px;
}


/*--------- CONTENT -----------*/

#content h1 {
	font-family:Helvetica, Arial, sans-serif;
	border-bottom:2px solid #ccc;
	font-size:20px;
	text-align:left;
	color:#2C1B11;
	margin:0px 15px;
	padding:10px 0px 2px 0px;
	margin-bottom:5px;
}

#content h2 {
	font-family:Helvetica, Arial, sans-serif;
	display:block;
	font-size:18px;
	text-align:left;
	color:#7C7865;
	margin:0px;
	padding:10px 0px 0px 15px;
}


.toolTitle {
	display:inline-block;
	width:100%;
}

.toolTitle a{
	text-decoration:none;
	color:#99CC00;
}

.toolTitle a:hover{
	text-decoration:underline;
	cursor:pointer;
}

.toolTitle img{
	padding:0 0 0 10px;
	cursor:pointer;
}

.titleFloat{
	float:left;
	padding:0;

}

.buy {

	padding:10px 0px;
	color:#99CC00;
	font-size:15px;

}



#content h4 {
	font-family:Helvetica, Arial, sans-serif;
	float:left;
	display:block;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#7C7865;
	margin:0px;
	padding:10px 0px 0px 15px;
}

#content h4 a{
	color:#678814;
	text-decoration:none;
	
}

#content h4 a:hover{
	color:#678814;
	text-decoration:underline;
}


#content p {
	float:left;
	width:530px;
	font-size:13px;
	text-align:left;
	line-height:16px;
	color:#513D2C;
	margin:0px;
	padding:10px 0px 10px 15px;
}

#righttfoot p {
	float:left;
	width:97px;
	font-size:13px;
	text-align:left;
	color:#513D2C;
	margin:0px;
	padding:0px 12px 0px 12px;
}

#password h3{
	font-family: Helvetica, Arial, sans-serif;
	display:block; 
	font-size:16px;
	color:#7C7865;
	margin:0px;
	padding:10px 0px 0px 15px;
}


/*--------- FOOTER -----------*/

#foottop p {
	float:left;
	font-size:12px;
	text-align:left;
	color:#fff;
	margin:0px;
	padding:25px 0px 0px 20px;
}

#foottop p a {
	text-decoration:none;
	color:#938A82;
	padding-left:5px;
	padding-right:5px;
}

#foottop p a:hover {
	text-decoration:underline;
	color:#938A82;
}

#foottop p span{
	padding:0px 10px 0px 0px;
}




/*------------------------------------ NAVIGATION -------------------------------------*/


#navLinks {
  float:left;
  background:#789f02;
  background-image:url(../images/nav_bg.jpg);
  background-position:top left;
  background-repeat:repeat-x;
  font-size:15px;
  line-height:normal;
  font-family:Helvetica, sans-serif;
  font-weight:bold;
  padding-top:8px; 
  padding-bottom:7px;
  margin:0px;

   /*   height:100%;Fix for MSIE peekaboo bug */
 }
 
#navLinks ul {
  margin:0;
 list-style:none;
  float:left;
 padding:0px;
}

#navLinks li {
  display:inline;
  margin:0;
  padding:0;
  line-height:16px;
  height:26px;
  float:left;
}

#navLinks a {
  float:left;
  background:url("../images/tableft1.gif") no-repeat left top;
  margin:0;
  text-decoration:none;
  color:#FFFFFF;
  padding:3px 12px 6px 12px;
  display:block;
}

.nav_end {
	background:none !important;
}

#navLinks a:hover {
  
   color:#678814;
 }
#navLinks #active a {
	
	 color:#678814;
  }
  
#navLinks img {
	float:left;
	 color:#678814;
  }

#tabs, #tabs1, #tabs2{
  margin-top:5px;
  font-size:12px;
}

#tabs select, #tabs1 select, #tabs2 select
{	

  margin-top:10px;
	
}

.googlecart-add-button{

  margin-top:10px;

}

.override #googlecart-widget-body {
    width:272px;
	border:1px solid #F3F3F3;
	color:#99cc00;
  }

 .override .googlecart-widget-title {
    color:#99cc00;
  }
  
.override .googlecart-widget-remove {
    color:#99cc00;
  }

.override .googlecart-widget-totalprice {
    color:#99cc00;
  }
 
  
/*  .override .googlecart-widget-checkout {
  
  }
*/


#tabs a {
  font-size:15px;
  padding:3px 5px;
}

#tabs1 a {
  font-size:13px;
  padding:3px 5px;
}

#tabs2 a {
  font-size:15px;
  padding:3px 5px;
}
  
 /*------------------------------------ ELEMENTS -------------------------------------*/ 
  
img {
	border: none;
} 

.design {
	float:right;
	width:154px;
	margin:0px;
	padding:0px;
	font-size:0px;
	padding-right:20px;
	padding-top:13px;
}

#list ul{
	float:left;
	width:500px;
	font-size:12px;
	margin-left:20px;
	padding:5px 0px 15px 15px;
	list-style:circle;
}

#list ol{
	float:left;
	width:500px;
	font-size:12px;
	margin-left:20px;
	padding:5px 0px 15px 15px;
}


#list1 ol{
	float:left;
	width:320px;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	margin-left:10px;
	margin-bottom:20px;
	padding:0px;
}

#list1 li {
	padding:10px 0px 5px 0px;
	color:#513D2C;
}

#spec ul {
	float:left;
	width:500px;
	font-size:12px;
	margin-left:20px;
	padding:5px 0px 15px 15px;
	list-style:circle;
}

#list li {
	padding:10px 0px 5px 0px;
	color:#513D2C;
}

#spec li {
	padding:5px 0px 0px 0px;
	color:#513D2C;
	font-weight:bold;
}


#list li a{
	text-decoration:none;
	color:#678814;
	padding:10px 0px 15px 0px;
}

#list li a:hover {
	text-decoration:underline;
	color:#99cc00;
}

#content .line {
	width:533px;
	font-size:0px;
	margin:0px;
	padding:10px 0px 15px 15px;
}

#sidebarLeft .line {
	width:255px;
	font-size:0px;
	margin:0px;
	padding:10px 10px 10px 0px;
}

.learn {
	float:right;
	text-align:left;
	font-size:10px;
	margin:0px;
	padding:0px 0px 14px 0px;
	color:#99CC00;
}

/*.learn span {
	height:20px;
	width:140px;
	font-size:10px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}*/

.learn a {
	/*background-image:url(../images/learn.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:30px;
	voice-family:"\"}\"";*/
	font-size:10px;
	color:#99cc00;
	padding-right:20px;
	text-decoration:none;
	padding-top:8px;
	line-height:17px;
	font-weight:bold;
}

.learn a:hover {
	/*background-image:url(../images/learn_over.jpg);
	background-repeat:no-repeat;
	width:130px;*/
	color:#99cc00;
	text-decoration:underline;
	font-weight:bold;
}

/*.learn a {
	background-image:url(../images/learn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:20px;
	width:97px;
	font-size:11px;
	color:#FFFFFF;
	padding-bottom:10px;
	padding-left:11px;
	padding-top:3px;
}

.learn a:hover {
	background-image:url(../images/learn_over.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:97px;
	padding-bottom:10px;
	color:#FFFFFF;
}*/

#none {

display:none;


}



/*--------------------------------FORM-----------------------------------------------*/

form#main 
{
	width:470px;
	border:1px solid #F3F3F3;
	padding:10px 40px 10px 10px;
	margin: 10px auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:90%;
	/*background-color:#EAEAEA;*/
}

form#main label, form#main input, form#main select  
{
	display: block;	
	float: left;
	margin-bottom: 10px;
	height: 22px;
}

form#main input
{	
	height: 1.3em;
	font-family:Helvetica, Arial, sans-serif;
	width: 160px;
	background-image:url(../images/input_bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#666666;
	text-align:center;
	padding-top:2px;
	font-size:12px;
	
	
}

form#main select
{	
	height: 1.9em;
	font-family:Helvetica, Arial, sans-serif;
	background:#E4E4E4;
	color:#666666;
	text-align:center;
	padding-top:2px;
	font-size:12px;
	width: 160px;
	
}

form#main br 
{
	clear:left;
}


#sidebarLeft br 
{
	clear:left;
}

form#main p 
{
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	color:#99cc00;
	
} 

form#main label
{
	width: 15em;
	padding-right: 5px;
	font-weight: bold;	
	text-align: right;
	height:25px;
	color: #678814;
	font-size:13px;	
	
}

/*
form#main label
{
	width: 15em;
	font-weight: normal;	
	text-align: center;
	height:25px;
	color: #fff;	
	padding-top:4px;
	margin-right:10px;
	background-image:url(../images/label_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
*/

#wide
{
	width: 20em !important;
	
}


form#main textarea
{
	width:430px;
	margin:0px 0px 25px 25px;
	background-image:url(../images/tArea_bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	font-family:Helvetica, Arial, sans-serif;
	padding:5px;
	color:#666666;
	font-size:12px;
} 


form#main input, textarea, select
{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
} 

form#main input:hover, select:hover
{
	border-top: 1px solid #99cc00;
	border-left: 1px solid #99cc00;
	border-right: 1px solid #99cc00;
	border-bottom: 1px solid #99cc00;
	background-image:url(../images/input_bgOv.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

form#main input:focus, select:focus
{
	border-top: 1px solid #99cc00;
	border-left: 1px solid #99cc00;
	border-right: 1px solid #99cc00;
	border-bottom: 1px solid #99cc00;
	background-image:url(../images/input_bgOv.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

form#main textarea:hover
{
	border-top: 1px solid #99cc00;
	border-left: 1px solid #99cc00;
	border-right: 1px solid #99cc00;
	border-bottom: 1px solid #99cc00;
	background-image:url(../images/tArea_bgOv.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

form#main textarea:focus
{
	border-top: 1px solid #99cc00;
	border-left: 1px solid #99cc00;
	border-right: 1px solid #99cc00;
	border-bottom: 1px solid #99cc00;
	background-image:url(../images/tArea_bgOv.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}


form#main #button1
{  
	color:#666666;
	background-image:url(../images/submit.png);
	background-position:bottom;
	background-repeat:no-repeat;
	text-decoration:none;
	cursor: pointer;
	height: 25px;
	width: 75px;
	border: none;
	float:right;
	margin:0px 5px 50px 5px;
	padding-bottom:3px;
	}

form#main #button1:hover 
{
	color:#99cc00;
	text-decoration:none;
	background-image:url(../images/submitOver.png);
	
}



form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:#FF0000 !important;
	font-style: italic;
	font-family:Helvetica, Arial, sans-serif;
	font-size:50%; 
	font-weight:normal !important;
	
}
div.error { display: none; }
form.cmxform input:focus { border: 1px dotted black ; }
form.cmxform input.error, form.cmxform select.error { border: 1px dotted red !important; }
form.cmxform textarea.error { border: 1px dotted red !important; }
form.cmxform .gray * { color: gray; }

form.cmxform label.error {
	margin-top:-5px !important;
	margin-left: 0px !important;
	width: 170px !important;
}