
/* Some other CSS files that come in handy */
/* @import url("productlist.css"); */
@import url("cart.css");

body {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover, a.pressed {
	color: #F4B504;
}

a img {
	border: 0;
}

.page {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	
/*	border: 1px solid #CCCCCC; */
}

.page .columns td {
	vertical-align: top;
	padding: 0 4px 0 4px;
}

.menubar {
	background: url("../img/menu-bar-bg.gif") no-repeat;
	width: 532px;
	height: 26px;
	
	padding-left: 20px;
	padding-top: 0px;
	
	font-weight: bold;
}

.menubar table {
	width: 90%;
}

.menubar tr td * {
	padding-top: 4px;
}

/**
 *	Table 'columns'. Used to create the column layout.
 */
table.columns {
	width: 952px;
}

table.columns td.column1 {
	width: 240px;
}

table.columns td.column2 {
	width: 520px;
}

table.columns td.column3 {
	width: 200px;
}

/**
 *	Stylish horizontal line.
 */
.stylish_hr {
	height: 4px;
	width: 80%;
	overflow: hidden;
}

/**
 * Domain menu (the product menu) style.
 */
.domain_menu {
	width: 200px;
	
/*	font-size: 10px; */
}

.domain_menu_middle ul {
	margin-top: 0;
	margin-bottom: 0px;

	margin-left: 4px;
	padding-left: 6px;

	padding-top: 2px;
	padding-bottom: 2px;
	
	width: 170px;
}

.domain_menu_middle ul li {
	padding-bottom: 2px;
	padding-top: 0px;
	padding-left: 0px;
	
	margin-left: 10px;
	list-style-image: url("../img/domain-menu-list-symbol.gif");
}

.domain_menu .domain_menu_breaker {
	background: #F4B504;
	height: 2px;

	margin-left: 20px;
	margin-right: 12px;
	overflow: hidden;
}

.domain_menu_middle li.highlighted {
	/* background: #DEDEDE; */
}

.domain_menu_middle li.highlighted a {
	color: #F4B504;
}


/**
 * 'Main window' style - the 'window' that contains the primary information on the page.
 */
.main_window, .main_window1, .main_window2, .main_window3, .main_window4, .main_window5 {
	width: 500px;
	position: relative;
}

.main_window_bottom {
	margin-bottom: 2em;
}

.main_window_top {
	background: url("../img/main-window-top.gif") top left no-repeat;
	width: 500px;
	height: 62px;
}

.main_window_middle {
	background: url("../img/main-window-middle.gif") left repeat-y;
	
	padding-left: 20px;
	padding-right: 30px;
	
	margin-top: 0;
	margin-bottom: 0;
	
	font-size: 12px;
	
	min-height: 512px;
	height: auto !important;
	height: 512px;
}

.main_window_middle * {
	margin-top: 0;
	margin-bottom: 0;
}

.main_window_middle p {
	padding-bottom: 1em;
}

.main_window_middle h3 {
	font-size: 14px;
	font-weight: bold;
}

.main_window_middle .main_window_middle_text {
/*	width: 470px; */
	text-align: justify;
	padding-top: 1em;
}

.main_window_bottom {
	background: url("../img/main-window-bottom.gif") top left no-repeat;
	
	height: 66px;
}

.main_window_stripe {
	background: #F3B406;

	overflow: hidden;
	
	position: relative;
	top: 40px;
	left: 20px;
	
	width: 300px;	
	height: 6px;
}

.main_window1 .main_window_top {	background: url("../img/main-window-top1.gif") top left no-repeat;		}
.main_window2 .main_window_top {	background: url("../img/main-window-top2.gif") top left no-repeat;		}
.main_window3 .main_window_top {	background: url("../img/main-window-top3.gif") top left no-repeat;		}
.main_window4 .main_window_top {	background: url("../img/main-window-top4.gif") top left no-repeat; 		}
.main_window5 .main_window_top {	background: url("../img/main-window-top5.gif") top left no-repeat;		}

.main_window1 .main_window_middle {	background: url("../img/main-window-middle1.gif") left repeat-y;		}
.main_window2 .main_window_middle {	background: url("../img/main-window-middle2.gif") left repeat-y;		}
.main_window3 .main_window_middle {	background: url("../img/main-window-middle3.gif") left repeat-y;		}
.main_window4 .main_window_middle {	background: url("../img/main-window-middle4.gif") left repeat-y;		}
.main_window5 .main_window_middle {	background: url("../img/main-window-middle5.gif") left repeat-y;		}

.main_window1 .main_window_bottom {	background: url("../img/main-window-bottom1.gif") top left no-repeat;	}
.main_window2 .main_window_bottom {	background: url("../img/main-window-bottom2.gif") top left no-repeat;	}
.main_window3 .main_window_bottom {	background: url("../img/main-window-bottom3.gif") top left no-repeat;	}
.main_window4 .main_window_bottom {	background: url("../img/main-window-bottom4.gif") top left no-repeat;	}
.main_window5 .main_window_bottom {	background: url("../img/main-window-bottom5.gif") top left no-repeat;	}

.main_window_title {
	position: relative;
	top: -10px;
	
	font-size: 16px;
	font-weight: bold;
}

.main_window_middle h3 {
	padding: 0;
	margin: 0;
	
	padding-top: 10px;
}

/**
 * Cute little rounded window, used for the title on the right-hand side column. It actually has
 * rounded corners ;).
 */
.roundy_window {
	width: 200px;
	height: 26px;
	background: url('../img/roundy-window.gif') no-repeat;
	
	padding-top: 6px;
	padding-left: 20px;
	
	overflow: hidden;
}

/**
 * Default rounded window, let's call it style 2.
 */
.roundy_window2 {
	width: 200px;
}

.roundy_window2 .roundy_window2_middle {
	background: url('../img/roundy-window2-middle.gif') repeat-y;
}

.roundy_window2 .roundy_window2_content {
	margin: 0 8px 0 6px;
}

/**
 * Alternative rounded window, let's call it style 3.
 */
.roundy_window3 {
	width: 200px;
}

.roundy_window3 .roundy_window3_middle {
	background: url('../img/roundy-window3-middle.gif') repeat-y;
}

.roundy_window3 .roundy_window3_content {
	margin: 0 8px 0 6px;
}

.roundy_window3 .roundy_window3_icon {
	float: right;
	margin-right: 10px;
}


/**
 * The class for the domain icon.
 */
.domain_icon {
	margin-top: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	text-align: center;	
	width: 190px;
}

.domain_icon .domain_name {
	font-weight: bold;
}

/**
 *	The specialties column (where the newest promotions are shown)
 */
ul.specialties { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/**
 *	The 'producers' table, on the "furnizori" page.
 */
.producers {
	width: 100%;
}

table.producers td{
	border-top: 1px solid #CCCCCC;
	height: 30px;
}

.producers td.logo {
	text-align: left;
	vertical-align: middle;
}

.producers td.description {
	vertical-align: middle;
}

/**
 *	For the division description (info) page.
 */
.division_info {
}

.division_info .gama {
	padding-top: 1em;
}

.division_info .categories {
}

.division_info .categories li {
	list-style-image: url('../img/domain-menu-list-symbol.gif');
/*	text-transform: lowercase; */
	text-align: left;
}

.division_info .division_image {
	text-align: center;	
	margin-top: 30px;
	margin-left: 0;
}

.div_front_image {
	padding-top: 3em;
}

/**
 *	For the contact page.
 */

table.contact_list {
	width: 100%;
}

table.contact_list td {
/*	width: 220px; */
	width: 50%;
	text-align: left;
	font-size: 11px;
}

.contact_list li {
	display: block;
	float: left;
	
	width: 18em;
	height: 10em;
	
	text-align: left;
	
	padding: 4px;
}

.contact_list li h4 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

.contact_list td .division_icon {
	float: left;
	padding-right: 4px;
	padding-bottom: 4px;
}

.contact_list td p {
	clear: both;
}

.contact_list a {
	text-decoration: underline;
}

/**
 * The footer of the page.
 */
.footer {
	text-align: center;
}

.footer {
	color: #AAAAAA;
}

#logo_edil {
	margin-left: 20px;
	margin-top: 10px;
/*	text-align: center; */
}

.promo {
	position: relative;
	width: 100%;
	height: 60px;
}

.promo .product_image {
	float: left;
	margin: 0 2px 2px 0
}

.promo .product_desc {
	height: 40px;
	overflow: hidden;
}

.promo .product_name {
	font-style: italic;
	overflow: hidden;
}

.promo_sign {
	position: absolute;
	top: -10px;
	right: 0px;
}

.promo_period {
	position: absolute;
	bottom: 0px;
}

.float_killer {
	visibility: hidden;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clear: both;
	
	border: 0;
	background: none;
	margin-bottom: 2px;
	padding: 0;
}

.small_contact {
	margin-left: 20px;
}

.small_contact .icon {
	float: left;
}

.small_contact .contact {
	padding-top: 5px;
	line-height: 15px;
}


.main_window_middle_text .product_sample {
	float: right;
	margin-left: 14px;
	margin-bottom: 10px;
}


.main_window_middle ul.simple {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

.main_window_middle ul.simple li {
	margin-left: 0;
	padding-left: 0;
}

.main_window_middle .caligraphic {
	text-indent: 2em;
}

p.antilopetext {
	padding-bottom: 0;
	margin-bottom: 0;
}
.dots {
	/* background: url('../img/dots.gif') center repeat-x; */
	border-top: 1px solid #cecece;
	/* height: 14px; */
	margin-top: 7px;
	margin-bottom: 7px;

}