/* RESET
¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X */
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

HTML, BODY, DIV, BLOCKQUOTE, IMG, LABEL, P, H1, H2, H3, H4, H5, H6, PRE, UL,
OL, LI, DL, DT, DD, FORM, A, FIELDSET, INPUT
{  
    margin: 0; padding: 0; border: 0; outline: none;  
}

HTML, BODY { height: 100%; }
#container { min-height: 100%; margin-bottom: -42px; }
BODY { font-size: 12px; color: #666; background-color: White; }
UL, OL { list-style: none; }  
IMG { border-style: none; }
  
/* LINK
¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X */  
A { text-decoration: none; }
A:link, A:visited {	color: #88DD00; }
A:hover { color: #FF9933; text-decoration: underline; }
A:active { color: #00CCFF; }

/* DIV
¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X */  


/* HEADER
¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X */
H1
{
    font-weight: bold;
	font-size: 1.8em;
}

H2 {
	background-color: #88DD00;
	color: #FFFFFF;
	font-size: 1.6em;
	padding: 3px 8px;
	font-weight: normal;
}

H3 {
	color: #009999;
	font-size: 1.4em;	
	margin: 10px 3px;
}

H4 {
	color: #336699;
	font-size: 1.3em;
}
H4.titleSquares {
    background: #EFF8F8 url("img/bulletSquares.gif") 0 50% no-repeat;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    line-height: 24px;
    padding-left: 30px;
    margin: 1em 0;
}

H5 
{
    font-weight: bold;
    font-size: 1.3em;
    margin: 0.4em 0;
}

/* PARAGRAPH
¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X */
P {
	text-indent: 2em;
	line-height: 1.5em;
	font-size: 1.1em;
	margin: 0.5em 0;
}

P.lessindent { text-indent: 0.15em; }
P.noindent { text-indent: 0; }

/* HORIZONTAL RULE
¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X */
HR {
	background-color: #ADD8E6;
	border: none;
	color: #ADD8E6;
	height: 1px;
	width: 80%;
}

DIV.hr 
{
    height: 15px;
    background: url(../../img/hrFading.jpg) no-repeat scroll center;
}

IMG.imgLeft { float: left; clear: left; margin: 4px 10px 4px 0; }
IMG.imgRight { float: right; margin: 4px 0 4px 10px; }
IMG.imgTitle { display: block; margin: 10px 0; }
IMG.imgSplash { display: block; margin: 10px 0; }

UL.rightArrow LI {
	font-size: 1.2em;
	background: transparent url('img/bulletRightArrow.gif') 0 0.4em no-repeat;
	margin: 5px;
	padding-left: 15px;
}

UL.blueArrow LI {
	font-size: 1.2em;
	background: transparent url('img/bulletArrow.gif') 0 0.4em no-repeat;
	margin: 5px;
	padding-left: 15px;
}

UL.blueDot LI {
	font-size: 1.2em;
	background: transparent url('img/bulletCircle.gif') 0 50% no-repeat;
	margin: 5px;
	padding-left: 22px;
}

TABLE.quotation {
    width: 100%;
    text-align: center;
    border: 1px solid #b9d8fb;
    background-color: #eff6fe;
    font: 14px Verdana;
/* 
  border-spacing: 0px;
  border-collapse: collapse;
*/
}
TABLE.quotation TH {
    background-color: #ACD1FB;
    border-color: #97c2f2;
    color: #EFF6FE;
}
TABLE.quotation TD { padding: 3px; }
TABLE.quotation .definition {
	background-color: #DEEFFE;
	color: #75B3F7;
	font-size: 16px;
	font-weight: bold;
}
TABLE.quotation .price {
	background-color: #D7E9FD;
	color: #3A7474;
}

TABLE.specs { background-color: #CCC; }
TABLE.specs TH {
    background-color: #861fa2;
	color: #CCC;
	text-align: center;
}
TABLE.specs .definition {
	background-color: #F7F7F7;
	color: #838383;
	font-size: 1.1em;
	padding: 3px 5px;
}
TABLE.specs .description {
	background-color: #CEDFDE;
	color: #006D6B;
	padding: 3px 5px;
}

/* AJAX CONTROL TOOLKIT
¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X¡X */
/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background: #d8d8d8 url(img/ajaxTabBlue.png) repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(img/ajaxTabBlue.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(img/ajaxTabBlue.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
}

cite {
	font-style: italic;
	font-weight: bold;
}

div#theme {
	height: 24px;
	margin: 0;
	padding: 0;
	width: 213px;
}


.breadcrumbs {
	background-color: transparent;
	color: #00CCFF;
	font-size: 11px;
}

.breadcrumbssel {
	background-color: transparent;
	color: #00CCFF;
	font-size: 12px;
	font-weight: bold;
}

.h3 {
	font-size: 16px;
	font-weight: bold;
	text-indent: 3pt;
}

.nav {
	font-size: 12px;
	text-transform: uppercase;
}

.navactive {
	color: #00CCFF;
	font-size: 12px;
	text-transform: uppercase;
}

table.mnuBranch {
	border: none;
	table-layout: fixed;
}

table.mnuBranch *, table.mnuLeaves * {
	color: #88DD00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	padding: 2px 3px;
}

/* #Menu1.width.129-.mnuBranch.padding.3*2-.mnuBranch.cellspacing.3*2 = 
 * 117px = actualTextWidth;
 * 117+3+3 = 129-6 = 123px = textRightEdge;
 * 123-arrow_r.gif.width.7 = 116px; 116-aLittleMargin.5 = 111; */
table.mnuBranch .mnuNode, table.mnuBranch .mnuNodeOver {
	background: url('../scripts/arrow_r.gif') no-repeat 111px 50%;
	padding-right: 13px;
	cursor: hand;
}

table.mnuBranch .mnuDefault {
	padding: 3px 4px;
}

table.mnuBranch .mnuMouseOver {
	color: #1483B9;
	background-color: #F3FCFF;
	border-top: #BBBBBB 1px solid;
	border-bottom: #DDDDDD 1px solid;
	border-left: #F7FDFF 1px solid;
	border-right: #F7FDFF 1px solid;
	text-decoration: none;
}

table.mnuLeaves {
	background-color: #FFFFFF;
	border: #CCCCCC 1px solid;
	margin-left: -6px;
	-moz-opacity:0.75;
}

table.mnuLeaves .mnuDefault  {
	border: none;
	white-space: nowrap;
}

table.mnuLeaves .mnuMouseOver {
	color: #FFFFFF;
	background-color: #88DD00;
	border: none;
	text-decoration: none;
	white-space: nowrap;
}