/* CSS/XHTML RESET */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,  tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
	font: 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2d2d2d;
}



blockquote, q {
	quotes: none;
}

:focus {
	outline: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
}

h1 {
	font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 14px;
	color: #2d2d2d;
	text-transform: uppercase;
}

p {
	margin: 16px 0;
	line-height: 22px;
	font-style: normal;
}

a {
	color: #2d2d2d;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* FRAMEWORK */

html, body {
	height: 100%;
}

body {
	background: #fff;
	font: 12px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #303030;
}

#container {
	min-height: 100%;
	height: auto !important; 
	height: 100%; 
	position: relative;
	width: 100%;
	z-index: 1;
}

#site {
	width: 1000px;
	height: auto;
	position: relative;
	z-index: 2;
	margin: auto;
	padding-bottom: 20px;
}

#site:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden; 
}

#header {
	width: 1000px;
	height: 190px;
	position: relative;
	float: left;
	margin-bottom: 0px;
}

#logo {
	width: 208px;
	height: 186px;
	margin-left: 5px;
	margin-top: 4px;
	background: url(hatman_logo.jpg) no-repeat 0 0;
	float:left;

}

#logo img {
	width: 298px;
	height: 63px;
	position: absolute;
	left: 0;
	top: 0;
}
#order {
	width: 156px;
	height: 40px;
	padding:15px 0;
	margin-right:5px;
	color: #333333;
	font: 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	float:left;

}
#order b{
	color:#000;
	font-weight:bold;
}
.delivery {

	padding:0px 0 0 0;
	text-align: center;
	font: bold 15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	float:left;
}


.sale {
	background: url(bgr_red.jpg) repeat-x center top;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	padding: 10px;
	margin: -10px;
	float:left;
}


#topnav {
	width: 315px;
	height: auto;
	padding:15px 0 0 0;
	color: #333333;
	font: 11px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	float:right;
	background-color:#F6C020;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
}

#topnav a {
	color: #333333;
	font: 11px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

#new {
	width: 792px;
	height: 56px;
	position: absolute;
	left: 208px;
	top: 130px;
	z-index: 100;	/*padding-left:208px;*/
}

#menu {
	width: 791px;
	height: 48px;
	margin: 0 0 2px 8px;
	/*margin-left:208px;
	top: -60px;*/
	position:relative;
	float:left;
	background: url(bg_menu_repeat.jpg) repeat-x;
}

#menu.active {
	height: 101px;
}

#menu ul {
	width: auto;
	height: 48px;
	position: relative;
	float: left;

}

#menu li {
	width: auto;
	position: relative;
	float: left;
	display: inline;
	padding:0;
	
}

#menu li a {
	background: url(bg_menu.jpg) no-repeat right 0px;
	width: auto;
	height: 20px;
	padding:13px 20px;
	position: relative;
	display: block;
	text-decoration: none;
	color: #FFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu li a span {
	display: none;
}


#menu li a:hover {
	color:#000000;
	background: url(bg_menu.jpg) no-repeat right -56px
}


#menu li a img {
	float: left;
}

#menu ul ul {
	width: 960px;
	height: 52px;
	position: absolute;
	float: none;
	background: url(../images/template/bg_submenu.jpg) 0 0 no-repeat;
	left: 10px;
	overflow: hidden;
	/*display: none;*/
}

#menu ul li ul li {
	width: auto;
	height: 52px;
	position: relative;
	float: left;
	display: inline;
	background: url(../images/template/button_submenu.gif) 0 24px no-repeat;
	margin-left: 19px;
	padding: 0 0 0 13px;
	color: #727272;
}

#menu ul li ul li.active {
	background: url(../images/template/button_submenu_active.gif) 0 24px no-repeat;
}

#menu ul li ul li a {
	width: auto;
	height: 52px;
	position: relative;
	display: block;
	text-decoration: none;
	color: #8d8c8c;
	font: 11px/52px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu ul li ul li.active a {
	text-decoration: underline;
}

#menu ul li ul li a:hover {
	color: #000;
}

#menu ul li ul li.active a {
	text-decoration: underline;
}



#content {
	width: 940px;
	height: auto;
	position: relative;
	float: left;
	margin: 15px 0 0 20px;
}

#left {
	width: 200px;
	height: auto;
	position: relative;
	float: left;
	/*margin-top:30px;*/

}
#left ul{
	width:200px;
	padding:0;
	list-style: none;
}
#left li{
	width:200px;
	padding:0;
	list-style: none;
}
#left li a{
	background: #303030 url(bg_menu_left.jpg) no-repeat left top;
	width: auto;
	padding:15px 0 15px 30px;
	position: relative;
	display: block;
	text-decoration: none;
	color: #FFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#left li a .new{
	background: #303030 url(bg_menu_left_new.jpg) no-repeat left top;
}
#left li a:hover{
	background: #EFB629 url(bg_menu_left.jpg) no-repeat -201px top;
	text-decoration: none;
	color: #000;
	}
#left li .dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:100%;
	background: #222222;
}

.dropdown li{
	padding:0;
}
#left li .dropdown li a{
	/* Each element in the expandable list */
	
	color:#FFF;
	width: auto;
	padding:0px 10px;
	position: relative;
	display: block;
	text-decoration: none;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(none);
}
#left li .dropdown li a:hover{
	/* Each element in the expandable list */
	
	color:#FFD006;
	
}
#left #l_side{
	width: 178px;
	padding: 10px;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 15px;
	border:solid #D0D0D0 1px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #303030;
}

h2 {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;color:#0000000;text-transform: uppercase;margin: 25px 0 12px 10px;}


#left #l_side td {
	height: 37px;
	line-height: 28px;
	vertical-align: top;
}

#left #l_side td.icon {
	padding: 3px 0 0 0;
}

#left #l_side p {
	font: normal 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
}



#middle {
	width: 792px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 8px;
	z-index:10;
}

#middle .product {
	width: 190px;
	height: 300px;
	position: relative;
	float: left;
	margin: 10px 4px 10px 0;
	cursor: pointer;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:solid #D0D0D0 1px;
	
}


#middle .product.right {
	margin: 10px 0;
}

#middle .product .foto {
	width:95%;
	position: relative;
	float: left;
	margin: 5px 0;
	overflow: hidden;
	display: table;
	border-bottom: 1px solid #D0D0D0;
}

#middle .product .foto .center {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#middle .product .title {
	width: 150px;
	height: 30px;
	position: relative;
	float: left;
	margin: 5px;
	font: bold normal 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FF6600;
}

#middle .product .about {
	width: auto;
	height: 135px;
	position: relative;
	float: left;
	margin: 5px;
	
	font: normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #303030;
}

#middle .product .b_next {
	width: 20px;
	height: 20px;
	position: absolute;
	background: url(next.jpg) no-repeat left top;
	cursor: pointer;
	right: 5px;
	bottom: 25px;
	/*margin:25px 5px;*/
}

#middle .product .hover {
	background: url(next.jpg) no-repeat left bottom;
}

#redbox {background:#BA472C;height:30px;text-align:center;}
#redbox1 {background:#BA472C;width:170px;height:30px;text-align:center;}

#redboxtext {font-family:Calibri,Arial,sans-serif;font-size:14px;text-align:center;color:#FFFFFF;padding:5px;}
#redboxtext a {color:#FFFFFF;text-decoration:none;}
#redboxtext a:hover {color:#FFFFFF;text-decoration:underline;}

#redborder {background:#FFFFFF;font-family:Calibri,Arial,sans-serif;font-size:14px;text-align:center;color:#000000;padding:10px;}
#redborder a {color:#000000;text-decoration:none;}
#redborder a:hover {color:#000000;text-decoration:underline;}

#redborder1 {background:#FFFFFF;font-family:Calibri,Arial,sans-serif;font-size:14px;text-align:right;color:#000000;padding:10px;}
#redborder1 a {color:#000000;text-decoration:none;}
#redborder1 a:hover {color:#000000;text-decoration:underline;}

table#basic2 {background-color:#FFFFFF; width: 110px;}
table#basic2 td {padding: 5px;}
.data21 {color: #000000; text-align: center; font-family : Arial, sans-serif; font-size : 12px; background-color: #FFFFFF; border: solid #DBD5B5 1px; width: 100px;}
.data22 {color: #000000; text-align: left; font-family : Arial, sans-serif; font-size : 12px; background-color: #FFFFFF; border: solid #DBD5B5 1px; width: 150px;}

table#basic3 {background-color:#FFFFFF; width: 810px;}
table#basic3 td {padding: 5px;}
.data31 {color: #000000; text-align: left; font-family : Arial, sans-serif; font-size : 12px; background-color: #FFFFFF; border: solid #DBD5B5 1px; width: 250px;}
.data32 {color: #000000; text-align: left; font-family : Arial, sans-serif; font-size : 12px; background-color: #FFFFFF; border: solid #DBD5B5 1px; width: 310px;}

table#basic4 {background-color:#FFFFFF; width: 510px;}
table#basic4 td {padding: 5px;}
.data41 {color: #000000; font-weight: bold; text-align: left; font-family : Arial, sans-serif; font-size : 12px; background-color: #FFCC00; border: solid #DBD5B5 1px;}
.data42 {color: #000000; text-align: left; font-family : Arial, sans-serif; font-size : 12px; background-color: #FFFFFF; border: solid #DBD5B5 1px;}
.data43 {color: #000000; font-weight: bold; text-align: right; font-family : Arial, sans-serif; font-size : 12px; background-color: #FFFFFF; border: solid #DBD5B5 1px;}
.data44 {color: #000000; font-weight: bold; text-align: right; font-family : Arial, sans-serif; font-size : 12px; background-color: #F8F7EF; border: solid #DBD5B5 1px;}

/* produs faza 1 */

#middle #prod_f1 {
	width:380px;
	height: 250px;
	position: relative;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:solid #E1E1E1 1px;
	float:left;
	margin:6px;
}
#middle #prod_f1 .photo{
	width:125px;
	height: auto;
	float: left;
	margin:5px;
	margin-right:20px;
	
}

#middle #prod_f1 .photo2{
	width:25px;
	height: 25px;
	margin:5px;
}
#middle #prod_f1 .title {
	width: auto;
	height: 30px;
	position: relative;
	float: left;
	margin: 5px;
	font: bold normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
}

#middle #prod_f1 .about {
	width: 220px;
	height: 135px;
	position: relative;
	float: left;
	margin: 5px;
	overflow: hidden;
	font: normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #303030;
}
#middle #prod_f1 h3 {
	display:inline;
	font-size: 18px;
	font-weight: bolder;
	color: #FF9900;	
}

#middle #prod_f2 {
	width:280px;
	height: 185px;
	position: relative;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border:solid #E1E1E1 1px;
	float:left;
	margin:6px;
}
#middle #prod_f2 .photo{
	width:125px;
	height: auto;
	float: left;
	margin:5px;
	margin-right:20px;
	
}
#middle #prod_f2 .title {
	width: auto;
	height: 30px;
	position: relative;
	float: left;
	margin: 5px;
	font: bold normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
}

#middle #prod_f2 .about {
	width: 120px;
	height: 60px;
	position: relative;
	float: left;
	margin: 5px;
	overflow: hidden;
	font: normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #303030;
}
#middle #prod_f2 h3 {
	display:inline;
	font-size: 18px;
	font-weight: bolder;
	color: #FF9900;	
}

a.add_cart{
	cursor:pointer;
	padding:7px;
	width:154px;
	height:15px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: url(add_cart.jpg) left top;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a:hover.add_cart{
	background: url(add_cart.jpg) left 30px;
}
/* overcss */

#footer {
	clear:both;
	position: relative;
	width: 992px;
	height:auto;
	margin: auto;
	padding: 8px;
	padding-bottom:20px;
	z-index: 1;
	background: #FFF url(bgr_bott.jpg) repeat-x left top;
	border-top: 4px solid #333333;

}

#footer .column {
	width: 25%;
	height: auto;
	position: relative;
	float: left;
	z-index: 1;
	background: url(vline.png) repeat-y right top;
}
#footer .column ul{
	list-style: none;
	clear:left;
}
#footer .column ul li{
	list-style: none;
}
#footer .right {
	background: url(none);	
}
#footer .column img{
	width:80px;
	display: block;
	border: 1px solid #999999;
	float:left;
	margin-right:10px;
	margin-bottom:10px;

}
#footer .column .down{
	width:80px;
	display: block;
	border: 1px solid #999999;
	float:left;
	margin-right:10px;
	margin-bottom:0px;

}
#footer .column h2 {
	margin: 3px 0 5px 0;
	overflow: hidden;
	font: bold 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: capitalize;
}

#footer .column a {
	font: normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 16px;
	background: url(bullet.jpg) 0 4px no-repeat;
}
#footer .column a:hover {
	color: #FF3300;
}
#footer .line {
	width: 100%;
	height: 2px;
	position: relative;
	clear:both;
	margin: 50px 0 20px 0;
	background: #333;
}

#footer .bott {
	width: 440px;
	height: 60px;
	position: relative;
	float: left;
	text-align: left;
	padding-left:10px;

	color: #333;
	font: 11px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer .left {
	width:200px;
}
#footer .cards {
	width:auto;
}
#footer .bott a {
	color: #bfbfbf;
	font: 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer .brand {
	width: 300px;
	float: right;
	padding-right:20px;
}

/* ELEMENTE */

.clear{
clear:both;	
}

#FlashID object {
  display: block;

}

fieldset {
	background-color:#F5F8F8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: thin dotted #DDD;
	padding:10px;
}
legend {
	width:250px;
	margin-left:10px;
	color: #FFF;
	background: #43595F;
	padding: 4px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #FFF;
} 
#middle ul{
	padding-left: 16px;
	margin:10px;
	list-style: none;
}
#middle ul li{
	padding-left: 16px;
	background: url(bullet.jpg) 0 4px no-repeat;
}
#middle ol{
	padding-left:40px;
	margin:1em 0;
	list-style: decimal;
}
#middle ol ol {
font-size:11px;
list-style-type:lower-roman;
}
#middle .map{
	float:right;
	background: #DDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: thin solid #CCC;
	padding:4px;
	margin-top:-20px;
}
#middle .friends{
	float:left;
	margin:0 10px 10px 0;
}
#offer {
	margin-top: 10px;
	font: bold 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #FFF;
	background: #FF0000 url(bgr_red.jpg) repeat-x center top;
	padding: 10px;
	text-align:center;

}

/* PRODUCTS */

.prodbord {border:4px solid #D0D0D0;background:#FFFFFF;padding:5px;}
.prodtexa {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:13px;color:#303030;padding:0;margin:0;}
.prodima1 {border:4px solid #E8E8E8;background:#FFFFFF;padding:1px;width:150px;height:auto;}
.prodima2 {border:4px solid #E8E8E8;background:#FFFFFF;padding:1px;width:40px;height:auto;vertical-align:top;}

a.addcar{
	cursor:pointer;
	padding:7px;
	width:154px;
	height:15px;
	right: 5px;display:block;
	bottom: 5px;
	background: url(add_cart.jpg) left top;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a:hover.addcar{
	background: url(add_cart.jpg) left 30px;
}