/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/
@import url("base.css");
@import url("layout.css");

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
	color: #666666;
	font-size: medium;
	font-family: Arial, Verdana, Helvetica, sans-serif;
		}
		
body a:link {
	color:#666666;
	text-decoration:none;
}

body a:hover {
	color:#666666;
	text-decoration:underline;
}

body a:visited {
	color:#666666;
	text-decoration:none;
}
		
h1 {
	font: bold 145%/142% Arial, Helvetica, sans-serif;
	margin: 2px 0 0 5px;
	padding:1px; 
	color:#596471; 
	}
	
h2,h3,h4,h5,h6 {
	font: bold 88% Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
	padding: 0;
	color: #666666;
	text-decoration: none;
	}
	

	
p {
	font-size: 81%;
	margin: 3px 1px;
    padding:0;
	
	}
	
p {
	margin-bottom: 1em;
	}

#content p {
	padding: 3px 4px 60px 7px;
	
	}
		
a:link, a:visited {
	  color: #666666;
	  text-decoration: none;
	}
	
	
a:hover {
	color: #666666;
	text-decoration: underline;
	}
	
/* Content Area Styles 
----------------------------------------------------------------*/
/* Content Area Styles */
#content ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 5px;
}

#content li {
	background-image: url(/images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 11px;
	font-size: 12px;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
}

	
/* SIDEBAR CONTENT
----------------------------------------------------------------*/
	
#sidebar h2 {
	  color: #222;
	  margin-top: 0;
	}
	
/* Footer Images 
------------------------------------------------------------------------*/

.footimages {
	float:left;
	padding:10px 8px 5px 15px;
	}
	
/* FORMS
----------------------------------------------------------------*/

fieldset {
	  border: 1px solid #AAA;
	}
	
fieldset p {
	  margin: 4px 0;
	}
	
legend {
	  color: #999;
	  font-weight: bold;
	  font-size: 18px;
	}
	
input.text {
	  width: 290px;
	} 
	
input.textShort {
	  width: 80px;
	}
	
input.submit, input.cfButton {
	 float: right;
	 border:solid 1px #666666; 
	 background-color:#999999; 
	 font-size:12px;
	 color:#333333; 
	 font-weight:bold;  
	 background:url(https://www.sotelsystems.com/images/telecom-data-bg.gif) repeat-x left top; 
	 padding:1px;
	}
	
input, select, textarea	{
	background-color:#FFFFFF;
	border:solid 1px #666666; 
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:3px;
	}
	
input.formButton { 
	 border:solid 1px #666666; 
	 background-color:#999999; 
	 font-size:12px;
	 color:#333333;
	 font-weight:bold;  
	 background:url(https://www.sotelsystems.com/images/telecom-data-bg.gif) repeat-x left top; 
	 padding:1px; 
	  }
	  
#searchbox input {
	background-color:#F8F8F8;
	border: 1px solid #006699;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 36px 0 0 2px;
	padding: 3px 0 0 2px;
	}
	
#searchbox input.formButton { 
	 border:solid 1px #006699; 
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 color: #2E5F8E;
	 font-weight:bold;  
	 background:url(/images/telecom-data-bg.gif) repeat-x left top;
	 padding: 0 0 1px 0;
	  }
	  
/* TABLES
----------------------------------------------------------------*/
	
table {
	 clear: both;
	 border-collapse: collapse;
	 text-align: left;
	}
	
td {
	 padding:0;
	}
	
	
/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
	
.errorMessage {
	color: #660000;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	text-decoration: none;
	background: #F8F2CB;
	}
	
/* This section is for classes that are making more than just a padding or color */

.imglayout {
	float:left;
		}
	  
					
/* Left Column ShowCart Info
-------------------------------------------------------------------------------------------- */
		
.cartinfo {
	font: normal 65% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 1px 1px 2px;
	margin: 3px 0 7px 0;
	}
	
/* CheckOut of Shopping Cart Styles
----------------------------------------------------------------------------------------- */

	
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #EAEAEA;
	border-collapse: collapse;
	}
	
table.tabularData td, table.tabularData th{
	padding: 2px;
	font: normal 71% Verdana, Arial, Helvetica, sans-serif;
	}
	
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:75%;
	} 
	
/* altRowEven & altRowOdd are used to style alternating table rows.
--------------------------------------------------------------------------------------------- */
	
.altRowEven{
	background-color: #F8FBEE;
}

.altRowOdd{
	background-color: #FBFDF6;
}
	
#sidebar .chatonline p {
	margin: 0px;
	padding: 0px;
	}
	
.switchbook1 {
		font:bold 78% Verdana, Arial, Helvetica, sans-serif;
		background: url(/images/switchbook.gif) repeat-x left top;
		color: #333333;
		}
	
.smallproducttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	}
	
.smalltext {
	font:normal 65% Verdana, Arial, Helvetica, sans-serif;
	}
		
.equal {
	margin: 0px;
	padding: 0px;
}

/* Option Telecom Big Text */
.bigtext {
	font: normal 275% "Times New Roman", Times, serif;
	color: #999999;
	text-align:center;
}


table.productpage th {
	background: #7D7B7C url(/images/product_name_bg.jpg) no-repeat left;
	color: #EEE;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding:0 0px 0px 25px;
	margin:0px;
	height: 17px;
	border-bottom: 1px solid #61BC5D;
	border-top: 3px solid #FFF;
	text-decoration: none;
}

table.productpage p {
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	margin:0;
	padding:0 0 5px 0;
}

table.productpage a:link, table.productpage a:hover, table.productpage a:visited, table.productpage a:focus {
	text-decoration: none;
	color: #EEE;
}

table.thnail {
	margin:20px 0;
	BORDER: 1px solid #DDDDDD;
	WIDTH: 140px;
	HEIGHT: 140px;
	BACKGROUND-COLOR: #ffffff;
}


/* Styles for product results page */

.presultsdisplay {
	padding: 10px 0 10px 4px;
	
	}

img {
	border: 0px; 
}

table.thumbn {
	border: 1px solid #CCCCCC; 
	height: 140px;
	width: 140px; 
	background-color: #FFFFFF; 
	text-align:center;
	}

td.presults {
	background-color: #F7F7F7
}

td.presults_border {
	background-color: #666666
}


.product_name {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #585858;
	padding:0;
	text-decoration:none;
	margin:0;
	white-space: nowrap;
	line-height:1.1em;
	background: url(/images/product_underline.gif) repeat-x left bottom;
}

.product_name a:link, .product_name a:visited {
	text-decoration:none;
	color: #585858;
}

.product_name a:hover, .product_name a:focus {
	text-decoration:none;
	color: #585858;
}

#timestamp {	
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#707070;
}

#pricelist {
	font: normal 74% Arial, Helvetica, sans-serif;
}

.imgright {
	float:right;
	clear:none;
	padding:5px;
	}
	
.imgleft {
	float:left;
	clear:none;
	padding:5px;
	}
	
#techtalk p {
	font: normal 65% Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
}

#newsletterform label {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#customerinfo p {
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #003366;
}
#footer p {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin: 76px 0px 0px 225px;
	padding: 0px;
}
.lightboldtext {
	font: italic bold 78% Arial, Helvetica, sans-serif;
	color: #666666;
}

.linksma a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	font-weight: bold;
	color: #363636;
	text-decoration: none;
	}
	
.linksma a:hover {
	color: #363636;
	text-decoration: underline;
	}
	
.linksma a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	font-weight: bold;
	color: #363636;
	text-decoration: none;
	}
	
.descript {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	color: #333333;
}

.linksma_cats a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-weight:bold;
	color:#666666;

}

.linksma_cats a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-weight:bold;
	text-decoration: none;
	color:#666666;
	}
	
.linksma_cats a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-weight:bold;
	text-decoration: underline;
	color:#666666;
	}

.linksmaentrance,.linksmaentrance  a:link, .linksmaentrance a:visited,.linksmaentrance a:hover	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 102%;
	font-weight: normal;
	color: #222222;
	text-decoration: none;
}


.linksmagen, .linksmagen p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82%;
	font-weight: normal;
	color: #222222;
	text-decoration: none;

}


	#rssBox{
	margin:0 0 20px 0;
	float:none;
	height:205px;
	border-bottom:0px dotted #333333;
	padding:1px 2px 4px 2px;
	background-color: #466918;
	width: 152px;
	background-image: url(/images/t_blog_bg.jpg);
	background-repeat: repeat-x;
	}		
	.rssBoxDate{
		display:none;	/* I don't want to show the date */
	}
	.rssBoxHeading{	/* Heading of RSS item */
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#F7F7F7;
	margin:0px;
	text-decoration: none;
	}
	.rssBoxDescription{	/* Description of RSS item */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.2em;
	color: #F0F0F0;
	}	
	#rssBox .rssBoxLink{	/* Read more link */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#FFFFFF;
		text-decoration:none;
	}
	#rssBox .rssBoxLink:hover{	/* Read more link - mouse over */
		text-decoration:underline;
	}


.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 152px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
font-size: 76%;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
	padding: 0 3px;
	text-decoration: none;
	border: 1px solid #999999;
	color: #666666;
	background-color: white;
	font-size: 76%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #666666;
background-color: #EFEFEF;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}
	
	#boxout {
	width: 154px;
	height: 175px;
	overflow: hidden;
	padding: 2px 1px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	border-left: 0 solid #CCCCCC;
	border-right: 0 solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

	
.chatonline {
	margin: 50px 0 0 0;
	}
.thebbb {
	text-align: center;
	margin-top: 40px;
}