html, body {
    margin:                     0px;
    padding:                    0px;
    
    font:                       10pt Arial, Verdana, Helvetica, sans-serif;
    color:                      #000000;
    background-color:           #000000;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd { 
    margin-top:                 0px;
}

h1, h2, h3, h4, h5, h6 { 
    margin-bottom:              3px;
}

a {
    outline:                    none;
    text-decoration:            none;
}

a:hover {
    text-decoration:            underline;
}

/*  ---------------------------------------------------------------------
main sections
--------------------------------------------------------------------- */

#container {                /* good */
    position:           	relative;
    margin:			0px auto;
    padding:                    0px;
    width:         		780px !important;
    height:			auto;
    
    background-color:           #000000;
}

#pageHeader {               /* good */
    position: 			relative;
    margin:			0px;
    padding-top:		5px;
    width:         		auto;
    height:			45px;
    
    background-image:           url( ../../images/bkgnd_header.gif );
    background-position:        bottom left;
    background-repeat:          no-repeat;
}

#pageWrapper {              /* good */
    margin:			0px;
    padding:			0px;
    width:         		auto;
    height:			auto;
    
    background-image:           url( ../../images/bkgnd_slice.gif );
    background-position:        top left;
    background-repeat:          repeat-y;
}

#pageLeft {                 /* good */
    float:			left;
    margin:			0px;
    padding:			0px 10px;
    width:         		88px;
        min-height:     	500px; /*485px;*/
        height:            	auto !important;
        height:            	500px; /*485px;*/
}

#pageRight {                /* good */
    position: 			relative;
    margin-left:		120px;
    padding:			0px 10px;
    width:         		auto;
    height:			auto;
}

#pageRight_body {           /* good */
    position: 			relative;
    margin:			0px;
    padding:			10px 20px;
    width:         		auto;
        min-height:    		457px; /*442px;*/
        height:                 auto !important;
        height:                 457px; /*442px;*/
}

#pageRight_header {         /* good */
    margin:			0px;
    padding-bottom:		20px;
    width:         		auto;
    height:			auto;
}

#pageRight_logo {           /* product bubble on right side of pages */
    float:			right;              /* position: absolute; */
    width:			186px;              /* margin-left: 452px; */
    height:			152px;
    margin-right:		-18px;
    margin-top:			-10px;
    margin-left:                10px;
    margin-bottom:              10px;
    background-image:           url( ../../images/body_content_logo_it.jpg );
}

#pageFooter {               /* good */
    position: 			relative;
    margin:			0px;
    padding:			0px;
    width:         		auto;
    height:			45px;
    clear: 			both;
    
    background-image:           url( ../../images/bkgnd_footer.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
}

/*  ---------------------------------------------------------------------
login div
--------------------------------------------------------------------- */

#login { /* operator services login */
    width:                      300px;
    position:                   absolute;
}

#login a {
    text-decoration:            none; 
    color:                      #FFFFFF;           
    line-height:                28px; 
    display:                    block;
    background:                 url(../../images/bullet_yellow.gif); 
    background-position:        left center;
    background-repeat:          no-repeat;           
    padding-left:               25px; 
    font-size:                  11px;
}

#login a:hover {                     
    text-decoration:           underline;            
    color:                     #FFCC00;      
}

/*  ---------------------------------------------------------------------
top left IT banner
--------------------------------------------------------------------- */

#it_logo {                  /* full it logo in upper left corner */
    position:                   absolute;
    width:                      80px;
    margin:                     0px 0px 0px 695px;
    padding:                    0px;
}

#pageLeft_banner {
    background-image:           url( ../../images/banner_it.jpg );
    background-position:        top left;
    background-repeat:          no-repeat;
    width:                      88px;
        min-height:             500px; /*485px;*/
        height:                 auto !important;
        height:                 500px; /*485px;*/
}

#pageLeft_banner a {
    display:                    block;
    width:                      100% auto;
        min-height:             500px; /*485px;*/
        height:                 auto !important;
        height:                 500px; /*485px;*/
}

/*  ---------------------------------------------------------------------
top main navigation bar
--------------------------------------------------------------------- */

#pageRight_navbar {         /* navigation bar for top of page */
    margin:			0px;
    padding:                    0px;
    width:         		auto;
    height:			20px;
    line-height:                20px;
    z-index:                    2;
    
    background-color:           #000000;
    border-left:                2px solid #cccccc; 
    border-right:               2px solid #cccccc;
    border-top:                 2px solid #cccccc;
    border-bottom:              1px solid #cccccc;
}

* html #pageRight_navbar { /* used for IE6 (hack) */
    margin-left: -3px;
} 

* html #pageRight_logo {           
    margin-right:		-9px;
}

#pageRight_navbar ul {      /* main menu ul tags */
    margin:                     0px;
    padding:                    0px;
    list-style-type:            none;
    text-align:                 center;
}

#pageRight_navbar li {      /* main menu li tags */
    display:                    block;
    float:                      left;
}

#pageRight_navbar li ul {   /* dropdown menus */
    position:                   absolute;
    width:                      99px;
    padding:                    0px;
    list-style-type:            none;
    text-align:                 left;
    display:                    none;
    z-index:                    4;
}

#pageRight_navbar a {       /* menu links */
    display:                    block;
    width:                      99px;
    font-weight:                bold;
    font-size:                  10px;
    color:                      #FFFFFF;
    background-color:           #000000;
    padding:                    0px 3px 0px 3px;    /* top right bottom left */
    border-left:                1px solid #cccccc;  /* lines between items */
    border-bottom:              1px solid #cccccc;  /* lines below items */
    text-decoration:            none;
    z-index:                    5;
}

#pageRight_navbar li a:hover,
#pageRight_navbar li:hover a {          /* menu rollover effects */
    background-color:           #ffcc00;
    color:                      #000000;
}

#pageRight_navbar li ul a:hover,
#pageRight_navbar li:hover ul a:hover { /* dropdown menu rollover effects */
    background-color:           #000000;        
    color:                      #ffcc00;
    text-decoration:            underline;        
} 

#pageRight_navbar li:hover ul li a {
    background-color:           #000000;
    color:                      #ffffff;
}

#pageRight_navbar li:hover ul,
#nav li.sfhover ul {                /* show dropdown menus on rollover of main menu item */
    display:                    block;
    z-index:                    3;      /* makes sure that the drop downs display over the body content */
}    

/*  ---------------------------------------------------------------------
content pages / layouts
--------------------------------------------------------------------- */

#documentTitle {            /* page titles - all pages */
    font-size:                  140%;
    font-weight:                bold;
}

#flash {
    position: relative;
    margin-top:                 -10px; 
    margin-left:                -19px;
    width:                      637px; 
    height:                     265px;
}

* html #flash {  /*move flash up and to the left in IE6 */         
    margin-right:               -20px; 
    margin-left:                -22px;
}

#salesDiv {                 /* overall box for bottom of product page */
    position:                   relative;  
    margin-top:                 0px;
    padding:                    0px;
    width:                      470px;
        min-height:             420px;
        height:                 auto !important;
        height:                 420px;
}

#text1Div {                 /* nested box for bullet points on product page */
    position:                   absolute;  
    margin:                     0px 0px 0px 0px; 
    width:                      450px;
}

#text2Div {                 /* nested box for bullet points on product page */
    float:                      right;
    width:                      280px;
}

#text2Div_showpiece {       /* nested box for bullet points on product pages with pedestal cabinet */
    /*float:                      right;*/
    /*width:                      305px;*/
    position:                   absolute;  
    margin:                     0px 0px 0px 180px; 
    width:                      305px;                 
}

#text2Div li {
    padding-bottom: 5px;
}

#text3Div {                 /* nested box for purchasing info on product page */
    position:                   absolute;  
    margin:                     350px 0px 0px 225px; 
    width:                      250px;
}

#boxesDiv {                 /* box navigation on right side of all product pages */
    position:                   absolute; 
    z-index:                    3;
    margin:                     150px 0px 0px 485px;
    width:                      120px;
    text-align:                 right;
        min-height:             510px;
        height:                 auto !important;
        height:                 510px; 
}

#boxesDiv a  {              /* box navigation rollovers */
    background-position:        top left;
    background-repeat:          no-repeat; 
    display:                    block;
    height:                     130px;
    width:                      117px;
}

#boxesDiv a:hover  {        /* box navigation rollovers */
    display:                    block;
}

#boxNav td {                /* helps to stop flicker of css rollovers */
    padding:                    0px;
    height:                     130px;
    width:                      117px;
}

/*  ---------------------------------------------------------------------
extras
--------------------------------------------------------------------- */

#copyright {
    text-align:                 center;
    padding:                    25px 0px;
    color:                      #ffffff;
    font-size:                  70%;
}

#copyright a {
    color:                      #ffcc00;
}

#copyright a:hover {
    color:                      #ffffff;
    text-decoration:            underline;
}

.bold {
    font-weight:                bold;
}

#hmpgMsg {
    border-collapse:            collapse; 
    border-style:               solid; 
    border-color:               #000000;
}

#hmpgMsg_header {
    font-weight:                bold; 
    font-size:                  medium; 
    text-align:                 center; 
    color:                      #ffcc00;
    background-color:           #000000;
}

/*  ---------------------------------------------------------------------
Used to highlight menu section depending on the page you're on
i.e. <body id="home">, <body id="products">, etc.
--------------------------------------------------------------------- */

#home li a.home,
#aboutIT li a.aboutIT,
#news li a.news,
#products li a.products,
#support li a.support,
#contactIT li a.contactIT { /* main menu highlight effect */
    background-color:       #f0c000;
    color:                  #000000;
}

/*  ---------------------------------------------------------------------
Used to bubble logo in top tight corner on each page
--------------------------------------------------------------------- */

#pageRight .gtlive2010_bubble {
    background-image:           url( ../../images/body_content_logo_gtlive2010.jpg );
}

#pageRight .gtlive2009_bubble {
    background-image:           url( ../../images/body_content_logo_gtlive2009.jpg );
}

#pageRight .gtlive2008_bubble {
    background-image:           url( ../../images/body_content_logo_gtlive2008.jpg );
}

#pageRight .gtgolf_bubble  {
    background-image:           url( ../../images/body_content_logo_gtgolf.jpg );
}

#pageRight .gtunplug2010_bubble  {
    background-image:           url( ../../images/body_content_logo_gtunplug2010.jpg );
} 

#pageRight .gtunplug2009_bubble  {
    background-image:           url( ../../images/body_content_logo_gtunplug2009.jpg );
}  

#pageRight .gtunplug2008_bubble  {
    background-image:           url( ../../images/body_content_logo_gtunplug2008.jpg );
}    

#pageRight .sslive_bubble  {
    background-image:           url( ../../images/body_content_logo_sslive.jpg );
} 

#pageRight .ssb_bubble  {
    background-image:           url( ../../images/body_content_logo_ssb.jpg );
} 

#pageRight .ssb2_bubble  {
    background-image:           url( ../../images/body_content_logo_ssb2.jpg );
} 

#pageRight .ssb2009_bubble  {
    background-image:           url( ../../images/body_content_logo_ssb2009.jpg );
}

#pageRight .ssbc2009_bubble  {
    background-image:           url( ../../images/body_content_logo_ssbc2009.jpg );
} 

#pageRight .ttp_bubble  {
    background-image:           url( ../../images/body_content_logo_ttp.jpg );
}    

#pageRight .ppg_bubble  {
    background-image:           url( ../../images/body_content_logo_ppg.jpg );
} 

#pageRight .spex_bubble  {
    background-image:           url( ../../images/body_content_logo_spex.jpg );
} 

#pageRight .facts_bubble  {
    background-image:           url( ../../images/body_content_logo_facts.jpg );
} 

#pageRight .gofacts_bubble  {
    background-image:           url( ../../images/body_content_logo_gofacts.jpg );
} 

#pageRight .adwiz_bubble  {
    background-image:           url( ../../images/body_content_logo_adwiz.jpg );
}   

#pageRight .it_bubble  {
    background-image:           url( ../../images/body_content_logo_it.jpg );
}

#pageRight .itsign_bubble  {
    background-image:           url( ../../images/body_content_logo_itsign.jpg );
}

#pageRight .itnet_bubble  {
    background-image:           url( ../../images/body_content_logo_itnet.jpg );
}

#pageRight .awards_bubble  {
    background-image:           url( ../../images/body_content_logo_awards.jpg );
}    

#pageRight .service_bubble  {
    background-image:           url( ../../images/body_content_logo_service.jpg );
} 

#pageRight .manuals_bubble  {
    background-image:           url( ../../images/body_content_logo_manuals.jpg );
} 

#pageRight .product_bubble  {
    background-image:           url( ../../images/body_content_logo_product.jpg );
}

#pageRight .product_bubble  {
    background-image:           url( ../../images/body_content_logo_product.jpg );
}

#pageRight .contest1_bubble  {
    background-image:           url( ../../images/body_content_logo_contest1.jpg );
}

#pageRight .contest2_bubble  {
    background-image:           url( ../../images/body_content_logo_contest2.jpg );
}

#pageRight .contest3_bubble  {
    background-image:           url( ../../images/body_content_logo_contest3.jpg );
}