@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;

}

body,

#promo

{

background-color: #FFF;

}

h1 

{

border-bottom: 2px solid;

border-color: #ccc;

}

a {

	color:#E29547;

}

a.on,

a:hover,

a:visited:hover {

	color:#0000FF; /* 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;

}

#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;

/*\*//*/

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;

}

/*\*/

h1 {

font-size: 1.75em !important;

font-weight: bold;

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

border: none;

margin: 0 0 1.25em;

padding: 0;

}

h2 {

font-size: 1.50em !important;

font-weight: bold;

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

border: none;

margin: 0 0 1.25em;

padding: 0;

}

h3 {

font-size: 1.25em !important;

font-weight: bold;

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

border: none;

margin: 0 0 1.25em;

padding: 0;

}

