/* CoppeTeam Studio - www.CoppeTeam.co.yu
 * Design by Predrag Kopricanec coppe at neobee dot net
*/ 

/* General HTML Styles */
body {
   margin: 0;
	padding: 20px 0;
   background-color: #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: 11px;
	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;
	height: 730px;
	z-index: 1;
}
div.MainContent {
	background-image: url(img/content_bg_ilustration.jpg);
	background-position: 3px 0;
	background-repeat: no-repeat;
	width: 957px;
	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;
}
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;
}
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: -170px 0 0;
	padding: 0 0 0 13px;
	z-index: 10;
}
div#SmallBox1 {
	width:300px;
	height: 310px;
	background-image: url(img/smallbox1_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:300px;
	height: 310px;
	background-image: url(img/smallbox2_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:300px;
	height: 310px;
	background-image: url(img/smallbox3_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: no-repeat;
	width: 957px;
	height: auto;
	float: left;
	clear: both;
	z-index: 2;
}
div#BoxesZone {
	width: 957px;
	margin: -110px 0 0;
	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/leftbox1_bg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	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/rightbox1_bg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #4B4B4B;
	border: 1px solid #d7e2ec;
	margin: 0;
	float: left;
	z-index: 10;
}
div#BigBox1 {
	width: 920px;
	height: auto;
	background-image: url(img/bigbox1_bg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #4B4B4B;
	border: 1px solid #d7e2ec;
	margin: 0;
	float: left;
	z-index: 10;
}
div#ShopCatTree {
	z-index: 10000;
}