#topmenu{
	background: #000 url(/images/nav/bg.jpg) repeat-x scroll center top;
	width:100%;
	height:60px;
}
.topmenuinner {
	height:60px;
	width:960px;
	text-align:left;
	margin:0 auto;
	position:relative;
}


/*TOP ROW OF NAVIGATION
*/
ul.dropmenu{
	height: 45px;
	padding: 0px 0px 0px 1%;
	margin:0 auto;
	float: right;
	z-index:11;
	display:block;
	position: relative;
}
.dropmenu li{
	height:55px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	position: relative;
}
.dropmenu li a{
	color: #FFFFFF;
	height: 35px;
	padding: 12px 30px 10px 15px;
	/*  cursor: point;*/
  border-right: solid 1px #830e15;
	text-decoration: none;
	line-height: normal;
	display: block;
}
/*TOP MENU CONTAINER - LI - LINK - HOVER */
/*changes text to blue*/
.dropmenu li a:hover {
	color:#E1E1E1;
	text-decoration: none;
/*	background: url(/images/nav/bg-over.jpg) repeat-x scroll center top;*/
}


			.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;*/
}
.dropmenu li:hover ul, .dropmenu li:hover div{
	display: block;
}





/*Start rollout*/
/*MUST USE DIV - REMOVED NON-DIV CODE DUE TO CONFLICTS - MUST WRAP UL IN DIV*/
.dropmenu ul{
/*	background:transparent url(/includes/styles/red/drop-b.png) no-repeat scroll -1px 0;
	width: 300px;
	margin-top: 15px;
	padding-top:15px;
	padding-bottom:2px;
	top:50px;*/
	display: none;
	position: absolute;
}
.dropmenu ul li{
	float: none;
}
.dropmenu ul a {
	color: white;
	display:block;	
	/*	margin:0 4px;
	padding:6px 9px;	*/
   /* [disabled]white-space: nowrap; */
/*  border: 1px solid #ccc;
  border-bottom: 0;
  white-space: nowrap;
  display:block;
  color: #0657AD;
  text-decoration: underline;
  text-transform: none;*/
}

a.selected span{
/*	background:transparent url(images/arrow_hover.png) repeat-x scroll 0 0;
*/}
.dropmenu ul a:hover {
/*	background:#600610;
	text-decoration: none;*/
/*	margin:0 4px;
	padding:6px 9px;*/
	
	
	/*color:#F67A00 !important;
	text-decoration: none;
	background-color: #F0F0F0;
	background-image: none;*/
}
.dropmenu div ul{
	position: relative;
	display: block;
	padding: 1px 0px;
	margin: 0px;
}

/*MUST USE DIV - REMOVED NON-DIV CODE DUE TO CONFLICTS - MUST WRAP UL IN DIV*/
.dropmenu li div{
	background:transparent url(/includes/styles/red/drop-b.png) no-repeat scroll -1px 0;
	width: 300px;
	margin-top: 15px;
	padding-top:15px;
	padding-bottom:2px;
	top:50px;
	display: none;
	position: absolute;
	
/*	background: #C00 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{
	color: white;
	margin:0 4px;
	padding:6px 9px;	
 /*  white-space: nowrap;*/
   display:block;
	border: none;
/*	border-bottom: 1px solid #ccc;
*/}
.dropmenu li div a:hover{
	background:#600610;
	text-decoration: none;
}

.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: 500px !important;
	padding: 1px 0px !important;
	margin: 0px;
}
.products ul{width: 90%; padding: 10px 0px;}
.products ul li{
/*	border-bottom: 1px solid #ccc;
*/	height: 40px;
	padding: 10px 8px;
}
.products h2{
	color: #FFF !important;
	font-size: 16px;
	padding: 2px 0px 3px 0px;
	margin: 0px;
}
.products p{
	color: #ffffff;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
.products img{
	float: left;
	padding-right: 10px;
	margin-left:3px;
}
.products  ul li a{
	font-size: 122%;
	letter-spacing:1px;
	display: inline;
	border: none;
	color: #ffffff;
	text-decoration: underline;
	text-transform: none;
}
.products  ul li  a:hover{
	color: #eeeeee !important;
	text-decoration: none;
	background: none !important;
}

.tutorials{
	width: 300px;
}

.login{
	padding: 15px !important;
	width: 180px;
}
input{
	border:1px solid #4A779D;
	padding: 3px 8px;
	margin-bottom: 8px;
	width: 164px;
}
label{
	padding: 0px 0px 4px 0px;
	display:block;
}
button{
	background: #4A779D url(images/navigation.png) repeat-x scroll 0 0;
	color: #FFF;
	border:1px solid #4A779D;
	padding: 4px 10px;
	width: 180px;
}

/*From Smashing Magazine

#sm .navigation {
	Z-INDEX: 100; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 2px 0px 0px -7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#sm .navigation LI {
	Z-INDEX: 100; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 11px; FLOAT: left; BORDER-TOP: #5c5c5c 1px solid; PADDING-TOP: 4px; LEFT: -7px
}
#sm .navigation LI:hover {
	BACKGROUND: url(http://media.smashingmagazine.com/cdn_smash/wp-content/themes/SM-theme-new/images/grad-navigation-hover.gif) repeat-x center top; BORDER-TOP: #c6c6c6 1px solid
}
#sm .navigation LI A:link {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px; DISPLAY: block; FONT: bold 1.33em Helvetica, Arial, sans-serif; COLOR: #d8d8d8; TEXT-DECORATION: none; PADDING-TOP: 15px
}
#sm .navigation LI A:active {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px; DISPLAY: block; FONT: bold 1.33em Helvetica, Arial, sans-serif; COLOR: #d8d8d8; TEXT-DECORATION: none; PADDING-TOP: 15px
}
#sm .navigation LI A:visited {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px; DISPLAY: block; FONT: bold 1.33em Helvetica, Arial, sans-serif; COLOR: #d8d8d8; TEXT-DECORATION: none; PADDING-TOP: 15px
}
#sm .navigation LI SPAN {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT: 0.9em Helvetica, Arial, sans-serif; COLOR: #b0b0b0; PADDING-TOP: 0px
}
#sm .navigation LI A.home-link {
	PADDING-BOTTOM: 19px
}
#sm .navigation SPAN.sub A {
	PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT: 1.1em Tahoma, Helvetica, Arial, sans-serif; COLOR: #b0b0b0; PADDING-TOP: 0px
}
#sm .navigation SPAN.sub A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: underline
}
#sm .navigation LI A:hover {
	BACKGROUND: url(/images/nav/grad-navigation-hover-FROM-SMASHING.gif) repeat-x center top
}
#sm .navigation LI:hover A {
	COLOR: #fff
}
#sm .navigation LI:hover .sub A {
	COLOR: #d9d9d9
}
#sm .navigation LI A:hover SPAN {
	COLOR: #d9d9d9
}
*/