/* 
CoppeTeam Studio - www.coppeteam.net
Design by Predrag Kopricanec
*/ 

/* General HTML Styles */
body {
   margin: 0;
  padding: 20px 0;
   background-color: #000; /*#341125;*/
  /*background-image: url(img/main_bg.png);
  background-position: 15px 0;
  background-repeat: repeat-x;*/
   font-family: Arial, Helvetica, sans-serif;
}

table, tbody, tr, th, td, div, span, p, form, input, textarea, a{
   font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
}
H1  { 
   font-family:  'Arial Black', Arial, Helvetica, sans-serif;
  color: #dce0df;
   font-size: 18px;
   font-weight: bold;
  margin: 0;
  text-decoration: none;
  border: 0;
}
H2  { 
   font-family:  'Arial Black', Arial, Helvetica, sans-serif;
  color: #dce0df;
   font-size: 17px;
   font-weight: bold;
  margin: 0;
  text-decoration: none;
  border: 0;
}
H3  { 
   font-family:  'Arial Black', Arial, Helvetica, sans-serif;
  color: #dce0df;
   font-size: 16px;
   font-weight: bold;
  margin: 0;
  text-decoration: none;
}
H4  { 
   font-family:  'Arial Black', Arial, Helvetica, sans-serif;
  color: #dce0df;
   font-size: 15px;
   font-weight: bold;
  margin: 0;
  text-decoration: none;
  border: 0;
}
H5  { 
   font-family:  'Arial Black', Arial, Helvetica, sans-serif;
  color: #dce0df;
   font-size: 14px;
   font-weight: bold;
  margin: 0;
  text-decoration: none;
  border: 0;
}
H6  { 
   font-family:  'Arial Black', Arial, Helvetica, sans-serif;
  color: #dce0df;
   font-size: 13px;
   font-weight: bold;
  margin: 0;
  text-decoration: none;
  border: 0;
}
FORM {
  margin: 0px;
  padding: 0px;
}
p {
  margin: 0;
  padding: 10px 0 5px 0;
}
img {
  border: 0;
}
a { 
   text-decoration: none;
   color : #dce0df;
  outline: none !important;
}
a:hover { 
   color : #fff;
  text-decoration: underline;
  outline: none;
}
input {
  border: #181818 1px solid;
  color: #000; 
  background-color: #fcfdfd;
  background-image: url(img/input_bg.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 2px;
}

input:hover {
  border: #703B59 1px solid; 
  color: #333; 
}

input:active, input:focus {
  border: #000 1px solid; 
  color: #333; 
}

textarea {
  border: #181818 1px solid;
  color: #000; 
  background-color: #fcfdfd;
  background-image: url(img/input_bg.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 2px;
}

textarea:hover {
  border: #703B59 1px solid; 
  color: #333; 
}

textarea:active, textarea:focus {
  border: #000 1px solid; 
  color: #333; 
}

select {
  border: #181818 1px solid; 
  color: #333; 
   background-color: #fcfdfd;
  background-image: url(img/input_bg.png);
  background-position: 0 0;
  background-repeat: repeat-x;
   vertical-align: middle;
  margin: 0px;
}

option {
  border: 0; 
  color: #000; 
   background-color: #fcfdfd;
   vertical-align: middle;
}

select:hover {
  border: #703B59 1px solid; 
  color: #333; 
   background-color: #fff;
   vertical-align: middle;
}

select:active, select:focus {
  border: #703B59 1px solid; 
  color: #333; 
}

hr {
  background-color: transparent;
  color: #ccf;
  width: 100%;
  height: 0;
  border-collapse: collapse;
  margin: 2px 0;
  border: 0.5px solid;
}
object {
  z-index: 20;
}

/* ---------------------------------------------------- */

input.SearchButton {
  background-image: url(img/SearchButton_a.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 37px;
  height: 20px;
  border: 0;
  margin: 0 2px 0 0;
  position: relative;
  top: 1px;
  left: 1px;
}
input.SearchButton:hover {
  background-image: url(img/SearchButton_h.png);
  background-color: transparent;
}

/* Other Styles */
div#Container {
    margin: auto auto;
    width: 957px;
    vertical-align: top;
   padding: 0;
}
div#TopMenu {
  margin: 0;
  background-image: url(img/top_menu.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 957px;
  height: 35px;
}
div#MainContent {
  margin: 0;
  padding: 0;
  background-image: url(img/content_bg.png);
  background-position: 0 0;
  background-repeat: repeat-y;
  width: 957px;
  min-height: 730px;
  z-index: 1;
}
div.MainContent {
  background-image: url(img/content_bg.png);
  background-position: 3px 0;
  background-repeat: repeat;
  width: 957px;
  min-height: 730px;
  z-index: 2;
}
div#BottomMenu {
  margin: 0;
  padding: 0;
  background-image: url(img/bottom_menu.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 957px;
  height: 33px;
  clear: both;
}
div#BottomMenu table td {
  height: 30px;
}
div#Footer {
  margin: 0;
  width: 957px;
  height: 45px;
}
div#SearchBar {
  margin: 0;
  background-image: url(img/search_bg.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 342px;
  height: 32px;
/*
  position: relative;
  top: 0;
  left: 612px;
*/
position: absolute;
margin: -5px 0 0 612px;
}
div#SearchBar table {
  width: 332px;
  vertical-align: middle;
  margin: auto auto;
}
div#SearchBar table td {
  vertical-align: middle;
}
div#TopMenu table {
  margin: 5px 5px 0;
  width: 945px;
}
div#TopMenu table td {
  vertical-align: middle;
}
div#SiteInfo {
  margin: 0;
  width: 342px;
  height: 32px;
  position: relative;
  top: 0;
  left: 612px;
display: none;
}
div#Logo {
  width: 330px;
  /*position: relative;
  top: -60px;
  left: 3px;*/
  z-index: 50;
}
div#Logo img {
  z-index: 70;
}
div#Intro {
  width: 925px;
  border: 2px solid #e3e3e3;
  position: relative;
  top: -110px;
  left: 14px;
  z-index: 30;
}
div#Intro object {
  z-index: 30;
}
div#Slogan {
  width: 480px;
  height: 130px;
  position: relative;
  top: -130px;
  left: 373px;
  z-index: 50;
}
div#Slogan img {
  position: absolute;
  top: 0;
  left: 0;
}
div#Slogan span {
  font-family:  'Arial Black', Arial, Helvetica, sans-serif;
  color: #333;
   font-size: 18px;
   font-weight: bold;
  width: 480px;
  padding: 35px 0 0 115px;
  letter-spacing: 1.5px;
  position: absolute;
  top: 0;
  left: 0;
}
div#Boxes {
  width: 957px;
  margin: 0 0 0;
  padding: 0;
  z-index: 10;
}
div#SmallBox1 {
  width:345px;
  height: 500px;
  background-image: url(img/bigbox1_bg.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 1px solid #d7e2ec;
  margin: 0 10px 0 0;
  float: left;
  overflow: auto;
  z-index: 10;
}
div#SmallBox2 {
  width:345px;
  height: 500px;
  background-image: url(img/bigbox1_bg.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 1px solid #d7e2ec;
  margin: 0 10px 0 0;
  float: left;
  overflow: auto;
  z-index: 10;
}
div#SmallBox3 {
  width:210px;
  height: 500px;
  background-image: url(img/bigbox1_bg.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 1px solid #d7e2ec;
  margin: 0;
  float: left;
  overflow: auto;
  z-index: 10;
}
div#SmallBox3 table td ul {
  list-style-type: square;
}

div#MainContentZone {
  margin: 0;
  padding: 0;
  background-image: url(img/content_bg.png);
  background-position: 0 0;
  background-repeat: repeat-y;
  width: 957px;
  height: auto;
  float: left;
  clear: both;
  z-index: 1;
}
div.MainContentZone {
  /*background-image: url(img/content_bg_ilustration.jpg);
  background-position: 3px 0;
  background-repeat: repeat;*/
  width: 957px;
  height: auto;
  float: left;
  clear: both;
padding-top: 5px;
  z-index: 2;
}
div#BoxesZone {
  width: 957px;
  margin: 0 0 10px;
  padding: 0 0 0 13px;
  height: auto;
  float: left;
  clear: both;
  /*position: relative;*/
  z-index: 10;
}
div#LeftBox1 {
  width: 300px;
  height: auto;
  background-image: url(img/bigbox1_bg.jpg);
  background-position: 0 0;
  background-repeat: repeat-y;
  background-color: #4B4B4B;
  border: 1px solid #d7e2ec;
  margin: 0 15px 0 0;
  float: left;
  z-index: 10;
}
div#RightBox1 {
  width: 610px;
  height: auto;
  background-image: url(img/bigbox1_bg.jpg);
  background-position: 0 0;
  background-repeat: repeat-y;
  background-color: #4B4B4B;
  border: 1px solid #d7e2ec;
  margin: 0;
  float: left;
  z-index: 10;
}
div#BigBox1 {
  width: 925px;
  height: auto;
  background-image: url(img/bigbox1_bg.jpg);
  background-position: 0 0;
  background-repeat: repeat-y;
  background-color: #000;
  border: 1px solid #d7e2ec;
  margin: 0;
  float: left;
  z-index: 10;
}
div#BigBox1 div div {
  text-align: left !important;
}
div#ShopCatTree {
  z-index: 10000;
}
.intro-flash object, .intro-flash embed  {
  max-width: 957px;
  max-height: 630px;
  position: relative;
  margin-left: -10px;
}
div#CentralBox {
  width: 925px;
  height: auto;
  background-image: transparent;
  background-color: #5C4D60;
  border: 1px solid #d7e2ec;
  margin: 0 0 15px;
  float: left;
  clear: both;
  z-index: 10;
}
a.FooterDisclaimer { 
   text-decoration: none;
   color : #888 !important;
  margin: 0;
}
a.FooterDisclaimer:hover { 
   text-decoration: underline;
   color : #ccc !important;
  margin: 0;
}
#WbtDiv, #WbtDiv a {
width: auto;
color: #000;
font-size: 1%;
}
#at20mc table, #at20mc tbody, #at20mc tr, #at20mc th, #at20mc td, #at20mc div, #at20mc span, #at20mc p, #at20mc form, #at20mc input, #at20mc textarea, #at20mc a {
color: #444 !important;

}