a {
  text-decoration: none;
}

body {
  margin-top: 0px;
  font-family: arial;
  font-size: 13px;
  color: #535353;
  background-color: white;
  background-image: url('body_bg.jpg');
  background-repeat: repeat-x;
}

.full {
	height:100%;
}

table {
  font-family: arial;
  font-size: 13px;
  color: #535353;
}
input, textarea {
  margin: 1px;
}
input.text, textarea {
  border: 1px solid #888888;
  color: #777777;
  background: #F5F5F5;
}

pre {
  font-family: arial;
  font-size: 13px;
  color: #535353;
}

form {
  margin: 0px;
  display: inline;
}
form.hidden {
  display: none;
}

#design {
  border: 0px;
  margin-top: 0px;
 width: 900px;
}

#ban {
  /*width: 780px;
  height: 80px;*/
  vertical-align: top;
}

#menu_top {
 /* width: 780px;
  height: 25px;*/
  vertical-align: top;
}

#menu_bottom {
 /* width: 780px;
  height: 40px;*/
  vertical-align: bottom;
}

#menu_left {
  width: 150px;
  margin: 0px;
  vertical-align: top;
}

#menu_right {
  /*width: 190px;*/
  margin: 0px;
  vertical-align: top;
}
  
#main_frame {
 /* width: 100%;
  height: 100%;*/
  margin: 0px;
  vertical-align: top;
}


/****************** Banner ************************/
.banner {
  /*  background: url('ban_bg.jpg') repeat-x; */
  width: 100%;
  height: 100%;
}
.FBban {
  font-family: Verdana;
  font-size: 44px;
  color: #d0001d;
  font-weight: bold;
}
.FBtext {
  font-family: Verdana;
  font-size: 16px;
  color: #ff0000;
  font-weight: bold;
}
.banner td {
  vertical-align: center;
}
.lang {
  padding: 5px 5px 0px 0px;
}

/****************** Top Menu **********************/
.menu_top a {
  text-decoration: none;
  color: #5c575c;
}
table.menu_top {
  border-bottom: 1px solid #E0E0E0;
  font-family: arial;
  font-size: 13px;
  color: #5c575c;
  height: 100%;
  width: 100%;
  /*background-image: url('menu_bg.png');*/
  background-color: #F0F0F0;	
}
table.menu_top td {
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  padding: 0px;
}
td.menu_item {
  width: 70px;
  text-align: center;
}
td.menu_item a {
  display: block;
  width: 90px;
  height: 20px;
  text-align: center;
  padding-top: 2px;
  /*background-image: url('menu_bg.png');*/
}
td.menu_item a:hover {
  color: #ff0000;
  /*background-image: url('menu_bg_hover.png');*/
  background-color : #FFFFFF;
}


td.menu_search {
  text-align: right;
}
input.input_search {
  font-family: arial;
  font-size: 13px;
  color: #2E48A5;
  border: 1px solid #688DBA;
  background-color: #FFFFFF;
  padding-left: 3px;
}
input.button_ok {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #2E48A5;
  border: none;
  background-color: transparent;
}

/****************** Bottom Menu **********************/
.menu_bottom {
  text-align: center;
  font-size: 11px;
  width: 100%;
  background-image: url('bottom_bg_fbox.jpg');
  background-repeat: repeat-x;
}

.menu_bottom_break {
  background-image: url('bottom_bg_fbox.jpg');
  width: 100%;
  height: 15px;
}

/******************** Main Page **********************/
.main_frame {
  /* width: 440px; */
  padding: 10px 10px 10px 10px;
  color: #535353;
 /* width: 100%;
   height: 100%;*/
}
ul.plain_text {
  font-family: arial;
  font-size: 13px;
  list-style-image: url('arrow.gif');
  list-style-position: outside;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}
ul.plain_text li{
  margin: 2px 0px 0px 2px;
  padding: 0px 0px 0px 0px;
}
.title {
  font-size: 1.3em;
  color: #8B8B8B;
  font-weight: bold;
  margin: 5px;
}
.title:first-letter {
  font-size: 1.2em;
  color: #ff0000;
}
.blue {
  color: #486F9D;
}
.red {
  color: #ff0000;
}
.warning {
  color: #EA6D1B;
  font-weight: bold;
}
.note {
  color: #AAAAAA;
  font-size: 11px;
  font-style: italic;
}
.bordered {
  border: 1px solid #AAAAAA;
  padding: 5px;
  margin: 5px;
}
table.grid {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
}
table.grid td, table.grid th {
  border: 1px solid #AAAAAA;
  margin: 0px;
}  

/******************** Fake Popup *********************/
div.popup {
  position: absolute;
  display:none;
  width: 250px;
  border: 1px solid #FBA53D;
  background: #F0F4F9;
  z-index: 3000;
}
div.popup h1 {
  font-size: 110%;
  margin: 0 0 0.5em 0;
  border-bottom: 1px solid #FFAA35;
  background: #FBA53D;
  color: black;
  text-align: center;
  padding: 1px;
}
div.popup div {
  padding: 3px;
}

/************** SSID - center image ****************/
#ssid a{
	display:block;
	height:99px;
}
#fileserver a {background:url(../images/ssid/ssid_02.jpg) 0 0 no-repeat;}
#fileserver a:hover {background:url(../images/ssid/ssid_02_hover.jpg) 0 0 no-repeat;}
#voip a {background:url(../images/ssid/ssid_04.jpg) 0 0 no-repeat;}
#voip a:hover {background:url(../images/ssid/ssid_04_hover.jpg) 0 0 no-repeat;}
#groupware a {background:url(../images/ssid/ssid_07.jpg) 0 0 no-repeat;}
#groupware a:hover {background:url(../images/ssid/ssid_07_hover.jpg) 0 0 no-repeat;}
#synchro a {background:url(../images/ssid/ssid_09.jpg) 0 0 no-repeat;}
#synchro a:hover {background:url(../images/ssid/ssid_09_hover.jpg) 0 0 no-repeat;}
#backup a {background:url(../images/ssid/ssid_12.jpg) 0 0 no-repeat;}
#backup a:hover {background:url(../images/ssid/ssid_12_hover.jpg) 0 0 no-repeat;}
#vpn a {background:url(../images/ssid/ssid_14.jpg) 0 0 no-repeat;}
#vpn a:hover {background:url(../images/ssid/ssid_14_hover.jpg) 0 0 no-repeat;}

#chassis1 a {background:url(../images/ssid/ssid_08.jpg) 0 0 no-repeat;}
#chassis2 a {background:url(../images/ssid/ssid_13.jpg) 0 0 no-repeat;}

/******************** Site Map *********************/
ul.sitemap {
  font-family: arial;
  font-size: 12px;
  list-style-image: url('arrow.gif');
  list-style-position: outside;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 20px;
}
ul.sitemap li{
  margin: 2px 0px 0px 2px;
  padding: 0px 0px 0px 0px;
}

/******************** Resellers ********************/
ul.resellers {
  font-family: arial;
  font-size: 12px;
  list-style-type: none;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 20px;
  border: 1px solid white;
}
ul.resellers li{
  margin: 2px 0px 0px 2px;
  padding: 0px 0px 0px 0px;
}
div.resellers {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
}

/******************** Products ********************/
.toplinks {
  text-align: center;
  font-weight: bold;
}
table.products, table.options {
  width: 400px;
  border-collapse: collapse;
}
table.products td, , table.options td{
  padding: 4px;
}

.designation {
  font-size: 17px;
  font-weight: bold;
  color: #ff0000;  
}

.price {
  font-weight: bold;
  color: #E86300;
}
.products .image {
  width: 180px;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
}
.products .options {
  text-align: left;
  vertical-align: top;
  padding: 10px 0px 0px 5px;
}
.options .image {
  width: 120px;
  background-repeat: no-repeat;
}
table.vignette{
  width: 400px;
  border-collapse: collapse;
  border-bottom: 1px dotted #AAAAAA;
}
img.vignette {
  width: 80px;
  background-repeat: no-repeat;
}
ul.options {
  font-family: arial;
  font-size: 13px;
  list-style: none;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}
ul.options li{
  margin-left: 5px;
  padding: 0px 0px 0px 0px;
}
.miscellaneous {
  font-size: 12px;
}
.submit {
  text-align: right;
}

/********************* Cart **********************/
table.cart {
  padding: 2px;
  width: 100%;
}
table.cart th, table.cart td{
  margin: 1px;
  padding: 2px;

}
.cartline0 {
  background-color: #FDF1E3;
}.cartline1 {
  background-color: #FBE7CE;
}
.total {
  font-weight: bold;
}

.identification {
  margin-left: 20px;
}

.order_summary {
   width: 80%;
}
/******************** Payment ********************/
.payment_summary {
   width: 400px;
   text-align: center;
}

/******************** Contact ********************/
div.contacts {
  text-align: center;
}
table.contacts {
  width: 100%;
}
table.contacts td {
  padding: 5px;
}
table.contact_form {
  padding: 8px;
}

.contacts input,.contacts select,.contacts textarea {
  border: 1px solid #AAAAAA;
  background: #FAFAFA;
  color: #535353;
}
.contacts select,.contacts textarea {
  width: 100%;
  color: #535353;
}

/********************* News **********************/
div.news {
}
dl.news {
  margin-left: 20px;
}
dl.news dt {
  font-weight: bold;
  color: #486F9D;
}
dl.news dd {
  margin-left: 0px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px dashed #535353;
}

table.news, table.news td {
  border-collapse: collapse;
  margin: 0px;
  padding: 3px;
}
table.news {
  margin-top: 10px;
  width: 100%;
}
.news .news_date {
  color: #8B8B8B;
  width: 70px;
  border-right: 1px solid #EC8929;
  border-bottom: 1px solid #EC8929;
}
.news .news_title {
  color: #ff0000;
  font-weight: bold;
}
.news .news_content {
  padding: 5px;
  background: url('news_bg.jpg') no-repeat;
  width: 360px;
  height: 40px;
  vertical-align: top;
}

/********************* Faqs **********************/
div.faqs {
}
table.faqs, table.faqs td {
  border-collapse: collapse;
  margin: 0px;
  padding: 3px;
}
table.faqs {
  margin-top: 10px;
  width: 100%;
}
.faqs .faqs_title {
  color: #8B8B8B;
  font-weight: bold;
}
.faqs .faqs_content {
  padding: 5px;
  background: url('news_bg.jpg') no-repeat;
  width: 360px;
  height: 40px;
  vertical-align: top;
}