/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

@import url("/css/init.css");
@import url("/css/layout.css");
@import url("/css/globalMenu.css");
@import url("/css/TDesign.css");

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  line-height: 1.4;
  background: #CCCCCC url(/img/bg_page.gif) repeat;
  font-size: 80%;
  overflow: scroll;
  background-attachment: fixed;
}

/***********************************************/
/*   Link Style                                */
/***********************************************/ 

a img {
  border-style: none;
}

a:link{
  color: #aa0000;
  text-decoration: underline;
}

a:visited{
  color: #aa0000;
  text-decoration: underline;
}

a:hover{
  color: #000000;
  text-decoration: none;
}

a:active{
  color: #000000;
  text-decoration: none;
  position: relative;
  left: 1px;
  top: 1px;
}


/***********************************************/
/* Topics Style                                */
/***********************************************/ 

h1{
 font-size: 120%;
 color: #000000;
}

h2{
  font-size: 114%;
  color: #333333;
}

h3{
  font-size: 100%;
  color: #666666;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


.google-long{
  text-align: center;
  width: 550px;
  padding-top: 20px;
  padding-bottom: 10px;
}

/************** .feature styles ***************/

.feature{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.feature h1{
  padding: 30px 0px 0px;
}
.feature ul {
  list-style: none;
}
.feature li {
  padding-bottom: 7px;
}


.feature h3{
  padding: 30px 0px 0px;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
  clear: both;
  padding: 10px 10px 10px 10px;
}

.story p{
	padding: 10px 10px 10px 10px;
}

.story h3{
  padding: 5px 0px 0px;
}
#content .smenu {
  width: 550px;
  padding-bottom: 10px;
}


/************** .story styles *****************/

.mark{
  font-size:18px;
  font-weight: bold;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	font-size: 90%;
	position: relative;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks h1{
	padding: 10px 0px 2px 10px;
}
#sectionLinks h2{
	padding: 10px 0px 2px 10px;
}
#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}
#sectionLinks h4{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	font-size: 80%;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
  margin: 15px auto 0px;
  padding: 0px;
  width: 180px;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}



/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}

.smenu h3 {
  font-size: 1px;
  line-height: 1px;
  float: left;
  padding-right: 3px;
}
.story li {
  padding-bottom: 5px;
}

.story a {
  font-weight: bold;
}


#firewall a {
  background: url(/Product/stb1.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#dns a {
  background: url(/Product/stb2.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#router a {
  background: url(/Product/stb3.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#nat a {
  background: url(/Product/stb4.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  clear: both;
  outline-width: 0px;
}
#file a {
  background: url(/Product/stb5.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#dhcp a {
  background: url(/Product/stb6.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#database a {
  background: url(/Product/sbb1.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#mail a {
  background: url(/Product/sbb2.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#web a {
  background: url(/Product/sbb3.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#proxy a {
  background: url(/Product/sbb4.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  clear:both;
  outline-width: 0px;
}
#syslog a {
  background: url(/Product/sbb5.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#snmp a {
  background: url(/Product/sbb6.gif) no-repeat 0px 0px;
  text-indent: -999em;
  height: 90px;
  width: 180px;
  display: block;
  outline-width: 0px;
}
#firewall a:hover {
  background: url(/Product/atb1.gif) no-repeat 0px 0px;
}
#dns a:hover {
  background: url(/Product/atb2.gif) no-repeat 0px 0px;
}
#router a:hover {
  background: url(/Product/atb3.gif) no-repeat 0px 0px;
}
#nat a:hover {
  background: url(/Product/atb4.gif) no-repeat 0px 0px;
}
#file a:hover {
  background: url(/Product/atb5.gif) no-repeat 0px 0px;
}
#dhcp a:hover {
  background: url(/Product/atb6.gif) no-repeat 0px 0px;
}
#database a:hover {
  background: url(/Product/abb1.gif) no-repeat 0px 0px;
}
#mail a:hover {
  background: url(/Product/abb2.gif) no-repeat 0px 0px;
}
#web a:hover {
  background: url(/Product/abb3.gif) no-repeat 0px 0px;
}
#proxy a:hover {
  background: url(/Product/abb4.gif) no-repeat 0px 0px;
}
#syslog a:hover {
  background: url(/Product/abb5.gif) no-repeat 0px 0px;
}
#snmp a:hover {
  background: url(/Product/abb6.gif) no-repeat 0px 0px;
}
#news h3 {
  margin-top: 20px;
}