body {
	margin: 32px 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Sans Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #4e4d4d;
}
strong, em, b, i {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
input, textarea, select { color: #4e4d4d; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
a { color: #e7281b; text-decoration: none; }
a:hover {  }
a:visited {  }
a img { border: 0; }
img { vertical-align: middle; }
.center { text-align: center; }
.error { color: #e7281b; }

#container { position: relative; width: 965px; margin: 0 auto 0 auto; overflow: auto; }

#header { height: 86px; }
#header h1 { position: relative; width: 291px; height: 56px; margin: 3px 0 0 0; overflow: hidden; }
#header h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/logo.png) no-repeat; }

#content { padding: 40px 0; margin: 0 50px; }
#content h2 { color: #b28c46; font-size: 2.5em; letter-spacing: -1px; margin: 0 0 1em 0; }
#content h3 { font-size: 1.75em; font-weight: normal; margin: 0 0 0.5em 0; }
#content p { line-height: 1.5em; }
#content p.green { color: #0f9830; padding: 10px 0 10px 80px; background: url(../img/green.png) no-repeat; }
#content p.gold { color: #b28c46; }
#content a { border-bottom: 1px dotted #e7281b; }
#content a:hover { border: 0; }
#content blockquote { position: relative; left: -20px; margin: 0 0 2em 0; padding: 0 0 0 20px; background: url(../img/quote-left.png) 0 5px no-repeat; }
#content blockquote h2 { margin: 0 0 0.25em 0; }
#content blockquote p { display: block; margin: 0; color: #959595; font-weight: bold; font-style: normal; }
#content ol { padding: 0; }
#content ol li { margin-left: 1.5em; }
#content ul { padding: 0; list-style: none; }
#content ul li { padding-left: 15px; background: url(../img/list-arrow-2.png) 0 0.3em no-repeat; }
#content ul.square { padding: 1em; }
#content ul.square li { padding-left: 18px; background: url(../img/list-square.png) 0 0.2em no-repeat; }
#content ul.square strong { font-weight: normal; color: #b28c46;  }

	/* breadcrumbs */
	#crumbs { padding: 0 0 5px 0; font-size: 0.9em; background: url(../img/bg-dot-h.png) bottom repeat-x; }
	#crumbs a { border: 0; }
	
	/* partner links */
	#partners img { margin: 0 0 0 17px; }
	#partners img.first { margin: 0; }
	
	/* generic page */
	#content.generic { float: left; width: 786px; margin: 0 10px; }
	
	/* default page */
	#content.default { margin: 0 10px 0 50px; }
	#content.default h2 { position: relative; left: -20px; }
	#content.default .body { clear: both; overflow: auto; }
	#content.default .first { margin-bottom: 2em; }
	#content.default .copy { width: 480px; }
	#content.default .copy h2 { left: 0; }
	
	/* home page */
	#content.home { margin: 0; padding: 24px 0; }
	#content.home .box { float: left; width: 157px; height: 120px; margin: 20px 0 25px 12px; padding: 15px; text-align: right; }
	#content.home .first { margin-left: 0; }
	#content.home .box h3 { position: relative; float: right; height: 0; overflow: hidden; }
	#content.home .box h3 span { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }
	#content.home .box ul { clear: right; margin: 0; }
	#content.home .box li { padding: 2px 20px 2px 0; line-height: 16px; font-size: 0.9em; background: url(../img/arrow-red-2.png) right no-repeat; }
	#content.home .box a { border: 0; color: #4e4d4d; }
	#content.home #education h3 { width: 86px; padding-top: 37px; background: url(../img/home/hdr-education.png) no-repeat; }
	#content.home #schools h3 { width: 69px; padding-top: 17px; background: url(../img/home/hdr-schools.png) no-repeat; }
	#content.home #students h3 { width: 78px; padding-top: 17px; background: url(../img/home/hdr-students.png) no-repeat; }
	#content.home #admin h3 { width: 129px; padding-top: 17px; background: url(../img/home/hdr-admin.png) no-repeat; }
	#content.home #admin ul { float: right; width: 75px; }
	#content.home #admin li { height: 90px; padding: 0; background-position: bottom right; }
	#content.home #promo { width: 786px; height: 305px; overflow: hidden; }
	#content.home #promo li { padding: 0; background: none; }
	#content.home #education { background: url(../img/home/education.png) no-repeat; }
	#content.home #schools { background: url(../img/home/schools.png) no-repeat; }
	#content.home #students { background: url(../img/home/students.png) no-repeat; }
	#content.home #admin { background: url(../img/home/admin.png) no-repeat; }
	
	/* home promo */
	#pager { position: absolute; top: 418px; right: 190px; z-index: 100; } 
	#pager a { width: 40px; height: 30px; float: left; margin: 0 1px 1px 0; background: url(../img/bg-slide-off.png) no-repeat; text-align: center; line-height: 30px; color: #959595; font-weight: bold; text-decoration: none; display: block; border: 0; } 
	#pager a:hover,
	#pager a.activeSlide { background: url(../img/bg-slide-on.png) no-repeat; color: #fff; }
	
	/* learning zone */
	#content.zone { overflow: auto; }
	#content.zone h2 { width: 371px; height: 49px; text-indent: -999px; background: url(../img/headers/learning-zone.png) no-repeat; }
	#content.zone ul { padding: 0; }
	#content.zone li { padding: 10px 0; border-top: 1px dotted #bebebe; background: none; }
	#content.zone li a { border: 0; }
	#content.zone li.first { border: 0; }
	#content.zone .zone { float: left; width: 420px; margin-left: 25px; }
	#content.zone .zone h3 { color: #ab7b33; font-size: 2.5em; margin: 0.5em 0; text-indent: -999px; }
	#content.zone .zone h3 span { color: #e7281b; }
	#content.zone .first { clear: left; margin-left: 0; }
	#content.zone .copy { width: 585px; float: right; }
	#content.zone .images { width: 240px; float: left; }
	#content.zone .caption { color: #797979; font-size: 0.8em; line-height: 1.2em; margin-bottom: 2em; }
	
	/* news */
	#content.news { background: url(../img/news.jpg) right center no-repeat; }
	#content.news h2 { position: relative; left: -20px; width: 560px; height: 49px; text-indent: -999px; background: url(../img/headers/news.png) no-repeat; }
	#content.news h2 span { color: #e7281b; }
	#content.news .copy { width: 555px; }
	#content.news .news { clear: left; width: 555px; padding: 20px 0; overflow: auto; background: url(../img/bg-dot-h.png) top repeat-x; }
	#content.news .news h3 { font-size: 1.2em; }
	#content.news .news h3,
	#content.news .news p { float: right; width: 400px; margin: 0; }
	#content.news .news img { float: left; }
	#content.news .first { background: none; }
	
	/* contact us */
	#content .contact { margin-bottom: 2em; border-bottom: 1px solid #cecdcd; overflow: auto; background: url(../img/contact.jpg) right bottom no-repeat; }
	#content .contact div { float: left; width: 320px; margin: 0 0 1.5em 0; }
	#content .contact div p {  }
	#content .contact h2 { margin: 0 0 0.5em 0; text-indent: -999px; }
	#content .contact p { padding-left: 20px; border-left: 1px solid #cecdcd; }
	#content .contact strong { color: #000; }
	
	/* generic form */
	#content .form {  }
	#content .form p { clear: left; padding: 0 0 20px 0; }
	#content .form br { display: none; }
	#content .form span { float: left; color: #e7281b; }
	#content .form fieldset { border: 0; padding: 0; }
	#content .form legend { display: none; }
	#content .form label { float: left; width: 120px; text-align: right; }
	#content .form input[type=text],
	#content .form textarea,
	#content .form select { float: left; width: 475px; font-size: 1em; border: 0; margin: 0 10px; padding: 4px; background: #f4f4f4; }
	#content .form input[type=image] { margin: 20px 0 0 130px; }
	
	/* shop common */
	#content.shop { float: left; display: inline; width: 772px; margin: 0; padding: 24px 0; }
	#content.shop hr { clear: both; height: 1px; padding: 15px 0; border: 0; background: url(../img/bg-dot-h.png) center repeat-x; }
	#content.shop h2 { font-weight: normal; }
	#content.shop h2 span { font-size: 1.5em; font-weight: bold; }
	#content.shop h2 img { float: left; margin-right: 20px; }
	#content.shop h3 { font-size: 1.5em; font-weight: normal; margin: 1em 0; }
	#content.shop ul {  }
	#content.shop li {  }
	#content.shop .box { position: relative; float: left; display: inline; width: 173px; padding: 0 10px; background: url(../img/bg-dot-v.png) repeat-y; }
	#content.shop .box select { width: 100%; }
	#content.shop .box img { margin: 0 0 10px 0; }
	#content.shop .box h4 { margin: 0; font-weight: normal; color: #000; }
	#content.shop .box p { margin: 0.25em 0; font-size: 0.9em; }
	#content.shop .box .option { margin-bottom: 1em; }
	
	/* shop prices */
	#content.shop .special p.price,
	#content.shop .box p.price { font-size: 1em; }
	#content.shop p.price,
	#content.shop .price strong, /* cart */
	#content.shop #price { color: #b28c46; font-weight: bold; }
	#content.shop #price { font-size: 1.3em; }
	
	#content.shop .box .thumb { display: block; width: 150px; height: 100px; margin: 0 0 5px 0; border: 0; /* text-align: center; */ }
	#content.shop .box .thumb img {  }
	#content.shop .first { background: none; }
	
		/* shop checkout */
		#content.checkout h2 { margin: 0 0 0.5em 0; }
		#content.checkout h4 { font-weight: bold; margin: 1em 0 0 0; }
		#content.checkout form td { padding: 0 10px 5px 0; }
		#content.checkout li { padding: 0; background: none; }
		#content.checkout li label { text-align: left; }
		#content.checkout label { display: block; text-align: right; }
		#content.checkout input[type=password],
		#content.checkout input[type=text],
		#content.checkout textarea { width: 300px; border: 0; padding: 4px; background: #f4f4f4; }
		#content.checkout .shipping li { padding: 0; background: none; }
		#content.checkout .shipping hr { padding: 5px 0; }
		#content.checkout .shipping label { text-align: left; }
		
		/* shop cart */
		#content .cart { height: 124px; padding: 0 0 0 185px; background: url(../img/cart.png) 35px 0 no-repeat; }
		#content .cart h2 { margin: 0 0 0.5em 0; }
		#cart { margin: 2em 0 0 0; padding: 0 0 30px 0; background: url(../img/bg-cart.png) bottom no-repeat; }
		#cart form { display: inline; }
		#cart table { width: 100%; padding: 30px 30px 0 30px; border-spacing: 0; background: url(../img/bg-cart.png) top no-repeat; }
		#cart table th { text-align: left; }
		#cart table td { padding: 10px 0; border-top: 1px dotted #bbbbbb; }
		#cart table input[type=text] { border: 1px solid #d1d1d1; padding: 4px; color: #4e4d4d; }
		#cart table input[type=submit] { border: 0; color: #e7281b; background: none; }
		#cart table .price { text-align: right; }
		#cart tbody tr:first-child td { border-top: 0; }
		#cart tbody tr:last-child td { border-top: 1px solid #bbbbbb; border-bottom: 0; }
		#cart p { text-align: right; margin: 15px 30px 0 30px; }
		#cart p input { vertical-align: middle; }
		
		/* shop help */
		#content.shop-help { position: relative; }
		#content.shop-help h3 { padding: 0 0 0 25px; background: url(../img/arrow-red-2.png) 2px 2px no-repeat; }
		#content.shop-help h4 { color: #000; }
		#content.shop-help .links { position: absolute; top: 34px; right: 12px; padding: 15px 20px; width: 275px; height: 30px; background: url(../img/bg-white.png) no-repeat; }
		#content.shop-help .links ul { margin: 0; }
		
		/* shop home */
		#content.shop-home hr,
		#content.shop-list hr { height: 3px; background: url(../img/bg-dot-double.png) center repeat-x; }
		
		/* shop list */
		#content.shop-list #crumbs { margin: 0 0 0 60px; }
		
		/* shop detail */
		#content.shop-detail h2 { margin: 10px 0; color: #4e4d4d; }
		#content.shop-detail h2 span { font-size: 0.60em; font-weight: normal; }
		#content.shop-detail h3 { margin: 0 0 25px 0; font-size: 2em; }
		#content.shop-detail h4 {  }
		#content.shop-detail ul { padding: 0; list-style: none; }
		#content.shop-detail li { padding-left: 1.5em; line-height: 1.5em; background: url(../img/list-square.png) left center no-repeat; }
		#content.shop-detail .incl { float: left; width: 160px; height: 248px; font-size: 0.9em; padding: 13px; background: url(../img/bg-included.png) no-repeat; }
		#content.shop-detail .incl img { display: block; margin: 0 0 5px 0; }
		#content.shop-detail .incl p { margin: 0.25em 0; }
		#content.shop-detail .incl ul { margin: 0; padding: 0; }
		#content.shop-detail .incl li { padding-left: 1em; line-height: 1.3em; background: url(../img/list-star.png) 0 0.3em no-repeat; }
		#content.shop-detail .incl + img { float: left; margin: 0 20px; }
		
		/* shop specials */
		#content .special { position: relative; float: left; width: 171px; height: 145px; margin: 0 0 15px 0; padding: 20px 20px 20px 185px; background: url(../img/bg-special.png) no-repeat; }
		#content .special h2 { position: absolute; top: -9px; left: 332px; width: 54px; height: 54px; text-indent: -999px; margin: 0; background: url(../img/hdr-special.png) no-repeat; overflow: hidden; }
		#content .special h4 { margin: 0; font-weight: normal; }
		#content .special form { position: absolute; bottom: 15px; }
		#content .new { margin: 0 19px 0 0; }
		#content .new h2 { background: url(../img/hdr-new.png) no-repeat; }
		#content .special h4 { width: 140px; color: #e7281b; }
		#content .special p { margin: 0.5em 0; font-size: 0.9em; }
		#content .special .thumb { position: absolute; top: 20px; left: 20px; width: 150px; height: 150px; border: 0; text-align: center; }
		
		/* shop categories */
		#content .category { position: relative; clear: left; width: 772px; /* min-height: 255px; */ overflow: auto; }
		#content .category .box { width: 160px; }
		#content .category .first { margin: 0 0 0 50px; }
		#content .category .more { width: 670px; overflow: hidden; }
		#content .category h3 { margin: 10px 0 10px 60px; font-size: 2.5em; }
		#content .category p { margin: 0; }
		#content .category hr { height: 1px; margin: 0 0 0 50px; background: url(../img/bg-dot-h.png) center repeat-x; }
		#content .category ul { margin: 0; padding: 0; list-style: none; }
		#content .category li { width: 200px; height: 1.5em; line-height: 1.5em; float: left; padding: 0 10px; background: url(../img/list-arrow.png) left center no-repeat; }
		
			/* vertical headers */
			#content .category h2 { position: absolute; top: 0; left: 0; width: 45px; margin: 0; overflow: hidden; text-indent: -999px; }
			#content #specials { background: url(../img/bg-specials.png) bottom left no-repeat; }
			#content #hardware { background: url(../img/bg-hardware.png) bottom left no-repeat; }
			#content #adobe-software { background: url(../img/bg-adobe.png) bottom left no-repeat; }
			#content #software { background: url(../img/bg-software.png) bottom left no-repeat; }
			#content #bundles { background: url(../img/bg-bundles.png) bottom left no-repeat; }

#sidebar { float: right; display: inline; width: 154px; padding: 24px 0; color: #656565; }
#sidebar h3 { color: #e7281b; margin: 0.5em 0; font-size: 1.1em; font-weight: normal; /* height: 25px; line-height: 25px; overflow: hidden; */ }
#sidebar p { margin: 0.5em 0; line-height: 1.1em; }
#sidebar p,
#sidebar td,
#sidebar ul { font-size: 0.9em; }
#sidebar ul li { line-height: 1.1em; }
#sidebar hr { color: #dadada; background-color: #dadada; height: 1px; margin: 1em 0; border: 0; }

	/* sidebar common */
	#sidebar a { border-bottom: 1px dotted #e7281b; }
	#sidebar a:hover { border: 0; }
	#sidebar h3 a { border: 0; }
	
	/* sidebar shop */
	#sidebar.shop { width: 176px; }
	#sidebar.shop h3 { margin: 1em 0; }
	#sidebar.shop p { margin: 1em 0; }
	#sidebar.shop ul { padding: 0; list-style: none; }
	#sidebar.shop li { padding-left: 1em; background: url(../img/list-dot.png) left center no-repeat; }
	#sidebar .block { width: 176px; margin: 0 0 8px 0; padding: 0 0 1px; background: url(../img/bg-sidebar.png) bottom left no-repeat; }
	#sidebar .block table { margin: 0 13px; }
	#sidebar .block table td { vertical-align: top; }
	#sidebar .block table a { border: 0; }
	#sidebar .block h3 { margin: 0; padding: 11px 13px 0 13px; background: url(../img/bg-sidebar.png) no-repeat; }
	#sidebar .block p { padding: 0 13px; }
	#sidebar .block em { color: #000; font-style: normal; font-weight: bold; }
	/*
	#sidebar .block strong { color: #000; font-weight: normal; font-size: 1.1em; }
	*/
	#sidebar .block select { width: 100%; }
	#sidebar .block .total { height: 26px; line-height: 26px; margin: 1em 13px; background: url(../img/bg-total.png) no-repeat; }
	#sidebar #warranty { width: 150px; margin: 0 auto; text-align: center; }
	#sidebar #warranty a { border: 0; }
	#sidebar #help { width: 150px; margin: 0 auto; }
	#sidebar #payment { width: 150px; margin: 0 auto; }
	
	/* sidebar home */
	#sidebar #poll ul { margin: 0 0 0.5em 0; padding: 0; list-style: none; font-size: 0.9em; }
	#sidebar #poll li { padding: 0 0 0 20px; }
	#sidebar #poll li input { margin-left: -20px; }
	#sidebar #poll .results p { color: #000; }
	#sidebar #poll .results li { margin: 0.5em 0; padding: 0; }
	#sidebar #poll .results span { color: #000; display: block; font-size: 0.7em; margin-top: 5px; background: #56bbe1; }
	#sidebar #contact { background: url(../img/bg-contact.png) bottom no-repeat; }
	#sidebar #contact h3 { width: 154px; height: 42px; margin: 0; background: url(../img/hdr-contact.png) no-repeat; text-indent: -999px; }
	#sidebar #contact p { margin: 0; padding: 0 25px 15px 15px; }
	#sidebar .yellow { margin: 0 0 1em 0; padding: 0 0 7px 0; background: url(../img/bg-yellow.png) bottom no-repeat; }
	#sidebar .yellow span { display: block; padding: 7px 7px 0 7px; background: url(../img/bg-yellow.png) no-repeat; }

#footer { position: relative; clear: both; color: #acacac; font-size: 0.9em; border-top: 1px solid #dadada; }
#footer a { color: #4e4d4d; }
#footer a:hover { border-bottom: 1px dotted #4e4d4d; }
#footer .adobe { position: absolute; top: 0; left: 400px; }
#footer .news { position: absolute; top: 0; left: 545px; width: 120px; height: 43px; padding: 5px 0 0 43px; line-height: 1em; background: url(../img/newsletter.png) no-repeat; }
#footer .fb { position: absolute; top: 0; left: 697px; }
#footer .vimeo { position: absolute; top: 21px; left: 697px; }

#account { position: absolute; top: 6px; right: 0; width: 167px; }
#account p { margin: 0; color: #acacac; font-size: 0.9em; text-align: center; }

#search { position: absolute; top: 28px; right: 0; width: 167px; height: 31px; background: url(../img/bg-search.png) no-repeat; }
#search form {  }
#search label { display: none; }
#search input[type=text] { position: absolute; top: 4px; left: 6px; width: 135px; font-size: 0.9em; font-weight: bold; color: #fff; border: 0; background: transparent; }
#search input[type=image] { position: absolute; top: 6px; right: 7px; }

#banner { position: absolute; top: 0; right: 185px; }

#menu { width: 100%; height: 40px; background: url(../img/bg-menu.png) no-repeat; }
.sf-menu { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; float: left; height: 40px; line-height: 36px; margin: 0; padding: 0; background: url(../img/menu.png) no-repeat; }
.sf-menu li a { color: #fff; text-decoration: none; border: 0; outline: 0; padding: 0 25px; }
.sf-menu li a.null { cursor: text; }
.sf-menu li.on a { color: #fff7cd; }
.sf-menu li.on li a { color: #e7281b; }
.sf-menu ul { background: url(../img/bg-menu-ul.png) bottom left no-repeat; }
.sf-menu ul li { height: 36px; border-bottom: 1px dotted #ceab6c; background: transparent url(../img/list-arrow.png) 15px center no-repeat; }
.sf-menu ul li:last-child { border: 0; }
.sf-menu ul li a { color: #e7281b; }
.sf-menu .c1 { margin-left: 30px; background: none; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	width: 100%;
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			160px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			155px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}

