body {

	/*background:#E5F0FF none repeat scroll 0 0;*/         /* //PIGO */

	color:#000000;          /* //PIGO */

	font-family: Arial, Helvetica, sans-serif;           /* //PIGO */

	font-size: 12px;

}

ul, li{

	padding: 0px;

	margin: 0px;

}

ul.dropmenu{   /* //PIGO   Note that this  area controls  the dimensional and background look of the main buttons */

	position: relative;

	margin: 0px;

	padding: 1px 0px 0px 0px;

	background:transparent url(fireworks/home/images/home_interface_r5_c3.jpg) repeat-x scroll 0 0;      /* //PIGO */

	display:block;

	height: 20px;     /* //PIGO   Note that this number compensates for the DIV height  of the <li style="margin-top:5px"> for each button */

	font-family: Arial, Helvetica, sans-serif;     /* //PIGO */

	font-weight:bold;    /* //PIGO */

	font-size: 12px;

}

.dropmenu li{

	position: relative;

	list-style: none;

	float: center;      /* //PIGO   Note this horizontally aligns the text of the buttons title  */

	margin: 0px;

	padding: 0px;

}

.dropmenu li a{

	height: 22px;

	padding: 5px 30px 0px 15px;      /* //PIGO  originally said  9px 30px 0px 15px; */  /* //PIGO  1st px is the top padding of the title within the DIV*/

	display: block;

	cursor: point;

	/*border-right: solid 1px #4a779d;*/

	color: #FFFFFF;

	text-transform: uppercase;

	text-decoration: none;

}

.dropmenu li span{

	display: block;

	float: right;

	height: 10px;

	width: 10px;

	background:transparent url(images/arrow_up.png) repeat-x scroll 0 0;

	position: absolute;

	top: 12px;

	right: 10px;

}

/*
.dropmenu li  a:hover span{

	background:transparent url(images/arrow_hover.png) repeat-x scroll 0 0;      //PIGO Commented out because did not look good in Safari

}
*/

.dropmenu li:hover ul, .dropmenu li:hover div{

	display: block;

}

.dropmenu ul{

	position: absolute;

	display: none;

	width: 170px;     /* //PIGO   controls width of dropdown items  */

	padding: 0px;

	margin: 0px;

	border-bottom: 1px solid #ccc;

	background: #FFFFFF url(images/gradient.png) repeat-x scroll 0 0;

}

.dropmenu ul li{

	border: 0;

	float: none;

}

.dropmenu ul a {

  border: 1px solid #ccc;

  border-bottom: 0;

  white-space: nowrap;

  display:block;

  color: #0657AD;

  text-decoration: underline;

  text-transform: none;

}

.dropmenu  a.selected, .dropmenu  a:hover{  /* //PIGO Added the .dropmenu so that PNG images with links would not have bleeding in the background  */

	color: #0657AD !important;

	background: #FF0000 url(images/gradient.png) repeat-x scroll 0 0;  /* //PIGO the bckgrd image for the main and secondary drop menu items  */

}

.dropmenu  a.selected span{   /* //PIGO Added the .dropmenu so that PNG images with links would not have bleeding in the background  */

/*	background:transparent url(images/arrow_hover.png) repeat-x scroll 0 0;  */   /* //PIGO Commented out because did not look good in Safari  */

}

.dropmenu ul a:hover {

	color:#FFFFFF !important;   /*  //PIGO  Controls the rollover text color for the dropdown items */

	text-decoration: none;

	background-color: #b57863;  /*  //PIGO  Controls the rollover color for the dropdown items */

	background-image: none;       /*  //PIGO  Controls the rollover background image for the dropdown items */

}

.dropmenu div ul{

	position: relative;

	display: block;

}

.dropmenu li div{

	background: #FFFFFF url(images/gradient.png) repeat-x scroll 0 0;

	border: 1px solid #ccc;

	padding: 5px;

	display: none;

	position: absolute;

}

.dropmenu li div ul{

	border: none;

	background: none;

	position: relative !important;

}

.dropmenu li div a{

	border: none;

	border-bottom: 1px solid #ccc;

}

.dropmenu li div div{

	display: block;

	position: relative;

	background: none;

	border: none;

}

.dropmenu li div div a{

	display: inline;

	border: none;

	color: #666;

	text-decoration: underline;

	padding: 0px;

	margin: 0px;

	text-transform: none;

}

.dropmenu li div div a:hover{

	color: #000;

	text-decoration: none;

}

ul.left{

	float: left;

	width: 145px;

}

ul.right{

	float: right;

	width: 145px;

}

.small{

	color: #666;

	font-size: 10px;

	padding: 10px 5px 8px 5px !important;

	display: block;

	clear: both;

}

.products{

	width: 200px;    /* //PIGO   controls width of mega menu dropdown items  */

	padding: 15px !important;

}

.products ul{

	width: 100%;

}

.products ul li{

	border-bottom: 1px solid #ccc;

	height: 40px;

	padding: 10px 0px;

}

.products h2{   /* //PIGO   Controls the subheading on the mega menu  */

	font-size: 14px;

	color:#0066FF;

	padding: 2px 0px 3px 0px;  

	margin: 0px;

}



.products h3{  /* //PIGO   Controls the subheading on the mega menu  */

	font-size: 14px;

	padding: 2px 0px 3px 0px;

	margin: 0px;

}

.products p{

	color: #666;

	font-size: 10px;

	padding: 0px;

	margin: 0px;

}

.products img{

	float: left;

	padding-right: 10px;



}

.products  ul li a{

	display: inline;

	border: none;

	color: #666;

	text-decoration: underline;

	padding: 0px;

	margin: 0px;

	text-transform: none;

}

.products  ul li  a:hover{

	color: #000 !important;

	text-decoration: none;

	background: none !important;

}



.tutorials{

	width: 325px;

}



.login{

	padding: 15px !important;

	width: 180px;

}

/* //PIGO Turned OFF because it was conflicting with the AJAX Form PRO Script  */
/*
input{

	border:1px solid #4A779D;

	padding: 3px 8px;

	margin-bottom: 8px;

	width: 164px;

}
*/


/* //PIGO Turned OFF because it was conflicting with the AJAX Form PRO Script  */
/*
label{

	padding: 0px 0px 4px 0px;

	display:block;

}
*/


/* //PIGO Turned OFF because it was conflicting with the BUTTON IMAGE in AJAX Form PRO Script  */
/*
button{

	background: #4A779D url(images/navigation.png) repeat-x scroll 0 0;

	color: #FFF;

	border:1px solid #4A779D;

	padding: 4px 10px;

	width: 180px;

}
*/