/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background:url(../images/body/blue-body-bg.jpg) top left repeat-x;
  margin:0; padding:0;
}

h1 {
  font-size: 2.4em !important;
  font-weight: normal;
}

h2 {
  font-size: 2.0em ;
  font-weight: normal;
}

h3
{
    color:black;
font-family:Georgia,Garamond,Times,"Times New Roman",serif;
font-size:38px;
font-weight:normal;
line-height:1.2;
text-decoration:none;}

p, li {
  font-size: 1.4em 
}

h1, h2, p {
  margin: 1em 0;
}


img {border:none;}

#wrapper {
  background-color: #fff;
}

#branding {
  height:132px;
  background-color:white;
  padding:0;
}

#branding h1 {
  margin: 0; padding:0;
}

#mainNav {
  list-style: none;
  background-color:#eee; 
}

#secondaryContent {
  background-color:white;
}

#secondaryContent h2 {
  font-size: 1.6em !important;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em !important;
}

#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 942px;
}

#wrapper {
  width: 942px; 
  margin: 0 auto;
  text-align: left; background:url(../images/body/blue-body-bg.jpg) top left repeat-x;
}

#mainNav { 
  width: 23%;
  float: left;
}


#content { 
  width: 942px; 
  float: right;
}

#mainContent { 
  width: 69%; 
  margin: 0; 
  float: right; 
} /*621px maximum size of area*/

#secondaryContent { 
  width: 31%;
  min-width: 10em;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: left; 
} /*297px*/



/* add some padding to the contents in the main nav and secondary content areas */

#mainNav, #secondaryContent {
  padding-top: 0px;
  padding-bottom: 10px;
}

/*#mainNav *, #secondaryContent * { 
 padding-left: 10px;
 padding-right: 10px;
}*/

#mainNav * *, #secondaryContent * * { 
 padding-left: 0;
 padding-right: 0;
}

#RedBar
    {background:url(../images/header/RedMenuBar.jpg); 
    width:900px; 
    height:38px;
    z-index:1; position:relative;}
    

 

 #RedBar a.systems span
    {display:block;
    width:137px;
    height:38px;
    background-image:url(../images/header/systems.jpg);
    background-repeat: no-repeat;
    position:absolute;
    padding:0;
    left:0px;
    cursor:pointer;
    z-index:100;}

 #RedBar a.components span
    {display:block;
    width:191px;
    height:38px;
    background-image:url(../images/header/components.jpg);
    background-repeat: no-repeat;
    position:absolute;
    padding:0;
    left:144px;
    cursor:pointer;
    z-index:100;}
    
 #RedBar a.miniSites span
    {display:block;
    width:169px;
    height:38px;
    background-image:url(../images/header/miniSites.jpg);
    background-repeat: no-repeat;
    position:absolute;
    padding:0;
    top:0px;
    cursor:pointer;
    left:335px;
    z-index:100;}
    
 #RedBar a.support span
    {display:block;
    width:126px;
    height:38px;
    background-image:url(../images/header/support.jpg);
    background-repeat: no-repeat;
    position:absolute;
    padding:0;
    top:0px;
    cursor:pointer;
    left:511px;
    z-index:100;}   
    
  #RedBar a.company span
    {display:block;
    width:150px;
    height:38px;
    background-image:url(../images/header/company.jpg);
    background-repeat: no-repeat;
    position:absolute;
    padding:0;
    top:0px;
    left:642px;
    cursor:pointer;
    z-index:100;}   
    
#RedBar a.account span
    {z-index:999;
    position:absolute;
    left:812px;
    top:2px;
    color:White;
    font-size:10pt !important;
    font-family:Arial;
    }   
#RedBar a.account:link {text-decoration:none;cursor:pointer;}
#RedBar a.account:link:active {text-decoration:none; cursor:pointer;}
#RedBar a.account:link:visited {text-decoration:none;cursor:pointer;}
#RedBar a.account:link:hover {text-decoration:underline; color:White;}
 
.modal_bg
{background-color:#666;
 filter:alpha(opacity=40);
 opacity:0.4;  }
 
.logInPopUp
{border:3px solid #990100; background-color:White; }
.loginBox
{font-size:9pt !important; margin:10px;}
#Login{
position:absolute; 
     width:204px; 
     height:37px; 
     background:url(../images/header/login_register_empty.gif) no-repeat; 
     top:-37px; 
     left:696px; 
     z-index:1;}


#searchBox
{   border: 3px #990100 solid; 
    width:150px; 
    float:left; 
    margin-top:2px; 
    height:43px;}
#searchBox h3 
{
    background-color:#ccc; 
    color:White; 
    text-align:center; 
    border-bottom:1px solid gray; 
    font-size:9pt !important; }
.searchInput
{
    width:115px; 
    height:15px; 
    margin:2px;}
.watermarked
{
    width:115px; 
    height:15px; 
    margin:2px;
    color:#ccc}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#glossymenu{
list-style-type: none;
margin:0;
position:absolute;
padding: 0;
width: 140px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
background:Transparent;
color:#303030; z-index:1000;

}

#glossymenu li a{
background: transparent url(../images/icons/glossyback.gif) repeat-x bottom left;
filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #303030;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;z-index:1000;

}


* html #glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 130px;
}

#glossymenu li a:visited, .glossymenu li a:active{
color: #303030;
}

#glossymenu li a:hover{
background-image: url(../images/icons/glossyback2.gif);
}

#glossymenu2{
list-style-type: none;
margin:0;
position:absolute;
left:150px;
padding: 0;
width: 200px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
background:Transparent;
color:#303030; 
z-index:1000;

}

#glossymenu2 li a{
background: transparent url(../images/icons/glossyback.gif) repeat-x bottom left;
filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #303030;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
z-index:1000;

}


* html #glossymenu2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 190px;
}

#glossymenu2 li a:visited, .glossymenu li a:active{
color: #303030;
}

#glossymenu2 li a:hover{
background-image: url(../images/icons/glossyback2.gif); 
z-index:1000;
}

.spotlight 
{   border: 3px #990000 solid; 
    width:250px;
    margin:auto auto; 
    margin-bottom:1em;}
    
    .spotlight *
    {margin:auto auto;}
    
.spotlight h2 
{
    background:url(../images/body/gray_bg.gif);
    color:#666; 
    text-align:center; 
    margin-top:0;
    border-bottom:1px solid gray; 
    font-size:12pt !important; }
    
.spotlight p {padding:4px;}

/*grid used to display products*/

.grid th, .grid td
{padding:8px; border-bottom:solid 1px black;}

/*filter options*/
.NavColumnLeft
{
    width: 240px;
    margin:auto auto;
    background-color:#ffffff;
    margin-bottom:1em;   
}

.textboxheader
{
    font-weight: bold;
    font-size: 8pt !important;
    color: #369;
    font-family: verdana;
    background-color: #f4f3ea;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    width:185px;
    margin:auto auto;
}
.textbox 
{
    text-align:left;
	border: solid 1px #ece9d8;
	background-color: #f5f5f5;
	padding: 3px;
	margin-bottom: 2px;
    width:183px;}
   
    
/*for rounded corners - horizontal is for a longer box*/
 .xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em !important; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}

.xsnazzy h2, .zsnazzy h2 
{   margin:0;
    font-size:1.0em !important;
    background-color:#ccc;
    padding:0 10px 5px 10px; }
     
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:12pt !important; 
}
#xsnazzy 
{z-index:1;
width:250px; 
margin:auto auto; 
margin-bottom:1em;
padding:10px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px !important;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto; position:relative;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#cdd8e2;
color:#666;
}
.color_b {
background:#fff; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}   

/*search page top*/

.orange_fade
{ 
    background:url(../Images/Icons/bottom_fade_orange.gif) repeat-x; height:25px; margin-top:2px; margin-left:2px; 
    }
    
    
/*top cart area*/
#cart{
position:absolute; 
     width:104px; 
     height:51px; 
     background:url(../images/header/RedCart.gif) no-repeat; 
     top:21px; 
     color:White;
     cursor:pointer;
     left:796px; 
     z-index:999;}
#cart a:active, #cart a:visited {text-decoration:none;}

/*Image menu on workstations main page*/
 .workstationsImageMenu
    {
        margin-left:35px;
        width: 505px;
        margin-top:3px;
        margin-bottom:1em;
    }
/*workstation XML menu*/
.treeview
{
    padding-right: 0px;
    padding-left: 0px;
    font-size:6pt !important;
    padding-bottom: 5px;
    margin: 0px;
    padding-top: 0px;
    font-family: Monospace, Verdana, Arial;
}
/*home boxes - featured items*/
.home_featured_account
{
    background: url(../images/body/register_bg.jpg) 0% 24px;
    height: 175px;
    width: 265px; 
    font-size: 8pt !important;  
    font-family:Sans-Serif;
    margin:auto auto;
    margin-bottom:1em;
}
.home_featured_account p {padding-left:104px;}
.home_featured_account h1 {background: url(../images/body/register_top.gif) top no-repeat; height:24px; margin:0; padding:0;}

.home_featured_items
{
    background: url(../images/body/featured_bg.jpg) 0% 24px;
    height: 176px;
    width: 265px; 
    font-size: 8pt !important;  
    font-family:Sans-Serif;
    margin:auto auto;
    margin-bottom:1em;
}
.home_featured_items p {padding-left:2px;}
.home_featured_items h1 {background: url(../images/body/featured_top.gif) top no-repeat; height:24px; margin:0; padding:0;}

.blackHeadline
{display:inline; 
    border:2px solid black;
    padding:3px; 
    background:url(../images/body/black_bg_gel.jpg) repeat-x; 
    color:White;}
.blackHeadline span {font-size:8pt !important}

/*black workstation theme*/
#blacktheme
{width:546px; margin-bottom:1em; margin-left:2px;}
#blacktheme img {border:none;}
#blacktheme .columnleft
{width:400px; float:left;}
#blacktheme .leftitem {padding:5px 0; border-bottom: solid 2px black; vertical-align:top;}
#blacktheme .columnright
{width: 140px; float:right; height:514px; margin-right:0px; border-left: solid 1px black; }
#blacktheme .rightitem {margin:2px; border-top: solid 12px black; }
#blacktheme p img {float:left; vertical-align:top; border:none;}
#blacktheme p {margin: 0 7px;}


/*configuration price box*/
#systemTotalBox
{position:absolute; 
 border:3px #990000 solid; 
 top:0;
 left:0;
 width:200px;
 height:100px; 
 text-align:center;
 z-index:2; 
 padding:6px;
 background-color:white;}

#systemTotalBox h2
{display:inline;
    padding:4px;
    background:url(../images/body/black_bg_gel.jpg) repeat-x; 
    color:White; 
    border:2px black solid;}
#systemTotalBox h2 span {font-size:10pt !important; color:Purple; background-color:White;}


  /*login request*/
  .signUpBox {width:250px; margin:auto auto; }
  
  .signUpPopUp
 { 
    width:300px;
    height:150px; border:1px solid black;
    position:absolute;
    background:transparent; background-color:#ffeeee;
    left:10px;
    top:5px;
    -moz-border-radius:6px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;
 }
 .signUpPopUpLeftForm
 {float:left;
    width:117px;
    text-align:right;
    margin-right:10px;
    line-height:207%}
 .signUpPopUpRightForm
 { float:left;
    width:161px;
    line-height:150%  }

/*Information about CGS Technology on login page*/ 
.signUpInfo ul {width:500px; margin-top:5px; background-color:#ffeeee; padding:3px; border:1px dashed red;}
.signUpInfo li {list-style-type:disc; list-style-position:inside;}
.signUpInfo ul li span {color:#0048df; font-weight:600;}

/*contact page */
#contact 
{   border: 3px #990000 solid; 
    margin:auto auto;
    width:80%; 
    margin-bottom:1em;
    }
    
    
#contact a:link {text-decoration:none;}
#contact a:visited {text-decoration:none;}
#contact a:active {text-decoration:none;}
#contact h2
{
    display: block;
    background: url(../images/body/stripes_bg.gif);
    color: #990000;
    width: 100%;
    margin-top: 0;
    text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 0;
    font-size: 12pt !important;
    font-weight:600;
}    
#contact h3  
{color:black; display:block;
 width:100%; 
 text-align:left;
 border-bottom:1px solid gray;
 background-color:#CADCEE;
 font-size:10pt !important;}   
#contact h2 span 
{margin-left:10px; 
    display:inline; 
    color: Black; 
    background-color:White;}
#contact h2 span a:active {text-decoration:none;}
#contact p {padding:0 4px 2px 4px;}
#contact img {margin-left:2px;}

/*innerBox can be used INSIDE contact Box, based on % to allow for more flexibility*/
.innerBox
{   border: 3px #990000 solid; 
    margin-bottom:1em;
    width:47%; 
    float:left;
    margin-left:.75%;
    margin-top:10px;}
    
.innerBox h2 
{   margin-bottom:0px;
    background:url(../images/body/gray_bg.gif);
    color:#666; 
    width:100%;
    text-align:center; 
    border-bottom:1px solid gray; 
    font-size:12pt !important; }
    
.innerBox h3
    {color:black; display:block;
        width:100%; 
        text-align:left;
        border-bottom:1px solid gray;
        background-color:#CADCEE;
        font-size:10pt !important;}
        
.innerBox h3 span {display:inline; background-color:White;}
      
.innerBox p {padding:0 4px 2px 4px;}

#two {margin:10px;}
        
/*Box presenting mini site options*/
#miniSitesBox
{   left:335px;  
    top:38px;
    height:auto; 
    position:absolute;   
    width:230px; 
    z-index:1000;
    border:1px solid gray; 
    background-color:white; 
    padding-bottom:1em;
    -moz-border-radius:6px; 
    display:none;
}
#miniSitesBox h1 { background: url(../images/icons/glossyback.gif) repeat-x bottom left; padding-top:4px; font-size:14px !important; height:25px; color:white; font-family:arial; text-align:center;}
    
table ul
{margin-left:5px;}

table li
{
    list-style-position: inside;
    list-style-type: disc;
}
/* SHOPPING CART */
.cart
{
    width:100%;
    font-size:10px !important;
    border:solid 1px black;
}

.cartAlternating
{
    border:1px solid silver;
}

.cartFooter
{
    text-align:center;
    white-space:nowrap;
}
.cart th
{
    text-align:left;
    padding:5px;
}

.cart caption
{
    font-weight:bold;
}

.cartBig
{
    width:100%;
}

.cartBig td
{
    padding:5px;
}

.cartBig th
{
    text-align:left;
    padding:5px;
}

.cartTotalFooter
{
    border-top:solid 2px black;
}


.vProHeadline
{border-bottom: 1px solid gray;
      font-size:13pt !important; }
.exceptions {font-size:7pt !important;}   
#vProContent
{width:500px; float:left; margin-left:5px;}
#vProContent p {padding-top:10px; padding-bottom:5px; color:#666666; }

.vProHead  {font-size: 14pt !important; margin-top:6px; margin-left:7px; margin-bottom:4px; }

#vProSidebar
{width: 250px; 
    float:right; 
    margin:5px;}

  /*login request*/
  .signUpPopUp
 {  border: 3px #990000 solid; 
    position:absolute;
    background:transparent; 
    background-color:#ccc;
    left:86px;
    top:250px;
    padding:10px;
    -moz-border-radius:6px; 
    filter:alpha(opacity=95); 
    -moz-opacity:.95; 
    opacity:.95;}
 .signUpPopUp h1 {margin:0; padding:0; text-align:center; }
   
 .signUpPopUpLeftForm
    {float:left;
    width:125px;
    text-align:right;
    line-height:215% !important}
    
 .signUpPopUpRightForm
 { float:left;
    text-align:left;
    width:150px;
    line-height:120%  }
    .signUpPopUpRightForm span {display:inline; line-height:90% !important; }
    .rightText {width:120px; }
    
   .subheading
{
   border-bottom: black thin solid;
   background-color: #f5f5f5;
   font-size: 15px !important;
   color: #369;
   font-family: Arial, Verdana;
   text-align:left;
   width:90%;
}
    
#systemMenu a, #systemMenu a:visited {
  text-decoration:none;
  text-align:left;
  background-color:#aaa; 
  color:black;
  display:block; 
  width:16em; 
  padding:0.2em;
  margin:0.5em auto;
  border-left:5px solid #fff;
  }
#systemMenu a:hover {
  color:White;
  }
 
#systemMenu a.child span {text-align:left; margin-left:5px;}
.current {border-left:5px solid black;}


.systemConfiguration
{   border: 2px #999999 solid; 
    width:600px;
    background:url(../images/body/stripes_bg.gif);
    margin:auto auto; 
    font-size:12pt !important;
    font-weight:500;
    font-family:Arial;
    margin-bottom:.5em;}

.systemConfiguration h2 
{
    background:url(../images/icons/glossyback.gif) bottom left;
    color:black; 
    text-align:left; 
    text-indent:4px;
    margin-top:0;
    margin-bottom:0;
    border-bottom:1px solid #999999; 
    font-size:12pt !important;
    font-weight:600; }
     
.systemConfiguration span {margin:0; padding:5px;}
.systemConfiguration p {padding:4px;}