/* menu styling */
@import url(menu.css); 
@import url(extensions.css);
@import url(module.css);
@import url(general.css);
@import url(joomla.css);

/* Escaping Floats Bug */
/* Hides from IE-mac \*/
.floatholder { height: 1%; }
/* End hide from IE-mac */

/* clearing & floating */

.clearingfix:after {
	content: "."; 
	display: block; 
	line-height: 0px;
	clear: both; 
	visibility: hidden;
}
	
.clearingfix { display: block; }
.floatbox { overflow: hidden; }
.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }
.width20 { width: 19.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width50 { width: 49.999%; }
.width66 { width: 66.666%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }

div.default {

	width: auto;
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

html {
	background: url(../images/bg.jpg) -2px 0px;
}

body {
	background: transparent url(../images/body_bg.jpg) repeat-x;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #acacac;
}

#corner {
	width: 76px;
	height: 76px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/corner.jpg) no-repeat;
}

#corner a {
	width: 76px;
	height: 76px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}



/* top panel*/
div#toppanel-container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	height: 0px;
	z-index: 999;
}

div#toppanel-wrapper {
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div#toppanel {
	position: relative;
	z-index: 15;
	margin-top: -320px;
	width: 100%;
	height: 320px;
	background: url(../images/toppanel_bg.png) 0 100% repeat;
	color: #F5F5F5;	
}

div#toppanel .panel {
	margin: auto;
	width: 600px;
	height: 300px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

div#toppanel .close {
	width: 50px;
	height: 15px;
	margin-top: 23px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #646464;
	background: #1e1e1e;
	float: right;
	overflow: hidden;
	text-align: center;
	font-size: 85%;
	line-height: 150%;
	cursor: pointer;
}

div#toppanel .cpanel {
	clear: both;
}

div#toppanel-container .trigger {
	position: relative;
	z-index: 16;
	top: 0px;
	left: 65%;
	width: 120px;
	margin-left: -60px;
	cursor: pointer;
}

div#toppanel-container .trigger img {
	width: 20px;
	height: 19px;
	border: 0px;
}

div#toppanel-container .trigger-l, div#toppanel-container .trigger-r {
	width: 20px;
	height: 19px;
	float: left;
}

div#toppanel-container .trigger-l {
	background: url(../images/toppanel_trigger_l.png) 100% 0 repeat-x;
}

div#toppanel-container .trigger-r {
	background: url(../images/toppanel_trigger_r.png) 100% 0 repeat-x;
}

div#toppanel-container .trigger-m {
	width: 80px;
	height: 19px;
	background: url(../images/toppanel_trigger_m.png) 100% 0 repeat-x;
	float: left;
	text-align: center;
	font-size: 85%;
	line-height: 150%;
	overflow: hidden;
	color: #ffffff;
}








/* set body font size (styleswitcher) */
body.font-small {
	font-size: 11px;
}

body.font-medium {
	font-size: 12px;
}

body.font-large {
	font-size: 13px;
}

/* set body width (styleswitcher) */
body.width-thin div.wrapper {
	width: 780px;
}

body.width-wide div.wrapper {
	width: 940px;
}

body.width-fluid div.wrapper {
	width: 83%;
}


div#styleswitcher {
	width: 145px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 45px;
}

div#styleswitcher a {
	width: 15px;
	height: 20px;
	float: right;
	text-decoration: none;
	display: block;
}

a#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall.jpg) 0 0 no-repeat;
}

a:hover#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall.jpg) 0 0 no-repeat;
}

a#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium.jpg) 0 0 no-repeat;
}

a:hover#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium.jpg) 0 0 no-repeat;
}

a#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge.jpg) 0 0 no-repeat;
}

a:hover#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge.jpg) 0 0 no-repeat;
}

a#switchwidththin {
	background: url(../images/styleswitcher_widththin.jpg) 0 0 no-repeat;
}

a:hover#switchwidththin {
	background: url(../images/styleswitcher_widththin.jpg) 0 0 no-repeat;
}

a#switchwidthwide {
	background: url(../images/styleswitcher_widthwide.jpg) 0 0 no-repeat;
}

a:hover#switchwidthwide {
	background: url(../images/styleswitcher_widthwide.jpg) 0 0 no-repeat;
}

a#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid.jpg) 0 0 no-repeat;
}

a:hover#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid.jpg) 0 0 no-repeat;
}



div.wrapper {
	margin: auto;
	padding: 0px 0px;
}

div#page-body {
}

div#menu {
	width: 520px;
	height: 45px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	position: absolute;
	left: 20px;
	bottom: 0px;
	display: none;
}

div#simple_menu {
	width: 520px;
	height: 45px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	position: absolute;
	left: 40px;
	bottom: 0px;
}

#simple_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#simple_menu ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	color: White;
}

#simple_menu a.mainlevel-nav:link, 
#simple_menu a.mainlevel-nav:visited {
	display: block;
	padding: 0px 3px;
	list-style: none;
	color: White;
	font-weight: bold;
	text-decoration: none;
	border-right: solid 1px #fff;
}

#simple_menu a.mainlevel-nav:hover, 
#simple_menu a#active_menu {
	color: #eeeeee;
}

div#login_module {
	width: 370px;
	height: 45px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	position: absolute;
	right: 30px;
	bottom: 0px;	
	color: White;
}

div#login_module h3 {
float: left;
margin: 0px;
width: 70px;
color: White;
font-size: 12px;
font-weight: normal;
}



div#login_module a {
	color: White;
	text-decoration: underline;
	font-weight: bold;
}

div#header {
	width: 100%;
	height: 159px;
	background: url(../images/header_bg.jpg) repeat-x;
	position: relative;
}

div#header_left {
	background: url(../images/header_left.jpg) left top no-repeat;
	width: 100%;
	height: 159px;
}

div#header_right {
	background: url(../images/header_right.jpg) right top no-repeat;
	width: 100%;
	height: 159px;
}

div#phone {
	background: url(../images/phone.png) right bottom no-repeat;
	width: 241px;
	height: 70px;
	position: absolute;
	right: 45px;
	bottom: 55px;
	color: White;
	text-align: right;
	font-weight: bold;
}
div#phone2 {
	width: 290px;
	height: 15px;
	position: absolute;
	right: 45px;
	bottom: 58px;

	text-align: left;
	font-weight: normal;
}

a.phone2link  {
color: #ffffff;
font-weight: normal;
}


div#logo {
	width: 185px;
	height: 110px;
	background: url(../images/logo.jpg) no-repeat;
	position: absolute;
	left: 45px;
	top: 0px;
}


#header_advert {
	width: 400px;
	height: 127px;
	position: absolute;
	left: 220px;
	top: 0px;	
	background: url(../images/header-letto2010.jpg) no-repeat top center;
}

div#logo  a{
	width: 185px;
	height: 110px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

div#pattern1 {
	width: 201px;
	height: 55px;
	position: absolute;
	left: -92px;
	left: -100px;
	bottom: 0px;
	background: url(../images/pattern_1.png) top left no-repeat;
	*bottom: -1px;
}

div#pattern2 {
	width: 120px;
	height: 333px;
	position: absolute;
	left: -92px;
	left: -100px;
	top: 0px;
	background: url(../images/pattern_2.png) top left no-repeat; 
}

div#basket_container {
	height: 56px;
	position: relative;
	background: url(../images/basket_bg.jpg) top center repeat-x;
}

div#basket_left {
	background: url(../images/pattern_3.jpg) no-repeat 0px top;
	width: 100%;
	height: 56px;
}

div#basket_right {
	background: url(../images/basket_right.jpg) no-repeat right top;
	width: 100%;
	height: 56px;
	color: White;
}

div#basket_inner {
	position: absolute;
	right: 30px;
	top: 14px;
	width: 220px;
	text-align: right;
}

div#basket_inner a {
	color: White;
	font-weight: bold;
}



div#content1 {
	background: #000 url(../images/content_shadow_left.jpg) left top repeat-y;
}

div#content_shadow_right {
	background: url(../images/content_shadow_right.jpg) right top repeat-y;
}

div#content_top_left {
	background: url(../images/content_lt.jpg) left top no-repeat;
}

div#content_top_right {
	background: url(../images/content_rt.jpg) right top no-repeat;
}

div#content_bottom_left {
	background: url(../images/content_lb.jpg) left bottom no-repeat;
	padding: 27px;
}

div#content_bottom_right {
	background: url(../images/content_rb.jpg) right bottom no-repeat;
}

div#content_bottom_right div {
}



div#middle {
	width: auto;
	margin: 10px 0px 0px 0px;
	clear: both;
}

div#middle .background {
	min-height: 340px;
}

div#middle .layoutleft {
	background: none;
	padding: 0px 0px 0px 0px;
}

div#middle .layoutright {
	background: none;
	padding: 0px 0px 0px 0px;
}

div#middle .withoutleft {
	background: none;
	padding: 0px 0px 0px 0px;
}




div#left {
	width: 200px;
}

div#middle .layoutleft div#left {
	float: left;
}

div#middle .layoutright div#left {
	float: right;
}

div#submenu, div#othermenu {
	width: 190px;
	margin: 0px 0px 10px 10px;
	overflow: hidden;
}

div#middle .layoutright div#submenu, div#middle .layoutright div#othermenu {
	margin: 0px 10px 10px 0px;
}

div#submenu .submenu-b, div#othermenu .othermenu-b {
	min-height: 45px;
	padding: 30px 0px 40px 0px;
}

div#main {
	width: auto;
}

div#middle .layoutleft div#main {
	margin: 0px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
}

div#middle .layoutright div#main {
	margin: 0px 200px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#middle .withoutleft div#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#maintop {
	position: relative;
}


div#maintop .maintopbox {
	margin: 0px 0px 0px 0px;
	position: relative;
	padding: 0px 0px 0px 10px;
}


#round_border_bottom {
	border: 1px solid Black;
	height: 2px;
	position: absolute;
	top: 225px;
	width: 100%;
}

div#round_187_left {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 226px;
	background: url(../images/round_187_left.gif) left top no-repeat;
	width: 24px;
	z-index: 99;
}

div#round_187_right {
	position: absolute;
	top: 0px;
	right: 10px;
	*right: 9px;
	height: 226px;
	width: 24px;
	background: url(../images/round_187_right.gif) right top no-repeat;
	z-index: 99;
}




div#maintop .maintopboxseperator {
}

div#mainmiddle {
	margin: 0px 0px 0px 0px;
}

div#main .withright {
	background: transparent;
}

div#main .withoutright {
	background: transparent;
}

div#right {
	width: 180px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}


#main_container {
	padding-right: 10px;
}

	
div#content {
	width: auto;
	padding: 10px;
}

div#main .withright div#content {
	margin: 0px 190px 0px 0px;
	padding: 10px 10px 10px 10px;
}

div#main .withoutright div#content {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

div#contenttop {
	margin: 0px 0px 10px 0px;
	background: url(../images/content_module_m.png) 0 100% repeat-x;
}


.moduletable table td {
	vertical-align: top;
}

div#contenttop .contenttop-l {
	background: url(../images/content_module_l.png) 0 100% no-repeat;
}

div#contenttop .contenttop-r {
	padding: 0px 0px 2px 0px;
	background: url(../images/content_module_r.png) 100% 100% no-repeat;
}

div#contenttop .contenttopbox {
}

div#contenttop .contenttopboxseperator {
	background: url(../images/content_module_top_sep.png) 100% 100% no-repeat;
}

div#breadcrumb {
	height: 35px;
	font-size: 85%;
	padding-left: 10px;
}

div#breadcrumb a:link, 
div#breadcrumb a:visited {
	height: 19px;
	color: #b2b2b2;
	text-decoration: underline;
}

div#breadcrumb a:hover {
	color: Black;
}


div#contentbottom {
	margin: 10px 0px 0px 0px;
	background: url(../images/content_module_m.png) 0 0 repeat-x;
}

div#contentbottom .contentbottom-l {
	background: url(../images/content_module_l.png) 0 0 no-repeat;
}

div#contentbottom .contentbottom-r {
	padding: 2px 0px 0px 0px;
	background: url(../images/content_module_r.png) 100% 0 no-repeat;
}

div#contentbottom .contentbottombox {
}

div#contentbottom .contentbottomboxseperator {
	background: url(../images/content_module_bottom_sep.png) 100% 0 no-repeat;
}

div#mainbottom {
}

div#mainbottom .mainbottombox {
	padding: 0px 0px 10px 0px;
}

div#mainbottom .mainbottomboxseperator {
}

div#bottom {
	width: auto;
	padding: 0px 10px 10px 10px;
	clear: both;
}

div#bottom .bottombox {
}

div#bottom .bottomboxseperator {
}

div#footer {
	width: auto;
	min-height: 107px;
	clear: both;
	position: relative;
	z-index: 10;
}

div#footer .footer-bg {
	position: absolute;
	top: -20px;
	left: 50%;
	width: 614px;
	height: 106px;
	margin-left: -307px;
	background: url(../images/footer_bg.png) 0 0 no-repeat;
	z-index: 3;
	display: block;
}

div#footermodule {
	padding: 20px 0px 0px 0px;
	position: relative;
	z-index: 5;
	text-align: center;
	color: #ffffff;
}


div.search .button {
	background: url(../images/search_icon.gif) no-repeat 50% 50%;
	border: none;
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin-left: 1px;
	border: solid 1px #aaacaf;
	position: relative;
	top: 1px;
	*top:-1px;
}

div.search {
	width: 200px!important;
	padding-top: 0px!important;
}

div.search form {
	margin: 0px;
}

input#mod_search_searchword {
	width: 160px;
	height: 16px;
	font-size: 11px;
	color: #454545;
	background: #8b8b8b;
	border: solid 1px #393939;
}

input#mod_search_searchword:hover,
input#mod_search_searchword:focus,
input#mod_search_searchword.sfhover,
input#mod_search_searchword.sffocus {
	color: #000;
}

.button {
/*	background: url(../images/button.jpg) no-repeat;
	width: 122px;
	height: 25px;
	border: none;
	color: #696969;
	cursor: pointer;
	*/
}


#left_search {
	height: 85px;
	*height: 95px;
	padding-left: 10px;
}

#left a.mainlevel:link,
#left a.mainlevel:visited {
	display: block;
	width: 200px;
	height: 30px;
	background: url(../images/a_mainlevel.gif) no-repeat right top;
	color: #646464;
	text-indent: 35px; 
	line-height: 25px;
	text-decoration: none;
}

#left a.mainlevel:hover,
#left a.mainlevel:active, 
#left a.mainlevel#active_menu {
	display: block;
	width: 200px;
	height: 30px;
	background: url(../images/a_mainlevel_hover.gif) no-repeat;
	color: White;
	font-weight: bold;
	font-style: normal!important;
}

a.sublevel:link,
a.sublevel:visited {
	color: #646464;
	display: block;
	text-indent: 25px;
	height: 16px;
	text-decoration: none;
}

a.sublevel:active,
a.sublevel:hover,
a.sublevel#active_menu {
	color: Black;
	font-style: normal!important;	
}

ul#mainlevel {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#mainlevel li {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}


#bottom_shadow {
	height: 25px;
	width: 100%;
	background: url(../images/bottom_shadow.jpg) repeat-x;
}

#bottom_shadow div {
	height: 25px;
	width: 100%;
	background: url(../images/bottom_shadow_l.jpg) left top no-repeat;
}

#bottom_shadow div div {
	height: 25px;
	width: 100%;
	background: url(../images/bottom_shadow_r.jpg) right top no-repeat;
}

#footer {
	height: 96px;
	width: 100%;
	background: url(../images/footer_bg.jpg) repeat-x;
}

#footer div {
	height: 106px;
	width: 100%;
	background: url(../images/footer_l.jpg) no-repeat left top;
}

#footer div div {
	height: 106px;
	width: 100%;
	background: url(../images/footer_r.jpg) no-repeat right top;
}

#footer_inner {
	background: none;
	width: 70%!important;
	height: 76px;
	float: right;
	color: White;
	padding-right:30px;
		padding-top:5px;
		margin:0px;
	position: relative;
}


#footer_inner ul#mainlevel-nav
{
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


#footer_inner ul#mainlevel-nav li
{
list-style: none;
margin: 0px;
float: left;
}

#footer_inner #phone1 {
width: 600px!important;
height: 25px!important;
background: none!important;
position: absolute;
left: 10px;
bottom: 25px;
margin: 0px;
text-align: left;
}

#footer_inner a.mainlevel-nav:link,
#footer_inner a:visited {
	color: White;
	float: left;
	padding: 3px 8px 0px 0px;
	text-decoration: underline;
}

#footer_inner a.mainlevel-nav:hover
{
	color: #efefef;
	text-decoration: none;
}

div#sublogo {
	width: 135px!important;
	height: 76px!important;
	display: block;
	position: absolute;
	top: 8px;
	left: 45px;
	background: url(../images/sublogo.jpg) no-repeat!important;
}

#sublogo a {
	display: block;
	width: 135px;
	height: 76px;
	cursor: pointer;
	text-decoration: none;
}


/* virtuemart styles */


#product_list {
	position: relative;
}

.product_image {
width: 127px;
height: 125px;
position: relative;
}

.product_image a {
width: 127px;
height: 125px;
position: absolute;
top: 0px;
left: 0px;
z-index: 9999;
text-decoration: none!important;
}

.porduct_ramka {
background: url(../images/product_ramlka.png) no-repeat center top; 
width: 127px;
height: 125px;
position: absolute;
top: 0px;
left: 0px;
}
.product_roundcorners  {

background:#b2b1b2 ;
background-repeat:no-repeat;
background-position: center ; 
width:127px; 
height:125px; 
margin:0px; 
border:0px none;


}
.product_roundcorners_div  {
width:127px; 
height:125px; 
margin:0px; 
border:0px none;
}	

.product_about {
	text-align: left;
	width: 125px;
}

.product_about_snapshot {
	text-align: left;
	position: relative;
	width: 125px;
}



.product_about form {
margin: 0px;
}

.product_about p {
	margin: 0px;
}


#contenttop div.moduletable h3 {
	margin: 0px;
	text-align: center;
	color: #9ebe09;
	text-transform: uppercase;
}


.product_s_desc {
	height: 51px;
	overflow: hidden;
	font-size: 10px;

}

.product_price {
	height: 20px;
	font-size: 18px;
	text-align: right;
}




.product_price_discount {

	font-size: 14px;
text-align:right;
}



.product_price_discount_1 {

	font-size: 10px;

}
.product_price_discount_2 {
	font-size: 18px;
	text-decoration: line-through;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}
.product_price_discount_3 {

	font-size: 10px;
}
.product_price_discount_4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: italic;
}
.product_price_discount_5 {
	font-size: 11px;
	font-style: italic;
}
.product_price_discount_6 {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}







.product_price_flypage {
	font-size: 16px;
}


#flypage_image {
	width: 100%;
	height: 400px;
}

#flypage_image div {
	background: url(../images/flypage_ramka_lt.gif) no-repeat left top;
	width: 100%;
	height: 100%;
}

#flypage_image div div {
	background: url(../images/flypage_ramka_rt.gif) no-repeat right top;
	width: 100%;
	height: 100%;
}

#flypage_image div div div {
	background: url(../images/flypage_ramka_rb.gif) no-repeat right bottom;
	width: 100%;
	height: 100%;
}

#flypage_image div div div div {
	background: url(../images/flypage_ramka_lb.gif) no-repeat left bottom;
	width: 100%;
	height: 100%;
}


#contenttop .moduletable td {
	background: black;
	position: relative;
}


.sectiontableentry2,
.sectiontableentry1, 
.sectiontableentry2 td,
.sectiontableentry1 td {
	background: Black!important;
}