/* Common CSS*/

html,body {
width:100%;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width:800px;
	}

body,td,th {
	font: 100% Arial, Helvetica, sans-serif;
	color: #474747;
}

a:link {
	color: #307e86;
}
a:visited {
	color: #307e86;
}
a:hover {
	color: #307e86;
}
a:active {
	color: #307e86;
}

.logo {
	margin: 30px 0 0 0;
	background: url(/img/2/phone.gif) 520px 15px no-repeat;
}

.main {
  background: #000000;
  height: 60px;
	width: 100%;
  min-width: 100%; margin:0; padding:0;
}

.main-index {
	background: url(/img/2/splash.jpg) top left no-repeat #000000;
	height: 181px;
	width: 100%;
  min-width: 100%; margin:0; padding:0;
}
.main-fishfinder {
	background: url(/img/2/logo-eho.jpg) top left no-repeat #000000;
}
.main-emotors {
	background: url(/img/2/logo-emotors.jpg) top left no-repeat #000000;
}
.main-portable-gps {
	background: url(/img/2/logo-portable-gps.jpg) top left no-repeat #000000;
}
.main-kartploter {
	background: url(/img/2/logo-kartploter.jpg) top left no-repeat #000000;
}
.main-gpspriem {
	background: url(/img/2/logo-gpspriem.jpg) top left no-repeat #000000;
}
.main-radio {
	background: url(/img/2/logo-radio.jpg) top left no-repeat #000000;
}
.main-palatka {
	background: url(/img/2/logo-palatka.jpg) top left no-repeat #000000;
}
.main-rukzak {
	background: url(/img/2/logo-rukzak.jpg) top left no-repeat #000000;
}
.main-sleep {
	background: url(/img/2/logo-sleep.jpg) top left no-repeat #000000;
}
.main-telescope {
	background: url(/img/2/logo-telescope.jpg) top left no-repeat #000000;
}
.main-beenokl {
	background: url(/img/2/logo-beenokl.jpg) top left no-repeat #000000;
}
.main-dalnomer {
	background: url(/img/2/logo-dalnomer.jpg) top left no-repeat #000000;
}
.main-zritelnie {
	background: url(/img/2/logo-zritelnie.jpg) top left no-repeat #000000;
}
.main-metaloiskateli {
	background: url(/img/2/logo-metaloiskateli.jpg) top left no-repeat #000000;
}
.main-fishves {
	background: url(/img/2/logo-fishves.jpg) top left no-repeat #000000;
}



.topmenu {
	padding: 15px 0 0 340px;
}
.topmenu a {
	font-size: 120%;
	margin-right: 5px;
}
.topmenu a.special {
	color: #ed4004;
	margin-right:2px;
}
.banner {
	margin: 100px 0 0 340px;
}

.banner a {
	margin: 90px 0 0 175px;
}		
.topbar {
	margin: 0 0 0 520px;
	font-size: 14px;
	width: 480px;
}
.cart {
	float: left;
	background: url(/img/2/cart.gif) left no-repeat;
	padding: 10px 0 10px 20px;
	width:210px;
}
.cart, .cart a {
	color: #000000;
}
.search  form {
	float:left;
	padding: 5px 0 10px 0;
	margin: 0;
	width:200px;
}
#search {
	color: #474747;
}
.content { margin:20px 40px 0px 20px;}
.content .top { background: url(/img/2/dot.gif) bottom repeat-x; padding: 0 0 5px 0;}
.content .top h1 strong {background:url(/img/2/break.gif) left no-repeat; padding: 0px 10px 0 10px; }

.content .news h2 {font-size: 140%; margin:5px 0 0 0; padding:0; }
.content .news  { font-size: 90%;}	

.content .img { float: left; width: 310px;}
.content .descr {
	margin:0; line-height: 22px; float: left;
	font-size: 90%
	width: 300px;
}
.content .descr em {
	font-size: 90%;
}
.content .descr div.image {width: 320px; float: left; }

.footer {
	border-top: 1px solid #cccccc;
	padding: 20px;
	font-size: 14px;
	margin: 20px 0 0 0;
}
.footer a {
	font-size: 12px;
	margin: 0 0 0 15px;
}		
.footer strong {margin: 0 0 0 250px; font-weight: normal;}	
h1,h2,h5,h6 {
	font-weight: normal;
}
h1 {
	font-size: 160%;
	color: #000000;
	padding: 15px 20px 0 0px;
}

ul#menu { margin:0 0 0 0; list-style: none;}
ul#menu li { color:#000000; font-weight: bold; margin:10px 0 0 -10px; }
ul#menu li span { cursor: pointer; text-decoration: none; border-bottom: 1px dashed #000;}
ul#menu li ul {  margin-left: -20px;}
ul#menu li ul li { line-height: 22px; margin: 2px; }
ul#menu li ul li a  { font-size: 80%; font-weight: normal;}

.alert {
background-color: #fff; 
margin: 10px 0; 
font-size: 80%; 
width: 240px;
}
.alert p {
margin: -5px 10px 20px 25px; 
padding: 10px 0;
}

#banner {
width: 240px; 
height: 400px; 
border: 1px solid #CCCCCC; 
margin: 15px 0 0 0;
}
#banner p {
padding: 10px; 
color: #474747; 
font-size: 12px;
}

div.cat {margin: 0 0 30px 0; font-size: 90%;}
div.cat h2 a { font-size: 120%;}
div.cat div.cat-img { width: 220px; float: left; }
div.cat div.cat-desc { margin: 0 40px 0 0;}
/*
div.cat div.img { width: 320px;}
div.cat div.cat-descr { width: 280px; font-size: 80%; line-height: 18px;}
div.cat div.cat-descr a { font-size: 140%;}
div.cat div.img, div.cat div.cat-descr { float: left;}
div.break { clear: both; height: 15px;}
*/
div.cart-form label {font-size: 120%; padding:20px 0; color: #307e86;}
.cart-input { width: 300px; height: 24px; font-size: 18px; color: #474747; padding: 2px 0;}
.cart-also {width: 300px; height: 60px; font: 14px Arial, Helvetica, sans-serif; color: #474747; padding: 2px 0;}
.cart-go { height: 40px; width: 200px;  font-size: 18px;}

.articles  { font-size: 80%;  }
.articles h1{font-size: 180%;  }
.articles h2 { font-size: 140%;}
.articles a { font-size: 120%; margin: 10px 0 0 0; color: #307e86;}
.articles em {margin: 10px 0;}


.stat { width: 300px; margin: -30px 0 0 0; left: 76%; position:relative;}
* .stat { left: 74%;}
.stat .a, .stat .b, .stat .c { float:left; width: 100px;}


table.compare { font-size: 80%;}
table.compare tr.tblgray { background: #ececec;}

.cat ul li { list-style: none;}

#breadcrumbs { margin: 10px 0;}

#advsearch h4 { font-size:120%;}
#advsearch { width: 260px; vertical-align: top; font-size: 80%; //padding: 20px 0 0 0; }

#advsearch ul li {  list-style: none; margin: 0 0 5px -40px; padding: 0;  }
#advsearch ul li img { vertical-align:middle;}


#brands { font-size: 110%; margin: 20px 0; padding: 0;}
#brands li { list-style: none; display: inline;}