@charset "UTF-8";



/*



Screen Import CSS



Copyright 2007 ASI CSULB.







Forms CSS







Defining all properties belonging to the top of the website includes menus, search button and form



*/



#pod select, 



#pod .textfield 



{



width: 161px;



}



input.textfield 



{



padding: 2px 0 2px 0.25em;



border: 1px solid;



}



.form-columns input.textfield,



.form-columns select 



{



width: 16em;



}



input.textfield,







* html button 



{



cursor: hand;



width/**/:1px;



padding: 2px .5em;



padding: 0 .5em 2px;



}



p input



 {



vertical-align: middle;



}



input.submit {



cursor: pointer !important;



cursor: hand;



}



a.submit {



display: block;



width: 6em;



padding: 0.2em 0.5em 0.3em;



margin: 0.25em 0;



}



form {



margin: 0;



padding: 0;



}



/*



Fonts CSS



*/



body {



font: 75%/1em Arial, Helvetica, sans-serif;



}



.menu-title {



font-weight: bold;



}



h1,



h2{



font-weight: normal;



}



h1 



{



font-size: 1.75em;



}



h2 



{



font-size: 1.5em;



}



caption, 



h3, h4, h5,



ol, 



li, 



li ol,



li ul, 



p



{



font-size: 1em;



}



html>body code, 



html>body kbd, 



html>body pre, 



html>body samp 



{



font-size: 12px;



}



#globalnav



{



font-size: 0.95em;



}



#site-menu .menu-title,



#site-search,



{



font-size: 1.0em;



}



#globalfooter { 



line-height: 1.5em;



}



p {



	line-height: 1.3;



}



caption, 



h2, h3, h4, h5 



{



line-height: 1.3;



}



h1 {

/*line-height:1.1em;*/

}



#globalfooter {



font-family: Verdana, Arial, Helvetica, sans-serif;



}



code, 



kbd, 



pre, 



samp 



{



font-family:  "Courier New", Courier, monospace;



/*/



font-family: Courier, monospace;



/**/



}



::root code, 



::root kbd, 



::root pre, 



::root samp 



{



font-family: Courier, monospace;



}



a,



a:hover {



text-decoration: none;



}



/* 







Markers







*/



ul>li.icon,



dl>dd.icon,



p.icon,



h4.icon



{



padding-top: 3px;



padding-bottom: 3px;



}



ul>li.icon,



dl>dd.icon,



p.icon,



h4.icon,



.icon a



{



padding-left: 20px;



}



.icon a



{



margin-left: -20px;



display: block;



}



ul.compact li.icon



{



margin-right: 1ex;



}



ul.compact li.icon a



{



margin-left: 0;



position:relative;



left: -20px;



display: block;



}



li.icon



{



list-style-type: none;



}



.icon a:hover



{



background-position: 0 0;



}



/* MARKERS */



ol.path



{



list-style-type: none;



}



.path>li a:after



{



content: "/";



color: #AAA;



margin-left: 1ex;



margin-right: -1ex;



font-weight: normal;



}



/*/////////////////// Pipe ///////////////////*/



ul.pipe



{



list-style-type: none;



}



.pipe li



{



background-repeat: no-repeat;



background-position: left center;



}



.pipe li+li



{



background-image: url("/images/master/markers/pipe.gif");



padding-left: 1px;



}



/*







Themes CSS	







*/



h1 {



/*background-repeat: no-repeat;



background-position: 16px 0.1em; */



}



h1.photoshoppremiereelements,



h1.productionstudio { height: 65px; }



/* 







Markers







*/



ul>li.icon,



dl>dd.icon,



p.icon,



h4.icon



{



padding-top: 3px;



padding-bottom: 3px;



}



ul>li.icon,



dl>dd.icon,



p.icon,



h4.icon,



.icon a



{



padding-left: 20px;



}



.icon a



{



margin-left: -20px;



display: block;



}



ul.compact li.icon



{



margin-right: 1ex;



}



ul.compact li.icon a



{



margin-left: 0;



position:relative;



left: -20px;



display: block;



}



.icon



{



background-position: 0 3px;



}



li.icon



{



list-style-type: none;



}



.icon a:hover



{



background-position: 0 0;



}



/* MARKERS */



ol.path



{



list-style-type: none;



}



.path>li a:after



{



content: "/";



color: #AAA;



margin-left: 1ex;



margin-right: -1ex;



font-weight: normal;



}



/*/////////////////// Pipe ///////////////////*/



ul.pipe



{



list-style-type: none;



}



.pipe li



{



background-repeat: no-repeat;



background-position: left center;



}



.pipe li+li



{



background-image: url("/images/master/markers/pipe.gif");



padding-left: 1px;



}





#promo



{



background-color: #000000;



}



h1 



{



/*border-bottom: 2px solid;



border-color: #ccc; */



}



a {



	color:#E29547;



}



a.on,



a:hover,



a:visited:hover {
	color:#FFCC00; /* Accordian Font cOlor*/



/*	background-color: #FFFFFF; /* Accordian Highlighter COlor*/*/



}







a:visited {



/*	color: #c0bdbb;



	color:#E08547; */ 



/*	color:#FA9944;					appearance color of text link*/



	font-weight:bold;



}



a.noHover:hover,



a .mask-a, 



a:hover .mask-a,



.noHover a:hover,



.tab a:hover {



background-color: transparent;	



}



a .mask-a, 



a:hover .mask-a {



color: #888;



}



.tab a.on,



.tab a:hover,



.tab a:visited,



.tab a:visited:hover {



color: #000;



}



a.search-term, 



a.search-term:visited,



a.search-term:hover {



background-color: #fff;



color: #000;



}



p {



margin-top: 0;



padding-bottom: 1px;



margin-bottom: 1.2em;



}



h1 {



/*padding: 0.5em 4em 0.35em 16px;	



margin: 0.5em -17px 0.5em -16px; */



}



h2 {



margin-top: 0;



margin-bottom: 0.5em;



}



h3 {



margin: 0 -8px 0.85em -8px;



padding: 0.2em 8px;



min-height: 1em; /*IE 7 Clipping Hack Fix that plays nice with globalnav z-index*/



}



.p2 h2,



.p2 h3 {



padding-bottom: 8px;



margin-bottom: 0.35em;



}



h4, h5 {



margin-top: 0;



margin-bottom: 0;



}



img {



border: 0;	



}



.caption {



margin-top: 0.8em;



}



p.caption {



margin-top: 0.5em;



}



ol {



list-style-type: decimal;



list-style-position: outside;



margin-left: 2em;



}



ul {



list-style-type: disc;



list-style-position: outside;



margin-left: 0.5em;



}



ul,



ol {



padding-left: 1.5em;



margin-top: 1em;



margin-bottom: 1.35em;



}



ol.no-indent,



ul.no-indent {



margin-left: 0;



padding-left: 0;



}



li {



line-height: 1.35em;



padding-bottom: 0.5em;



}



li ol,



li ul {



margin-top: 0;



margin-bottom: .3ex;



}



ol ol {



list-style-type: lower-alpha;



margin-left: .5ex;



}



ol ol ol {



list-style-type: lower-roman;



}



li p { 



margin-bottom: 0.5em;



}



ul.indent {



margin-left: 20px;



}



/*







Menu CSS







*/



.menu>*



{



padding-bottom: 0;



}



.menu>*>a



{



/*\*/



display: block;



/*/



display: inline-block;



/**/



padding: .1em 1ex;



}



.menu .selected



{



padding: .1em 0.8ex;



margin-left: 0;



}



.menu .first



{



padding-left: 0;



}















/*	DROP DOWN $Revision: 1.13 $







*/



.d-dropdown {



position: relative;



_behavior: url("/css/htc/hover.htc"); /*IE sub7*/



z-index: 2;



}



.d-dropdown>li {



position: relative;



top: 0;



left: 0;



z-index: 2;



}



.d-dropdown li {



list-style-type: none;



_position: relative; /*IE sub7*/



_top: 0; /*IE sub7*/



_left: 0; /*IE sub7*/



}



* html .d-dropdown li li { position: static; }



.d-dropdown .menu {



position: absolute;



top: 1.75em;



left: 0;



z-index: 2;



display: none;



margin-top: 0;



}



.d-dropdown li.hover .menu,



.d-dropdown li.focus .menu { 



display: block;



}



.d-dropdown>li:hover .menu { display: block; }



.d-dropdown .menu a,



.d-dropdown .menu-title { 



/*\*/ display: block; /*/



display: inline-block;



/**/



_display: inline;



_zoom: 1;



}



/*--Tier 1---*/



.d-dropdown .menu>* {



margin-left: 0;



margin-bottom: 0;



margin-top: 0;



}



* html .d-dropdown .menu dt,



* html .d-dropdown .menu dd,



* html .d-dropdown .menu li {



margin-left: 0;



margin-bottom: 0;



margin-top: 0;



}



.d-dropdown .menu a {



margin: 0 1px;



-moz-outline: none;



}



.d-dropdown .menu-title { min-height: 2em; }



.d-dropdown>li a { padding: 0; }



/*--Tier 2---*/



.d-dropdown .menu>*,



.d-dropdown .menu>*>a { padding: 2px 8px; }



.d-dropdown .menu>*>a { margin: 0 -7px; }



.d-dropdown .divide a { font-weight: normal; }



.d-dropdown .divide { border-top: 1px solid #ccc; }



.d-dropdown .menu .divide { padding-top: 3px; }







/* CSS Document */



.compact>*



{



float: left;



}







/*	



Copyright 2008 ASI.



*/







/*	GLOBAL NAV



$Id: globalnav.css,v 1.33.2.2 2007/09/18 16:36:38 btapley Exp $



@author btapley



*/



#globalnav-search, 



#globalnav, 



#globalnav dl,



#globalnav dt,



#globalnav dd,



#globalnav ul,



#globalnav li,



#globalnav p {



margin:0;



left:0;



padding:0;



line-height:1;



}



#globalnav li li {



/* IE has problems with inheriting a floated parents attributes in IE 5 and 5.5 */



_float: left;



_f\loat:none; /* be nice to IE 6, but not required */



_width: 100%;



_w\idth:auto; /* be nice to IE 6, but not required */



}



#globalnav-search {



_text-align: center;



}



#globalnav {



_text-align: left;



}



#globalnav {



	width:900px;



	margin: 0 auto;



}



#asi-logo {



	width:80px;



	height:48px;



	background-image: url(../images/ASI-LOGO-D.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	overflow: hidden;



}



#asi-logo a {



padding-left: 42px;



display:block;



height: 48px;



}



#globalnav-cart .cart {



background-image: url(/lib/com.adobe/template/gnav/cart.gif);



background-repeat: no-repeat;



background-position: center center;



width: 36px;



}



#globalnav {



position: relative; /* dont set this in #globalnav-search to prevent sub menu clipping in IE due to filters and layout mode */



top: 0;



z-index:100;



}



#globalnav-noscript {



position: absolute;



left: 50%;



top: 0;



margin-left: -331px;



width: 350px;



z-index: 100;



}



#asi-logo {



position: absolute;



top: 7px;



left: 0;



z-index: 3;



}



#globalnav.checkout-nav #user-menu { margin-top: 33px; }



#user-menu .menu {



/*\*//*/float: right;/* this could be shared */



}



#site-menu,



#site-search {



position: absolute;



top: 33px;



width:100%;



}



#site-menu {



z-index: 2;



}



#site-search {



z-index: 1;



}



#globalnav #site-menu-dropdown {



position:absolute;



margin-left:90px;



display:block;



z-index: 3;



}



#site-menu-dropdown li {



position:relative;



z-index: 4;



}



#site-menu-dropdown li:hover,



#site-menu-dropdown li.hover {



z-index: 5;



}



#site-menu-dropdown .menu-title {



position:relative;



z-index: 7;



}



#site-menu-dropdown .menu {



z-index: 6; /* zero seems to be synonymous with auto in IE, using one instead */



top: 20px;



}



#site-search {



text-align:right;



right:0;



}



#globalnav-search {



margin: 0 0 1em;



height: 5em; /* layout mode is now on, dont set a z-index or sub-menu clipping will occur in IE */



}



#globalnav-noscript {



padding: 5px 5px 5px 27px;



display: none; /* removing the display per dhatch until further notice */



}



#globalnav {



height: 100%; 



}



#globalnav {
	display: block;
	margin: auto;



}



#user-menu li {



padding-left: 1px;



}



#user-menu a,



#greeting {



padding: 3px 1.5ex;



}



#greeting {



display:-moz-inline-block;



/*\*/



display: inline-block;



/**/



}



#site-search p {



padding:0;



margin: 0;



/* site-search and site-menu overlap each other.



overlapping blocks will break focus behavior for contained links in IE.



Here I'm reducing the width of the search item to prevent 



overlap without forcing a width. Not forcing a width is important for localized labels */



_display:inline;



_height:1em;



}



#site-search p {



word-spacing: -1ex;



}



#site-search p * {



word-spacing: normal;



}



body:-moz-last-node #site-search p {



padding-top:3px;



}



* + html #site-search p {



padding-top:2px;



}



* html #site-search p {



padding-top:2px;



}



#search-input {



width: 125px;



}



#globalnav #site-menu-dropdown .menu-title {



min-height: 22px;



_height: 22px;



}



#globalnav #site-menu-dropdown .menu-title a {



padding:5px 5px 2px 7px; 



display:inline-block;



}



#globalnav #site-menu-dropdown li .menu {



width:148px;



margin-top:3px;



}



#site-menu-dropdown li .menu li,



#site-menu-dropdown li .menu dt,



#site-menu-dropdown li .menu dd {



display: block;



padding-left: 7px;



padding-right: 7px;



}



#site-menu-dropdown li .menu a {



padding-top:4px;



padding-bottom:4px;



display:block;



margin-left: -8px;



margin-right: -8px;



padding-left: 8px;



padding-right: 8px;



}



#site-menu-dropdown li .menu dt {



padding-top: 5px;



padding-bottom: 5px;



}



#site-menu-dropdown li .menu dt a {



margin-top:-5px;



margin-bottom:-5px;



}



#globalnav-noscript {



border-left:1px solid silver;



border-right:1px solid silver;



border-bottom:1px solid silver;



background-color: #FFFFCC;



background-image: url(theme/alert.gif);



background-repeat: no-repeat;



background-position: 1ex 5px;



}



#globalnav-search {
	background-color: #F0F0F0;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .6);







_filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#AAAAAA)



progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#BEBEBE) 



progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#D8D8D8)



progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#ECECEC)



progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#F9F9F9);
	box-shadow: 0 0 5px #AAAAAA;
	margin: auto;
	background-position: center center;



/*\*//*/



border-bottom: 2px solid #AAAAAA;



/**/



}



*+html #globalnav-search {



border-bottom: 2px solid #AAAAAA;



}



html:/* */not([lang*=""]) #globalnav-search, /* Old Gecko and Omniweb */



body:-moz-last-node #globalnav-search {



border-bottom-width: 5px;



border-bottom-style: solid;



border-bottom-color: transparent;



-moz-border-bottom-colors: #F9F9F9 #ECECEC #D8D8D8 #BEBEBE #AAAAAA;



}



@media screen and (-op-browser) {



#globalnav-search {



border-bottom: 2px solid #AAAAAA;



}



}



#asi-logo a,



#site-menu-dropdown .menu-title a {



background-color: transparent;



}



#user-menu .menu,



#user-menu .menu a,



#site-menu-dropdown .menu dt {



color:#000000;



}



#user-menu .menu a:hover,



#site-menu-dropdown .menu a:hover,



#site-search button:focus,



#site-search button:hover,



#site-menu-dropdown .menu-title a:hover {



color:#CC0000;



}



#site-menu-dropdown .menu-title a,



#site-menu-dropdown .menu a,



#site-search button {



color:#333333;



}



#user-menu .menu a:hover,



#site-menu-dropdown .menu a:hover {



background-color: #DDDDDD;



}



#site-menu-dropdown .menu-title {



border: 1px solid #F0F0F0;



}



#site-menu-dropdown > li:hover .menu-title {



border-color: #CCCCCC #CCCCCC #FAFAFA;



background-color: #FAFAFA;



background-image: none;



}



#site-menu li.hover .menu-title,



#site-menu li.focus .menu-title {



border-color: #CCCCCC #CCCCCC #FAFAFA;



background-color: #FAFAFA;



background-image: none;



}



#site-menu-dropdown li .menu {



background-color: #FAFAFA;



border: 1px solid #CCCCCC;



border-bottom: 2px solid #999999;



-moz-border-bottom-colors: #999999 #CCCCCC;



}



#site-menu-dropdown li {



background-position: 1px center;



}



#search-input {



background-color: #FAFAFA;



border-width: 1px;



border-color: #AAAAAA;



}



#search-input:active,



#search-input:focus,



#search-input:hover { 



background-color: #FFFFFF; 



}



#site-search button {



border-style: none;



background-color: transparent;



margin-top: 0;



margin-bottom: 0;



cursor: pointer;



display:inline;



}



#globalnav #site-menu-dropdown .menu-title a {



_padding-bottom: 7px;/* Fonts aren't bold in IE */



}



#site-menu-dropdown .menu a {



line-height: 14px;



}



#site-menu .d-dropdown { 



_behavior: url(/css/htc/gnavmenu.htc) url(/css/htc/hover.htc); /*IE sub7*/ 



}



#globalnav-cart .cart-icon,



#globalnav-cart a {



/*\*/



display: block;



overflow: hidden;



/**/



}



/*\*//*/



#globalnav-cart .cart-icon,



#globalnav-cart a {



display: inline-block;



}



/**/



/*need this extra .cart-icon span to stop a blinking image on hover in PC IE*/



#globalnav-cart .cart,



#globalnav-cart a {



background-image: url(/lib/com.adobe/template/gnav/cart.gif);



background-repeat: no-repeat;



background-position: center 2px;



}



#globalnav-cart a {



min-height: 1em;



text-indent: -2999px;



padding-left: 0;



padding-right: 0;



}



#globalnav-cart .cart {	width: 36px; }



::root #globalnav-cart .cart,



::root #globalnav-cart a { background-position: center 0; }



::root #globalnav-cart .cart {	width: 42px; }



#user-menu .menu {



float: right;



}



#user-menu .menu li {



float:  left;



text-align: left;



}



#site-menu .d-dropdown .menu-title,



#site-search button {	text-transform: uppercase; }



#site-menu .menu-title a {



display: inline;



display: inline-block;



display: -moz-inline-box;



_display: inline;



zoom: 1;



}



#site-menu [className~=menu-title] > a {



display: inline; 



}



#site-menu .menu .menu li,



#site-menu .menu .menu dt,



#site-menu .menu .menu dd,



#site-menu .menu .menu li a,



#site-menu .menu .menu dd a,



#site-menu .menu .menu dt a {



_display: block;



_zoom: 1;



}



#site-menu .pipe .menu li {



background-image: none;



}



#site-menu .pipe>li+li,



#site-menu .pipe-adjacent {



background-image: url("/images/globalnav/bar_pipe.gif");



background-repeat: no-repeat;



}



#site-search button {



font-size: 100%;



font-family: Arial, Helvetica, sans-serif;



}



#search-input {



line-height:1.35;



font-family: Arial, Helvetica, sans-serif;



font-size: 12px;



position: relative;



}



body {



padding: 0;



margin: 0;



}



#pageLayout {



padding: 0;



margin: 0 auto;



width: 900px;



min-height: 500px;



text-align: left;



background: url(../images/frame.jpg);



background-repeat: repeat-y;



}



/*\*//*/



#pageLayout {



margin-top: 10px;	



}



/* */



div[id="pageLayout"] {



clear: both;



min-height: 1em;



height: auto;



}



#fma-swf,



#fma-swf * {



text-align: center;



}