/******************
HTML Tags Cleaned
******************/

body {
	font-family:Verdana;
	color:black;
	margin:0px 0px;
	font-size:10px;
	height:100%;
	}
	
html
{
}

#Header1  {
	font-family: Verdana;
	font-weight:bold;
	font-size:x-small;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px;
	text-align:left; 
	}

#Header2  {
	font-family: Verdana;
	font-weight:bold;
	font-size:medium;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px; 
	}
	
	
#paragraph  {
	font-family: sans-serif;
	font-weight:normal;
	font-size:x-small;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px; 
	text-align:left;
	}
	
	#Paragraph  {
	font-size:x-small;
	font-family: verdana;
	font-weight:normal;
	color:Black;
	padding:0px;
	margin:0px;
	position: relative;
	top:0px;
	left:0px; 
	text-align:left;
	}
#content p, #content-side-2 p, table {
	margin:0px 0px 0px 0px;
	}

#content-side-2 img {
	border:none;
	}

#breadcrumb-side label {
	display:none
	}

/******************
FORM STYLES
******************/

#content-container form {
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	}

#content-container fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 20px;
	}

/* a nested fieldset */
#content-container fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content-container fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#content-container label {
	display:block;
	padding-top:8px;
	}

#breadcrumb-side form {
	margin:0px;
	padding:0px;
	text-align:right;
	}

#breadcrumb-side form fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}

#breadcrumb-side form legend {
	display:none;
	}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */

a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
}

/* OLD Stuff Delete later
a:link { color:#FF6600;}
a:visited { color:#CC6600;}
a:hover { color:#FF3300; text-decoration:none;}
a:active { color:#669966;}
*/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link {
	color:#FF0000;
	}

#mainnav-container a:visited {
	color:#FF0000;
	}

#mainnav-container a:hover {
	color:#FF6633;
	text-decoration:none;
	}

#mainnav-container a:active {
	color:#669966;
	}

/* All link states are selected with an "a" */
#header a {
	color:#FFFFFF
	}

#breadcrumb-container a {
	color:#FF6600;
	}

/******************
HEADINGS
******************/

h1 {
	font-size:1.6em;
	padding:0;
	margin:0 0 10px 0;
	}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1.4em;
	}
	
h4 {
	font-size:1.1em;
	}
	
h5 {
	font-size:.9em;
	}
	
h6 {
	font-size:.8em;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}

/******************
This section specifies the layout Divs
******************/


#header a {
	text-decoration:none;
	color:#FFFFFF;
	}

#slogan {
	font-size:.68em;
	margin:0px;
	font-weight:normal;
	padding-top:7px;
	}
	
#breadcrumb-container {
	border-bottom:0px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	margin-bottom:1px;
	padding:6px 0;
	background-color: transparent;
	color:Gray
	}

#breadcrumb {
	float:left;
	padding:0 10px;
	}

#breadcrumb-side {
	float:right;
	padding:0 10px;
	}
	
	# nonfooter_container
{
    position: relative;
    min-height: 100%;
    height:100%;
    
}
	
	/*  header consists of 
        #header  (header container)  	position:absolute; top:0px; left:0px width:100%;
        #corner_lef left:0px; position:absolute;
        #header_logo left:150px;  position:relative;
        #navigation_menu   left: 250 px 	position:absolute;
        #corner_right  right:0px  position:absolute;
   */
	


	
#header_main {
	background: url(../images/bg-top.gif) repeat-x;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
    height:70px;
	padding:0px;
	margin:0px;
	}
	
#corner_left {
	position:absolute;
    top:0px;
	left:0px; 
	width:79px;
	height:70px;
    }
 
 #header_logo {
	position:relative;
    top:0px;
	left:150px; 
	width:100px;
	height:70px;
    } 
    
 #navigation_menu {
	position:absolute;
    top:35px;
	left:250px; 
	width:530px;
	height:70px;        
    }  
      
 #corner_right {
	position:absolute;
    top:0px;
	right:0px; 
	width:79px;
	height:70px;
    }    
 #subnavigation 
 {
   position:relative;
   top:70px; 
   left:300px;
 }   	

	/*  Content Container div consists of 
        #content-container left:0px; position:absolute;
        #content-left left:150px;  position:relative;
        #content-center   left: 250 px 	position:absolute;
        #content-right  right:0px  position:absolute;
   */

#content-container {
	background-color:transparent; 
/*	background-color:Orange; */
	position:relative;
	margin-top:105px;
	left:0px;
	padding:0px;
	width:100%;
	}
	
/* This defines the placement of all divs located on the left of the page */

#content-left {
	position:absolute;
	top:0px;
	left:0px;
    width:200px;	
    padding:2px;
	background-color:transparent;
	}
        #DivProductLink {
            position:relative;
	        top:0px;	        
	    }
	    
        #DivProductInfo {
            position:relative;
	        top:10px;	        
	    }
	    
        #Modules {
            position:relative;
	        top:20px;	        
	    }
	    
	    #DivRequirements {
            position:relative;
	        top:30px;	        
	    }	
	    
	    #LeftShopCart2
	    {
	    	position:relative;
	    	top:30px;
	    }    	    

/* This defines the placement of all divs located on the CENTER of the page */
	    
#content-center 
{
    position:relative;
    top:0px;
	background-color:transparent;
	padding:2px;
	left:65px;
	margin-right:0px;
	margin-left:170px;
	margin-bottom:0px;
	margin-top:0px;
	width:760px;


	}

/* This defines the placement of all divs located on the RIGHT of the page */
	
	#content-right {
	position:absolute;
	top:0px;
	left:1030px;
	right:0px;
	width:150px;
	padding:2px;
	background-color:transparent;
	}
	    #DivOtherProducts
	    {
	        position:relative;
	        top:0px;
	    }
	    
	    #DivDownload
	    {
	        position:relative;
	        top:10px;
	    }
	    
	    #DivBuy
	    {
	        position:relative;
	        top:20px;
	    }
	    
	    #DivRequirements
	    {
	        position:relative;
	        
	    }
	    
	    #DivTest
	    {
	        position:absolute;
	        top:1030px;
	    }

# copyright 
{
    background-color:Orange;
    color: #3366ff;
 position:relative;
 bottom:50px;
 left:300px;   
}

# foo1 
{
 position:absolute;
 top:10px;
 left:500px;   
}
# foo2 
{
 position:absolute;
 top:10px;
 left:0px;   
}


# copyright_bottom 
{
  background-color:Orange;
  position:relative;
  top:0px;
  left:150px;  
  bottom: 50px;
  width:100%;  
}

	/*  footer consists of 
        #footer_container  (footer container)  	position:absolute; bottom:0px; left:0px width:100%;
        #footer_left left:0px; position:absolute;
        #footer-center left:80px;  position:relative;
        #navigation_menu   left: 250 px 	position:absolute;
        #footer_right  right:0px  position:absolute;
   */
/*	
#footer_container 
{
     background: url(file://C:/myASP/e-securionASP/App_WebSSI/images/bottombg.gif) repeat-x;
     position:relative;
     bottom:0px;
     left:0px;   
	 font-size:.95em;
	 width:100%;
     margin-top: 0px;
	}	
	*/

#footer_container 
{
     background: url(../images/bottombg.gif) repeat-x;
	 width:100%;
	 position:relative;
     font-size:.95em;
     margin-top: 0px;

	}
	
	#footer_left {
	position:absolute;
    top:0px;
	left:0px; 
	width:79px;
	height:31px;
	}
	
	#footer_logo {
	position:relative;
    top:10px;
	left:150px; 
	width:100px;
	height:31px;
    } 
	
 #footer_right {
	position:absolute;
    top:0px;
	right:0px; 
	width:79px;
	height:70px;
    }    

 #footer-navigation {
	position:absolute;
    top:15px;
	left:300px; 
	width:530px;
	height:31px;
	font-size:.95em        
    }  


#ContentTitleHeader 
{
    position:relative;
    left:0px;
    background-color:White;
    font-family:Verdana;
    font-size:small;
    font-style:normal;
    font-weight:bold;
}

#ContentTableTitle
{
    background-color:Gray;
}

/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0 .6em;
	}

#tablediv {
display:  table;
width:600px;
background-color:Blue;
border:1px solid  #666666;
border-spacing:5px;/*cellspacing:poor IE support for  this*/
border-collapse:separate;
}
#celldiv {
float:left;/*fix for  buggy browsers*/
display:  table-cell;
width:50%;
background-color:#ccc;
}
#rowdiv  {
display:  table-row;
width:auto;
}


/*  Menu Style for the Top Navigation            */
/*
                <StaticMenuStyle CssClass="menu" />
                <StaticMenuItemStyle CssClass="menuItem" />
                <StaticSelectedStyle CssClass="menuSelectedItem" />
                <StaticHoverStyle CssClass="menuItemHover" />

                <DynamicMenuStyle CssClass="menuPopup" />
                <DynamicMenuItemStyle CssClass="menuPopupItem" Font-Strikeout="False" />
                <DynamicHoverStyle CssClass="menuPopupItemHover " />
                <DynamicSelectedStyle CssClass="menuPopupSelectedItem" />

*/
/* begin creating the tabs */


/* Static Menu definition .menu .menuItem .menuSelectedItem .menuItemHover */

.menu A:link {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
.menu A:visited {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
.menu A:active {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}
.menu A:hover {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}

.menu {
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	font-family: Verdana; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none;
	}

/* set tab1 as top level container table, then target TDs inside
url(~/App_WebSSI/images/tab_dim.gif) no-repeat;

background-color: transparent;  backgroud of the static row in Header
MenuItem.Height Vertical position below Menu item where Menu Item Box appears

*/
/* make link and visited the same look,set the background-color also in case images are not on */

/*
.menuItem a:link, .menuItem a:visited { color: #FFFFFF; text-decoration: none; }
.menuItem a:hover { text-decoration: underline; }


.menuItem td { 
	height: 35px; 
	background-color: transparent;
}



.menuSelectedItem td {
	background-color : transparent;
	color: black;
	height:10px;
}

*/

/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */


/* make drop down menu container style
.menuPopup {
	background: url(~/App_WebSSI/images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
border-bottom: 1px solid #666666;
	color: #ffffff;
	background-color: Gray;

} */

/* Dynamic Menu definition .menuPopup .menuPopupItem .menuPopupSelectedItem .menuPopupItemHover */

.menuPopupHorizontal tr { display:inline; }

.menuPopup a:link, .menuPopup a:visited { color: #FFFFFF; text-decoration: none; }
.menuPopup a:hoover { color: #FFFFFF; text-decoration: none; }
.menuPopup A:active {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}

.menuPopup {
    background-color:Gray;
	
	color: Blue;
	visibility:hidden;
}
.menuPopupItem a:link, .menuPopupItem a:visited { color: #FFFFFF; text-decoration: none; }
.menuPopupItem a:hoover { color: #FFFFFF; text-decoration: none; }
.menuPopupItem A:active {font-family: Verdana; font-size: 10px; font-weight:bold; color: #ffffff; text-decoration: none;}

/* make drop down menu item style */
.menuPopupItem {
	background: url(~/App_WebSSI/images/background_drop_menu.jpg) repeat #8C9FB4;
	font-size:10px;
	font-weight:normal;
	font-family: Verdana;
	font-style:italic;
	border-bottom: 1px solid #666666;
	padding: 3px;
	margin:0px;
	vertical-align:top;
	visibility:visible;
	
	
}


.menuPopupSelectedItem
{
    background: gray;
    	color:White;

    }

.menuPopupItemHover 
{
     background: black;
     	color:White;

   
}
/*  END Menu Style             */