/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* End reset */

body{background:url(images/boxee_bg_small.png)}

#kontainer{
	border:1px #999999 solid;
	margin:auto; width:950px; background:#FFF; 
	margin-top:20px; margin-bottom:100px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);	
}

#header{width:100%px; height:98px;  }
#header .logo{width:250px; height:80px; float:left; }

#header .right{float:right; width:600px;  margin-top:5px; }
#header .right a{ float:right; color:#333333; text-decoration:none; font: normal 12px LucidaGrande, Lucida Sans, Arial;
margin-right:10px; text-shadow: 0 1px 1px rgba(0,0,0,.2); }

#header .bag{   margin-right:2px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;  padding:5px;  
	float:right; margin-top:2px;
}
#header .bag a{
	text-decoration:none;   padding-left:20px; display:block; height:18px; 
	border-bottom:1px solid #CCCCCC;
	margin-top:2px; color:#000000; 
}
#header .facebook{background:url(images/facebook.gif) no-repeat; }
#header .twitter{background:url(images/twitter.gif) no-repeat; }
#header .email{background:url(images/email.gif) no-repeat; }
#header .cart{background:url(images/cart.png) no-repeat; }

/* ----------------------------------------------------------------------nav*/
.menu_nav {
	margin-top:0px;
	padding-top:0px; 
	float:right;  
	
	
}
.menu_nav ul {
	list-style:none; 
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;	
}
.menu_nav ul li {
	margin:0; 
	padding:0 0 0 0;
	float:left;
	border-left:1px solid #e4e4e4;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:5px 16px;
	color:#959595;
	text-decoration:none;
	font-size:14px;
	line-height:1.2em;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	color:#000000; background:#f8f8f8;
}

.menu_nav ul li a small {
	display:block;
	font-size:11px;
}

.main{ width:100%px; margin-top:5px; padding:0px; padding-bottom:10px;}
.main p{font-family: 'Yanone Kaffeesatz', Verdana, Arial; font-size:12px; }
.main p b{color:#666666}
.main h4{font-weight:bold; font-size:16px; font-family: 'Yanone Kaffeesatz', Verdana, Arial;  border-bottom:3px solid #CCCCCC; 
padding:0 0 5px 5px; color:#333333; text-shadow: 0 1px 1px rgba(0,0,0,.2); }



/* -----------------------------------------------------------------------cart*/

.main table{ margin-top:10px; background:#FFF; border-collapse: collapse; margin-bottom:10px;  width:930px; }
.main table th{ border:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;  padding:5px; border-top:#999999 1px solid; background:#CCC;  color:#666666;}
.main table tr{border-bottom:#999999 1px solid; padding-top:5px;} 
.main table tr td{ padding-top:5px; }
.main table img{ padding:3px; margin-left:20px; float:left; }
.main table p{padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
.main table span{padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; }
.main span{padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; }
.main h4{font-size:18px; font-family: 'Yanone Kaffeesatz', Verdana, Arial;  border-bottom:3px solid #CCCCCC; }
.gr{float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;  margin-right:10px; color:#333333; font-size:18px;}
.main a{font-family:Verdana, Arial, Helvetica, sans-serif;}


/* -----------------------------------------------------------------------main left*/
.mainLeft{float:left; width:250px; padding:2px;}
.mainLeft ul.nav {list-style:none;  width:250px; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.mainLeft ul.nav li {position:relative; border-bottom:1px solid #CCCCCC; display:block; height:30px; overflow:hidden; }
.mainLeft .selected{background:#E3E3E3;}
.mainLeft ul.nav li a {position:relative; color:#fff; text-decoration:none; display:block; height:20px; padding:10px 0 0 10px; z-index:100; text-transform:uppercase; color:#333333;}

.mainLeft ul.nav p {  padding:10px 0 0 10px; font-family: 'Yanone Kaffeesatz', Verdana, Arial; font-size:14px; font-weight:normal; }
.mainLeft h4{font-weight:bold; font-size:16px; font-family: 'Yanone Kaffeesatz', Verdana, Arial;  border-bottom:3px solid #CCCCCC; 
padding:0 0 5px 10px; }
/* -----------------------------------------------------------------------main left*/

/* -----------------------------------------------------------------------main right*/
.mainRight{float:right;  width:660px; margin-right:10px; min-height:600px;}
.mainRight p{line-height:18px;}
.mainRight p b{color:#666666}
.mainRight h4{font-weight:bold; font-size:16px; font-family: 'Yanone Kaffeesatz', Verdana, Arial;  border-bottom:3px solid #CCCCCC; 
padding:2px 0 5px 0; }
.mainRight h2{font-weight:bold; font-size:14px; font-family: 'Yanone Kaffeesatz', Verdana, Arial; padding:2px 0 5px 0;  color:#666666; }
.mainRight ul{list-style-type:none; margin-top:10px; margin-left:0px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.mainRight ul li{margin-bottom:0px; line-height:18px; float:left;  padding:5px; float:left;  margin-right:15px; 
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;}
.mainRight ul li.tes:hover{background:#f8f8f8 }
.descrition p{line-height:10px;}
.mainRight ul li strong{margin-bottom:6px; display:block; color:#666666;  text-shadow: 0 1px 1px rgba(0,0,0,.2);}
.descrition{float:left; width:170px; }
.mainRight ul li img{ background:#f8f8f8; float:left; margin-right:5px;}

.contentRegister{ width:400px;  float:left;  margin-top:10px;  padding:10px;}
.contentRegister h2{font-weight:bold; font-size:16px; font-family: 'Yanone Kaffeesatz', Verdana, Arial;  border-bottom:3px solid #CCCCCC; 
padding:0 0 5px 5px; color:#333333; text-shadow: 0 1px 1px rgba(0,0,0,.2); margin-bottom:5px; }
.contentRegister p{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; }

/* -----------------------------------------------------------------------footer */
#footer{margin-top:10px;  height:170px; border-top:1px solid #CCCCCC;  }
#footer .kon{ width:200px;margin-right:5px; height:130px; margin-right:2px; float:left; margin-bottom:5px; padding:6px;  }
#footer .kon h3{color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-shadow: 0 1px 1px rgba(0,0,0,.2); }
#footer p{ text-align:right; padding-right:10px; font-weight:bold;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
#footer ul{list-style-type:none; margin-left:20px; font-family:LucidaGrande, Lucida Sans, Arial;  font-size:12px; margin-top:10px;}
#footer ul li a{color:#000000; text-decoration:none;}



/* ------ buttons-----------------------------------------------*/

.btn {
	float:left;
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 10px 0 40px;
	background:url(images/white.jpg) repeat-x;
	color:#999;
	font-weight:bold;
	font-size:12px;
	text-shadow:0 1px 0 #fff;
	position:relative;
	border:1px solid #DFDFDF;
	margin:0 10px 10px 0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.btn:hover {
border-color:#cacaca;
background:#F8F8F8;
}
a{
	text-decoration:none;
}

.btn span {
	display:block;
	position:absolute;
	top:0px;
	left:9px;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	background-position:center;
}

.btn.buy span{
	background-image:url(images/cart.png);
}

.btn.login span{
	background-image:url(images/usersearch.png);
}

.btn.register span{
	background-image:url(images/chart.png);
}

.btn.view span{
	background-image:url(images/search.png);
}

.btn.back span{
	background-image:url(images/undo-icon.png);
}