/* Utility Navigation */
#navutil {
	color: #7b2a83;
	font-size: 10px;
	float: right;
	height: 80px;
}

#navutil a {

}

#navutil-myaccount {
	float: left;
	padding: 35px 5px 0 0;	
}

#navutil-ordernow {
	padding: 33px 5px 0 0;	
	float: left;
}



/* Main Navigation */
#nav {
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	position: relative;
	height: 25px;
	width: 358px;
	z-index: 1;
}
	
#nav li {
	height: 25px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#nav li a {
	height: 25px;
	display: block;
}
	
#nav li div {
	display: none;
}

#nav li div a {
	display: block;
	font-size: 11px;
	padding: 2px 10px 2px 18px;
	height: inherit;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	z-index: 1000;
}

#nav li div span {
	display: block;
	padding: 2px 10px 2px 18px;
	text-align: left;
	text-transform: none;
	font-weight: normal;	
	font-size: 11px;
	background: transparent url("../images/leftnavbullet1_products.gif") 8px 6px no-repeat;
}

#nav li div a.ddsublink {
	background: none;
	padding-left: 28px;

}

#nav li div a.ddsublink:hover {
	background: none;
}

/* height fixes \*/ * html #nav li div a { height: 1%;	} /* end fixes */

#nav li:hover div, #nav li.over div { display: block; }

/* Navigation Background */
#navmain-home {
	background: #fff url("../images/navmainbg_home.jpg") left top repeat-x;
	height: 26px;
	margin-right: 5px;
}

#navmain-products {
	background: #fff url("../images/navmainbg_products.jpg") left top repeat-x;
	height: 26px;	
	margin-right: 5px;	
}

#navmain-support {
	background: #fff url("../images/navmainbg_support.jpg") left top repeat-x;
	height: 26px;
	margin-right: 5px;	
}

#navmain-about {
	background: #fff url("../images/navmainbg_about.jpg") left top repeat-x;
	height: 26px;
	margin-right: 5px;	
}

#navmain-newsevents {
	background: #fff url("../images/navmainbg_newsevents.jpg") left top repeat-x;
	height: 26px;
	margin-right: 5px;		
}

#navmain-checkout {
	background: #fff url("../images/navmainbg_checkout.jpg") left top repeat-x;
	height: 26px;
	margin-right: 5px;		
}



/* Navigation Sets */
#navmain-home #nav {
	background: transparent url("../images/navmain.jpg") 0px 0px no-repeat;
}

#navmain-products #nav {
	background: transparent url("../images/navmain.jpg") 0px -25px no-repeat;
}

#navmain-support  #nav {
	background: transparent url("../images/navmain.jpg") 0px -50px no-repeat;
}

#navmain-about #nav {
	background: transparent url("../images/navmain.jpg") 0px -75px no-repeat;
}

#navmain-newsevents #nav {
	background: transparent url("../images/navmain.jpg") 0px -100px no-repeat;
}

#navmain-checkout #nav {
	background: transparent url("../images/navmain.jpg") 0px -125px no-repeat;
}




/* Navigation <a> and :hover state */
#navhome {
	width: 50px;
	left: 0;
}
#navhome a:hover {
	background: transparent url("../images/navmain.jpg") 0px -150px no-repeat;
}

#navproducts {
	width: 75px;
	left: 51px;
}
#navproducts a:hover {
	background: transparent url("../images/navmain.jpg") -51px -150px no-repeat;
}

#navsupport {
	width: 69px;
	left: 127px;
}
#navsupport a:hover {
	background: transparent url("../images/navmain.jpg") -127px -150px no-repeat;
}

#navabout {
	width: 54px;
	left: 197px;
}
#navabout a:hover {
	background: transparent url("../images/navmain.jpg") -197px -150px no-repeat;
}

#navnewsevents{
	width: 106px;
	left: 252px;
}
#navnewsevents a:hover {
	background: transparent url("../images/navmain.jpg") -252px -150px no-repeat;
}



/* Dropdown links */
#navproducts div a {
	background: transparent url("../images/leftnavbullet1_products.gif") 8px 6px no-repeat;
	color: #007fba;		
}

#navproducts div a:hover {
	background: transparent url("../images/leftnavbullet1_products.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

#navsupport div a {
	background: transparent url("../images/leftnavbullet1_support.gif") 8px 6px no-repeat;
	color: #448f87;
}

#navsupport div a:hover {
	background: transparent url("../images/leftnavbullet1_support.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

#navabout div a {
	background: transparent url("../images/leftnavbullet1_about.gif") 8px 6px no-repeat;
	color: #ea9932;		
}

#navabout div a:hover {
	background: transparent url("../images/leftnavbullet1_about.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

#navnewsevents div a {
	background: transparent url("../images/leftnavbullet1_newsevents.gif") 8px 6px no-repeat;
	color: #71b533;		
}

#navnewsevents div a:hover {
	background: transparent url("../images/leftnavbullet1_newsevents.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}



/* Dropdown Shadows */
.dropdown {
	display: none;	
	width: 150px;
	background: transparent url("../images/dropdown_shadowbottom.gif") left bottom no-repeat;
	padding: 0 0 4px 0;
}

.dropdown-shadowright {
	background: transparent url("../images/dropdown_shadowright.gif") left top repeat-y;
	padding: 6px 0 10px 0;
}





/* Left Navigation */
#leftnav {
	padding: 22px 0 0 16px;
	background: transparent url("../images/leftnav_shadowtop.gif") left top no-repeat;
}

#leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftnav ul li {
	margin: 0;
	padding: 3px 0 4px 0;
	font-size: 11px;
	font-weight: bold;
	float: left;		
	display: block;
	width: 158px;
	background: transparent url("../images/dotted_horiz.gif") left bottom repeat-x;
}

#leftnav ul li.leftnav-collapse {
	background: transparent url("../images/dotted_horiz.gif") 0px 20px repeat-x;
}

#leftnav ul li a  {
	display: block;
	padding: 0 20px 0 10px;
	color: #333;
}

#leftnav ul li p {
	margin: 0;
	padding: 10px 0 6px 10px;
	font-weight: normal;
}

#leftnav ul li p a {
	display: block;
	padding-bottom: 3px;
}

#leftnav-products li a  {
	background: transparent url("../images/leftnavbullet1_products.gif") 0px 3px no-repeat;
}

#leftnav-products li p a {
	background: transparent url("../images/leftnavbullet2_products.gif") 0px 3px no-repeat;
	color: #007fba;
}

#leftnav-support li a  {
	background: transparent url("../images/leftnavbullet1_support.gif") 0px 3px no-repeat;
}

#leftnav-support li p a {
	background: transparent url("../images/leftnavbullet2_support.gif") 0px 3px no-repeat;
	color: #448f87;
}

#leftnav-about li a  {
	background: transparent url("../images/leftnavbullet1_about.gif") 0px 3px no-repeat;
}

#leftnav-about li p a {
	background: transparent url("../images/leftnavbullet2_about.gif") 0px 3px no-repeat;
	color: #ea9932;
}

#leftnav-newsevents li a  {
	background: transparent url("../images/leftnavbullet1_newsevents.gif") 0px 3px no-repeat;
}

#leftnav-newsevents li p a {
	background: transparent url("../images/leftnavbullet2_newsevents.gif") 0px 3px no-repeat;
	color: #ea9932;
}

#leftnav-checkout li a  {
	background: transparent url("../images/leftnavbullet1_checkout.gif") 0px 3px no-repeat;
}


.leftnav-selected {
	text-decoration: underline;
}


/* Checkout Steps */
#navcheckoutsteps {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 18px;
	width: 634px;
	background: transparent url("../images/navcheckoutsteps.jpg") left top no-repeat;
}

#navcheckoutsteps li {
	margin: 0;
	padding: 0;
	float: left;
	height: 18px;
	top: 0px;
}

#navcheckoutsteps li a {
	display: block;
	height: 18px;
}

#navstep1 {
	width: 159px;
}

#navstep1 a:hover {
	background: transparent url("../images/navcheckoutsteps.jpg") 0px -18px no-repeat;
}

#navstep2 {
	width: 159px;
}

#navstep2 a:hover {
	background: transparent url("../images/navcheckoutsteps.jpg") -159px -18px no-repeat;
}

#navstep3 {
	width: 158px;
}

#navstep3 a:hover {
	background: transparent url("../images/navcheckoutsteps.jpg") -318px -18px no-repeat;
}

/*
#navstep4 {
	width: 157px;
	left: 477px;
}

#navstep4 a:hover {



	background: transparent url("../images/navcheckoutsteps.jpg") -477px -18px no-repeat;
}
*?

/* Alpabetical Product Listing */
/*
#navlistalphabetical {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	height: 27px;
	background: transparent url("../images/navproductlisting.jpg") left top no-repeat;
}

#navlistalphabetical li {
	margin: 0;
	padding: 0;
	height: 27px;
	position: absolute;
	top: 0;
}

#navlistalphabetical li a {
	display: block;
	height: 27px;
}

#navlist-a-d {
	left: 0px;
	width: 71px;
}

#navlist-a-d a:hover {
	background: transparent url("../images/navproductlisting.jpg") 0px -27px no-repeat;
}

#navlist-e-h {
	left: 72px;
	width: 69px;
}
#navlist-e-h a:hover {
	background: transparent url("../images/navproductlisting.jpg") -72px -27px no-repeat;
}

#navlist-i-l {
	left: 142px;
	width: 72px;
}
#navlist-i-l a:hover {
	background: transparent url("../images/navproductlisting.jpg") -142px -27px no-repeat;
}

#navlist-m-p {
	left: 215px;
	width: 70px;
}
#navlist-m-p a:hover {
	background: transparent url("../images/navproductlisting.jpg") -215px -27px no-repeat;
}

#navlist-q-t {
	left: 286px;
	width: 72px;
}
#navlist-q-t a:hover {
	background: transparent url("../images/navproductlisting.jpg") -286px -27px no-repeat;
}

#navlist-u-z  {
	left: 359px;
	width: 71px;
}
#navlist-u-z a:hover {
	background: transparent url("../images/navproductlisting.jpg") -359px -27px no-repeat;
}

#navlist-0-9 {
	left: 431px;
	width: 72px;
}
#navlist-0-9 a:hover {
	background: transparent url("../images/navproductlisting.jpg") -431px -27px no-repeat;
}


/* Start Product Detail Tabs 
#tab-productdetail {

}

#tab-productdetail ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent url("../images/tab_productdetail.jpg") left top no-repeat;
	height: 50px;
	width: 650px;	
}

#tab-productdetail ul li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	display: block;
	height: 50px;	
	background: none;
}

#tab-productdetail ul li a {
	display: block;
	height: 28px;	
}

#tab-proddetail {
	left: 0px;
	width: 73px;
}

#tab-proddetail a:hover {
	background: transparent url("../images/tab_productdetail.jpg") 0px -100px no-repeat;
}

#tab-prodmanual {
	left: 74px;
	width: 69px;
}

#tab-prodmanual a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -74px -100px no-repeat;
}

#tab-prodvector {
	left: 144px;
	width: 72px;
}

#tab-prodvector a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -144px -100px no-repeat;
}

#tab-prodreferences {
	left: 217px;
	width: 70px;	
}

#tab-prodreferences a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -217px -100px no-repeat;	
}

#tab-prodbrochures {
	left: 288px;
	width: 70px;
}

#tab-prodbrochures a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -288px -100px no-repeat;
}

#tab-prodanalysis {
	left: 361px;
	width: 72px;	
}

#tab-prodanalysis a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -361px -100px no-repeat;
}

#tab-prodtools {
	left: 433px;
	width: 71px;
}

#tab-prodtools a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -433px -100px no-repeat;
}

#tab-prodspecial {
	left: 504px;
	width: 72px;
}

#tab-prodspecial a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -504px -100px no-repeat;	
}
#tab-prodfaq {
	left: 577px;
	width: 72px;
}

#tab-prodfaq a:hover {
	background: transparent url("../images/tab_productdetail.jpg") -577px -100px no-repeat;	
}
End Product Detail Tabs

/* Start Listing Tabs 

#tab-listing {
}

#tab-listing ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent url("../images/tab_listing.jpg") left top no-repeat;
	height: 50px;
	width: 650px;	
}

#tab-listing ul li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	display: block;
	height: 50px;	
	background: none;
}

#tab-listing ul li a {
	display: block;
	height: 28px;	
}

#tab-listing-ad {
	left: 0px;
	width: 74px;
}

#tab-listing-ad a:hover {
	background: transparent url("../images/tab_listing.jpg") 0px -50px no-repeat;
}

#tab-listing-eh {
	left: 75px;
	width: 68px;
}

#tab-listing-eh a:hover {
	background: transparent url("../images/tab_listing.jpg") -75px -50px no-repeat;
}

#tab-listing-il {
	left: 144px;
	width: 72px;
}

#tab-listing-il a:hover {
	background: transparent url("../images/tab_listing.jpg") -144px -50px no-repeat;
}

#tab-listing-mp {
	left: 217px;
	width: 72px;
}

#tab-listing-mp a:hover {
	background: transparent url("../images/tab_listing.jpg") -217px -50px no-repeat;
}

#tab-listing-qt {
	left: 288px;
	width: 72px;
}

#tab-listing-qt a:hover {
	background: transparent url("../images/tab_listing.jpg") -288px -50px no-repeat;
}

#tab-listing-uz {
	left: 361px;
	width: 72px;
}

#tab-listing-uz a:hover {
	background: transparent url("../images/tab_listing.jpg") -361px -50px no-repeat;
}

#tab-listing-09 {
	left: 433px;
	width: 72px;
}

#tab-listing-09 a:hover {
	background: transparent url("../images/tab_listing.jpg") -433px -50px no-repeat;
}

/* End Listing Tabs */

/* Stast Search tabs

#tab-search {
}

#tab-search ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent url("../images/tab_search.jpg") left top no-repeat;
	height: 50px;
	width: 650px;	
}

#tab-search ul li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	display: block;
	height: 50px;	
	background: none;
}

#tab-search ul li a {
	display: block;
	height: 28px;	
}

#tab-search-products {
	left: 0px;
	width: 73px;
}

#tab-search-products a:hover {
	background: transparent url("../images/tab_search.jpg") 0px -50px no-repeat;
}

#tab-search-support {
	left: 74px;
	width: 69px;
}

#tab-search-support a:hover {
	background: transparent url("../images/tab_search.jpg") -74px -50px no-repeat;
}

#tab-search-all {
	left: 144px;
	width: 72px;
}

#tab-search-all a:hover {
	background: transparent url("../images/tab_search.jpg") -144px -50px no-repeat;
}

/* End Search tab*/




/* dropdown 
dropdown {
	display: none;	
	width: 150px;
	background: transparent url("../images/dropdown_shadowbottom.gif") left bottom no-repeat;
	padding: 0 0 4px 0;
}

.dropdown-shadowright {
	background: transparent url("../images/dropdown_shadowright.gif") left top repeat-y;
	padding: 6px 0 10px 0;
}

div#navmain ul li div.dropdown a {
	display: block;
	font-size: 11px;
	padding: 2px 10px 2px 18px;
	height: inherit;	
}

/* height fixes html #navmain ul li div.dropdown a {	height: 1%;	}
	
div#navmain ul li:hover div.dropdown {
	display: block;	
}

div#navmain ul li:hover div.dropdown a{
	display: block;	
}

#navproducts div a {
	background: transparent url("../images/leftnavbullet1_products.gif") 8px 6px no-repeat;
	color: #007fba;		
}

#navproducts div a:hover {
	background: transparent url("../images/leftnavbullet1_products.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

#navsupport div a {
	background: transparent url("../images/leftnavbullet1_support.gif") 8px 6px no-repeat;
	color: #448f87;
}

#navsupport div a:hover {
	background: transparent url("../images/leftnavbullet1_support.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

#navabout div a {
	background: transparent url("../images/leftnavbullet1_about.gif") 8px 6px no-repeat;
	color: #ea9932;		
}

#navabout div a:hover {
	background: transparent url("../images/leftnavbullet1_about.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

#navnewsevents div a {
	background: transparent url("../images/leftnavbullet1_newsevents.gif") 8px 6px no-repeat;
	color: #71b533;		
}

#navnewsevents div a:hover {
	background: transparent url("../images/leftnavbullet1_newsevents.gif") 8px 6px no-repeat;
	font-weight: bold;
	text-decoration: none;
}

*/

/* narrow tabs */
#tabs {
	background: #fff url("../images/roundedcornerbox_bordertop.gif") 0px 26px repeat-x;
}

/* \*/ * html #tabs { height:1%; } /* */

#tabs-corner {
	background: transparent url("../images/roundedcornerbox_cornertopright.gif") right 26px no-repeat;
}

#tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#tabs li {
	margin: 0;
	padding: 0;
	float: left;
	width: 71px;
	height: 35px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
}


#tabs a b {
	display: block;
	padding: 3px 0 0 0;	
}

#tabs a b.onelinertab {
	padding: 8px 0 0 0;	
}

#tabs a {
	height: 35px;
	display: block;
	background: transparent url("../images/tab_middle.jpg") 0px 0px no-repeat;
	text-decoration: none;
	color: #fff;
}

#tabs a:hover {
	background: transparent url("../images/tab_middle.jpg") 0px -35px no-repeat;
	color: #666;
}

#tab-leftmost a {
	background: transparent url("../images/tab_leftmost.jpg") 0px 0px no-repeat;
}

#tab-leftmost a:hover {
	background: transparent url("../images/tab_leftmost.jpg") 0px -35px no-repeat;
}


#tab-rightmost a {
	background: transparent url("../images/tab_rightmost.jpg") 0px 0px no-repeat;
}

#tab-rightmost a:hover {
	background: transparent url("../images/tab_rightmost.jpg") 0px -35px no-repeat;
}




#tabs ul#usermanual li {
	margin: 0;
	padding: 0;
	float: left;
	width: 213px;
	height: 35px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
}

#tabs ul#usermanual li a {
	background: transparent url("../images/tab_middle2.jpg") 0px 0px no-repeat;
}

#tabs ul#usermanual li a:hover {
	background: transparent url("../images/tab_middle2.jpg") 0px -35px no-repeat;
}

#tabs ul#usermanual #tab-leftmost a {
	background: transparent url("../images/tab_leftmost2.jpg") 0px 0px no-repeat;
}

#tabs ul#usermanual #tab-leftmost a:hover {
	background: transparent url("../images/tab_leftmost2.jpg") 0px -35px no-repeat;
}

#tabs ul#usermanual #tab-rightmost a {
	background: transparent url("../images/tab_rightmost2.jpg") 0px 0px no-repeat;
}

#tabs ul#usermanual #tab-rightmost a:hover {
	background: transparent url("../images/tab_rightmost2.jpg") 0px -35px no-repeat;
}








/* Product detail buttons */
#productdetailbuttons {
	list-style: none;
	margin: 0;
	padding: 0;
/*	overflow: auto;*/
}

#productdetailbuttons li {
	margin: 0;
	padding: 0;
	display:block;
	float: left;
	width: 87px;
	height: 32px;
	font-size: 10px;
	line-height: 10px;	
}

#productdetailbuttons li a {
	display:block;
	width: 84px;
	height: 29px;	
	background: transparent url("../images/button_productdetail.jpg") no-repeat;
	text-align: center;
	text-decoration: none;
	color: #007fba;
}

#productdetailbuttons li a:hover {
	background: transparent url("../images/button_productdetail.jpg") 0px -29px no-repeat;
	color: #fff;
}

#productdetailbuttons li a b {
	display: block;
	padding: 4px 0 0 0;
}

#productdetailbuttons li a b.onelinerbutton {
	display: block;
	padding: 8px 0 0 0;
}



/* Support subsection buttons */
#supportsubsectionbuttons {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 32px;
	overflow: auto;
}

#supportsubsectionbuttons li {
	margin: 0;
	padding: 0;
	display:block;
	float: left;
	width: 207px;
	height: 29px;
	font-size: 10px;
	line-height: 10px;	
}

#supportsubsectionbuttons li a {
	display:block;
	width: 204px;
	height: 29px;	
	background: transparent url("../images/button_supportsubsection.jpg") no-repeat;
	text-align: center;
	text-decoration: none;
	color: #448f87;
}

#supportsubsectionbuttons li a:hover {
	background: transparent url("../images/button_supportsubsection.jpg") 0px -29px no-repeat;
	color: #fff;
}

#supportsubsectionbuttons li a b {
	display: block;
	padding: 9px 0 0 0;
}




/* Product Alphabetical Listing buttons */
#alphalistbuttons {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 32px;
	overflow: auto;
}

#alphalistbuttons li {
	margin: 0;
	padding: 0;
	display:block;
	float: left;
	width: 78px;
	height: 29px;
	font-size: 10px;
	line-height: 10px;	
}

#alphalistbuttons li a {
	display:block;
	width: 75px;
	height: 29px;	
	background: transparent url("../images/button_alphalist.jpg") no-repeat;
	text-align: center;
	text-decoration: none;
	color: #007fba;
}

#alphalistbuttons li a:hover {
	background: transparent url("../images/button_alphalist.jpg") 0px -29px no-repeat;
	color: #fff;
}

#alphalistbuttons li a b {
	display: block;
	padding: 9px 0 0 0;
}



/* Search Category buttons */
#searchcategorybuttons {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 32px;
	overflow: auto;
}

#searchcategorybuttons li {
	margin: 0;
	padding: 0;
	display:block;
	float: left;
	width: 87px;
	height: 29px;
	font-size: 10px;
	line-height: 10px;	
}

#searchcategorybuttons li a {
	display:block;
	width: 84px;
	height: 29px;	
	background: transparent url("../images/button_searchcategory.jpg") no-repeat;
	text-align: center;
	text-decoration: none;
	color: #a9014b;
}

#searchcategorybuttons li a:hover {
	background: transparent url("../images/button_searchcategory.jpg") 0px -29px no-repeat;
	color: #fff;
}

#searchcategorybuttons li a b {
	display: block;
	padding: 4px 0 0 0;
}

#searchcategorybuttons li a b.onelinerbutton {
	display: block;
	padding: 8px 0 0 0;
}