/* global.css */
@import url(../screen.css);

/* 
@import url(../reset.css);
@import url(../main.css);
@import url(../nav.css);
@import url(../accordion.css);
@import url(../rnd_corners.css);
@import url(../supplementary.css);
@import url(../carousel.css);
@import url(../slider.css);
@import url(../pages.css);
@import url(../contact-layout.css);
@import url(../liquids.css);
*/

/* alternate.css */
html {
background: #000;
}

body {
	font-size: 0.75em;
	padding: 20px; 
	background: #000 0 0 repeat;
	font-family: "Lucida Grande",Helvetica,Arial,sans serif;
	color: #fff; 
}

#mainpage { 
	background: transparent url(../../images/20/bg_elements/alt2/bg_content.gif) no-repeat 100% 140px;
	font-size: 1.4em;
	width: 50em;
	margin: 0 auto;
}

.presentationwrap {
	background: #fff;
	z-index: 10;
	margin: 0 0 0 -19px;
	padding: 0 0 0 19px;
}


/*** Page Top ***/
#page-top { 
	background: #fff url('../../images/20/alt2/bkg-top-bak.gif') repeat-x; 
}
#page-top .left { 
	background: #fff url('../../images/20/alt2/bkg-top-left.gif') no-repeat;   
}
#page-top .right { 
	background: #fff url('../../images/20/alt2/bkg-top-right.gif') no-repeat;  
	right: -1px;
}

/* Navigation - Side tabs */
#page-content { 
	background: transparent url('../../images/20/alt2/bkg-content-left.gif') repeat-y scroll left center;  
}
#page-content-inner { 
	background:  transparent url('../../images/20/alt2/bkg-content-right.gif') repeat-y scroll right center; 
}

/* Page banner */

#page-banner { 
	background: transparent url('../../images/20/alt2/bkg-content-left.gif') repeat-y scroll left center; 
	color: #fff; 
}

#page-banner #page-banner-inner { 
	background: transparent url('../../images/20/alt2/bkg-content-right.gif') repeat-y scroll right center; 
	color: #fff;  
}

#page-banner-inner #page-banner-inner2 { 
	border-bottom: 1px solid #339900; 
	background: #fff url('../../images/20/alt2/head_bg.gif') 50% 0;
}
#page-banner-inner2 h1 { 
	background: transparent url('../../images/20/alt2/logo-stripe.png') no-repeat;
	_background: transparent url('../../images/20/alt2/logo-stripe.gif') no-repeat; 
}

/* Page footer */

#page-footer { 
	background: transparent url('../../images/20/alt2/bkg-btm-bak.gif') repeat-x; 
}
#page-footer .ft-left { 
	background: transparent url('../../images/20/alt2/bkg-btm-left.gif') no-repeat; 
}
#page-footer .ft-right {
	background: transparent url('../../images/20/alt2/bkg-btm-right.gif') no-repeat;  
}
*html #page-footer .ft-right {
	right: -1px;  
}
#mainpage_footer { 
	background: #000; 
	color: #fff;
}

#flashcontentwrap {
width: 104px;
height: 150px;
background: url('../../images/20/alt2/ekstasis-flames.gif') no-repeat 0 0;
position: relative;
	border: 0;
	float: right;
	margin: 5px 15px 6px 14px;
	display: inline;
}
#flashcontenttab, #flashcontenttransp {
display: none;
}




#navigation ul li a {
	background: url(../../images/20/alt2/nav/left_both.gif) no-repeat left top;
	color: #66ff33;
	font-weight: bold;
}
#navigation ul li span {
	background: url(../../images/20/alt2/nav/right_both.gif) no-repeat right top;
}

 ul#processingINavSub.invertedNav li, ul#flashINavSub.invertedNav li, ul#artINavSub.invertedNav li, ul#myflashINavSub.invertedNav li {
		background:url(../../images/20/alt2/nav/nav1.gif) 0 100% no-repeat;
	}
	
ul#processingINavSub.invertedNav a, ul#flashINavSub.invertedNav a, ul#artINavSub.invertedNav a, ul#myflashINavSub.invertedNav a  {
		color: #99ff00;
		background:url(../../images/20/alt2/nav/nav2.gif) 100% 100% no-repeat;
	}
ul#processingINavSub.invertedNav li:hover a, ul#flashINavSub.invertedNav li:hover a, ul#artINavSub.invertedNav li:hover a, ul#myflashINavSub.invertedNav li:hover a {
		background-image:url(../../images/20/alt2/nav/nav1.gif);
	}
ul#processingINavSub.invertedNav .t1 a,
	#formPage #invertedNav .t2 a,
	#tablePage #invertedNav .t3 a,
	#prodDetailPage #invertedNav .t4 a {
		background-image:url(../../images/20/alt2/nav/nav2s.gif);
		color: #99ff00;
	}
	
	
/* ajax tabs */

.tabbed-pane .tabs li {
      background:url("../../images/20/alt2/nav/tabNav-left.gif") no-repeat left top;
      }
.tabbed-pane .tabs a {
      background:url("../../images/20/alt2/nav/tabNav-right_both.gif") no-repeat right top;
      color:#fff;
      }
.tabbed-pane .tabs a:hover {
      color:#99ff00;
      }

.tabbed-pane .tabs a.active {
      color: #99ff00;
      }
	  
.dialog {
color:#fff;
font-weight: bold;
}
.dialog .rndBoxContent,
.dialog .t,
.dialog .b,
.dialog .b div {
 background: #000 url(../../images/20/alt2/box1.gif) no-repeat top right;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
  min-width:5em;
 max-width:9999em;
}

.dialog .rndBoxContent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
 
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h2,
.dialog p {
 margin:0px!important; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h2 {
 padding-bottom:0px;
}


.columns4 {
	color: #000;
}
	  
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../../images/20/alt2/star_small.gif);
}




/* Continued Link */
	
	a.continuedLink {
	color: #339900; /* green */
	/* background: url(../../images/20/alt2/ico-link-green.gif) no-repeat 100% 0; */
	background: none;
}
	a.continuedLink:hover {
	/* background: url(../../images/20/alt2/ico-link-green.gif) no-repeat 100% -14px; */
	background: none;
	color: #913127;
}

#pageOptions p {
	background-image: url(../../images/20/alt2/options_right.gif);
}
#page-top .toplinks a { 
	color: #fff; 
	font-weight: bold;
}
#page-top .toplinks a:hover { 
	color: #339900; 
}
#page-top .toplinks .topLink1 { 
	color: #ccc; 
}
#page-top .toplinks .topLink2 {  
	color: #ccc; 
}
#page-top .toplinks .topLink3 { 
	color: #ccc; 
}


#searchForm {
	width: 310px;
}

#frmLogin label {
	font-size: 10px; 
}


#page-content-inner ul#smenu li a.link1 { 
	background: transparent url('../../images/20/alt2/nav/link1-off.gif') no-repeat; 
}
#page-content-inner ul#smenu li a.link1:hover { 
	background: transparent url('../../images/20/alt2/nav/link1-over.gif') no-repeat; 
	cursor: pointer;
}
#page-content-inner ul#smenu li a.link2 { 
	background: transparent url('../../images/20/alt2/nav/link2-on.gif') no-repeat; 
}
#page-content-inner ul#smenu li a.link2:hover { 
	background: transparent url('../../images/20/alt2/nav/link2-on.gif') no-repeat;  
	cursor: default;
}
#page-content-inner ul#smenu li a.link3 { 
	background: transparent url('../../images/20/alt2/nav/link3-off.gif') no-repeat; 
}
#page-content-inner ul#smenu li a.link3:hover { 
	background: transparent url('../../images/20/alt2/nav/link3-over.gif') no-repeat; 
}


.w3cbutton4 a:link,
.w3cbutton4 a:visited,
.w3cbutton4 a:hover {
  background-color: #99ff00;
  color: #000;
  text-decoration: none;
}